.bb-player-root{background:var(--card-bg);color:var(--foreground);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;margin:1.5rem auto;width:100%!important;max-width:100%!important;padding:0!important;display:flex!important;overflow:hidden!important}.player-loading{width:100%;height:200px;color:var(--accent);background:#0000000d;justify-content:center;align-items:center;display:flex}.bb-player-viewport{border-bottom:1px solid var(--glass-border);background:#000;justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.bb-player-pitch-container{transform-origin:0 0;background:#101510;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bb-player-controls{background:0 0;align-items:center;gap:1.2rem;height:64px;padding:0 1.2rem;display:flex}.ctrl-group{align-items:center;gap:.5rem;display:flex}.player-progress{flex:1;align-items:center;gap:1.2rem;display:flex}.progress-track{border:1px solid var(--glass-border);background:#0000001a;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .3s ease-out}.frame-info{color:var(--primary);text-align:right;font-variant-numeric:tabular-nums;min-width:55px;font-size:.85rem;font-weight:800}.player-meta{align-items:center;gap:1rem;display:flex}.speed-control-pill{border:1px solid var(--glass-border);color:var(--foreground);background:#0000000d;border-radius:10px;align-items:center;gap:.4rem;padding:5px 10px;display:flex}.speed-input{color:var(--primary);text-align:center;background:0 0;border:none;outline:none;width:45px;font-family:inherit;font-size:.85rem;font-weight:900}.speed-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.speed-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.speed-input{-moz-appearance:textfield}.unit{opacity:.7;color:var(--text-muted);font-size:.7rem;font-weight:700}.divider{background:var(--glass-border);opacity:1;width:1px;height:24px;margin:0 .2rem}.secondary-actions{align-items:center;gap:.5rem;display:flex}[data-theme=saison3] .bb-player-root{border:3px solid var(--secondary);background:#f4f1e6!important}[data-theme=saison3] .bb-player-controls{background:0 0}[data-theme=saison3] .progress-track{border-color:var(--secondary);background:#0000001a}[data-theme=saison3] .progress-fill{background:var(--primary)}[data-theme=saison3] .speed-control-pill{border-color:var(--secondary);background:#0000000d}[data-theme=saison3] .speed-input,[data-theme=saison3] .frame-info{color:var(--primary)}[data-theme=saison3] .unit{color:var(--secondary);opacity:.8}[data-theme=saison3] .divider{background:var(--secondary);opacity:.3}
.token-container{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:box-shadow .2s,transform .2s;display:flex}.token-container:active{cursor:grabbing}.token-container.overlay{cursor:grabbing;z-index:9999;transform:scale(1.1)!important}.token-container.selected{outline-offset:4px;z-index:100;outline:3px solid #ffeb3b;animation:2s infinite selectedPulse;box-shadow:0 0 20px #ffeb3b99}@keyframes selectedPulse{0%{outline-color:#ffeb3b;box-shadow:0 0 20px #ffeb3b99}50%{outline-color:#fbc02d;box-shadow:0 0 35px #ffeb3b}to{outline-color:#ffeb3b;box-shadow:0 0 20px #ffeb3b99}}.token-container.dragging-source{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.player-token{background:#333;border:3px solid #fff;box-shadow:0 4px 8px #00000080}.player-token.blue{background-color:#1e40af;border-color:#3b82f6}.player-token.red{background-color:#991b1b;border-color:#ef4444}.token-container.is-star-player{border-radius:0;width:50px;height:50px;box-shadow:none!important;background-color:#0000!important;border:none!important}.token-container.is-star-player.blue,.token-container.is-star-player.red{background-color:#0000!important;border:none!important}.token-container.is-star-player .token-number{color:#fff;text-shadow:1px 1px #000c;font-size:.85rem}.token-container.is-star-player.selected{filter:drop-shadow(0 0 10px #ffeb3b);outline:none;animation:2s infinite starSelectedPulse}@keyframes starSelectedPulse{0%{filter:drop-shadow(0 0 10px #ffeb3bb3)}50%{filter:drop-shadow(0 0 20px #ffeb3b)}to{filter:drop-shadow(0 0 10px #ffeb3bb3)}}.token-inner{transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .4s;display:flex;position:relative}.token-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.token-base{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex}.star-token-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.star-initials{color:#000;z-index:5;text-shadow:none;pointer-events:none;background:0 0;font-weight:800;position:absolute;font-size:.85rem!important}.token-container.prone .token-base,.token-container.stunned .token-base{opacity:.8;transform:rotate(90deg)}.token-number{color:#fff;text-shadow:0 0 4px #000c;pointer-events:none;text-transform:uppercase;font-size:1rem;font-weight:900}.ball-token{z-index:50;cursor:grab;background:0 0;width:38px;height:38px}.ball-icon{filter:drop-shadow(0 4px 6px #0009);animation:2s ease-in-out infinite bounceBall}@keyframes bounceBall{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.status-overlay{pointer-events:none;z-index:200;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.token-container.stunned{opacity:.85}.stars-animation{justify-content:center;gap:4px;display:flex;position:absolute;top:-18px;left:0;right:0}.star{color:gold;filter:drop-shadow(0 0 3px #00000080);animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-icon,.floating-icon-large{color:#fff;filter:drop-shadow(0 0 5px #000c);animation:1s ease-in-out infinite alternate float;position:absolute;top:-24px}.floating-icon-large{top:-30px}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.bite-anim{color:#ffeb3b;animation:.5s infinite alternate biteGlow}@keyframes biteGlow{0%{filter:drop-shadow(0 0 2px #ffeb3b)}to{filter:drop-shadow(0 0 8px #ffeb3b)}}.croque-anim{color:#fff;filter:drop-shadow(0 0 5px #f44);animation:.4s infinite alternate croqueMove}@keyframes croqueMove{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.carried-ball-overlay{filter:drop-shadow(0 2px 4px #00000080);z-index:300;animation:1.5s ease-in-out infinite alternate floatSmall;position:absolute;top:-12px;right:-12px}@keyframes floatSmall{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.token-stats-hover.portal-tooltip{border:1px solid var(--accent);z-index:100000;pointer-events:none;white-space:nowrap;background:#11111a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;display:flex;position:fixed;box-shadow:0 10px 40px #000000e6,0 0 20px #ffd70033}.tooltip-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:4px;padding-bottom:4px;display:flex}.player-name-full{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:800}.player-cost-badge{color:#000;background:var(--accent);text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:900}.stat-row{gap:6px;display:flex}.stat-val{color:var(--accent);text-shadow:0 0 8px #ffd7004d;font-family:Inter,sans-serif;font-size:.9rem;font-weight:800}.stat-labels{color:#fff6;text-transform:uppercase;letter-spacing:1px;gap:6px;font-size:.55rem;font-weight:800;display:flex}.stat-labels span,.stat-labels span{text-align:center;flex:1}.tooltip-skills{color:var(--accent);white-space:normal;text-align:center;border-top:1px solid #ffffff1a;max-width:200px;margin-top:8px;padding-top:8px;font-size:.75rem;font-style:italic;font-weight:500;line-height:1.3}.token-container.overlay .token-stats-hover{display:none!important}
.pitch-wrapper{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#1a3a1a;border:4px solid #fff;border-radius:8px;flex-shrink:0;width:1308px;height:758px;position:relative;overflow:hidden;box-shadow:0 0 60px #0009}@media (max-width:1024px){.pitch-wrapper{border-width:2px;border-radius:4px;box-shadow:0 0 20px #0006}}.pitch-grid{background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:50px 50px;width:1300px;height:750px;position:relative}.draw-layer{z-index:200;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.draw-layer.active{pointer-events:auto;cursor:crosshair}.pitch-square{border:1px solid #ffffff0d;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.pitch-square.ez{background:#c21d1d33}.pitch-square.wide-line:after{content:"";z-index:5;background:#ffffffd9;height:3px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 5px #0006}.pitch-line{z-index:6;background:#ffffffe6;position:absolute}.line-center{background:#fffffff2;width:4px;top:0;bottom:0;left:50%;transform:translate(-50%)}.line-ez-left{width:3px;top:0;bottom:0;left:49px}.line-ez-right{width:3px;top:0;bottom:0;left:1249px}.pitch-square.drag-over{box-shadow:inset 0 0 10px var(--accent);background:#ffd7004d!important}.square-token-container{pointer-events:none;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.token-wrapper{pointer-events:auto;z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}