@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cardIn{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--accent: #ffd43b;--accent-rgb: 255, 212, 59;--accent-dim: #d1ab20;--bg: #061428;--bg-alt: #04101e;--panel: #0d2040;--panel-rgb: 13, 32, 64;--navy-mid: #0d1f3c;--border: #1a3a60;--border-hi: rgba(255, 255, 255, .08);--dim: #3a608a;--red: #ff3c3c;--green: #22c55e;--blue: #3b82f6;--text: #ffffff;--text-mid: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .42);--input-rgb: 4, 14, 32;--font-display: "Barlow Condensed", sans-serif;--font-heading: "Bebas Neue", sans-serif;--font-mono: "Space Mono", monospace;--tr: .22s cubic-bezier(.4, 0, .2, 1)}:root{--vh-100-safe: 100vh;--navy: #07192e;--navy-mid: #0d1f3c;--navy-light: #0a1c38;--border: rgba(255, 255, 255, .1);--border-md: rgba(255, 255, 255, .18);--border-hi: rgba(255, 255, 255, .24);--border-card: rgba(255, 255, 255, .1);--border-accent: rgba(255, 212, 59, .35);--gold: #ffd43b;--gold-dim: rgba(255, 212, 59, .14);--accent: var(--gold);--accent-rgb: 255, 212, 59;--accent-glow: rgba(255, 212, 59, .35);--accent-dim: var(--gold-dim);--red: #ff6b6b;--red-dim: rgba(255, 82, 82, .14);--red-border: rgba(255, 82, 82, .35);--green: #52d9a0;--blue: #5a9cf8;--panel-trans: rgba(13, 31, 60, .8);--panel-trans-hi: rgba(16, 38, 76, .9);--text: rgba(255, 255, 255, .95);--text-muted: rgba(255, 255, 255, .68);--text-dim: rgba(255, 255, 255, .56);--header-h: 50px;--bench-w: clamp(170px, 14vw, 220px);--bench-mob-h: 110px;--field-gap: clamp(8px, 1.1vw, 20px);--field-pad-x: clamp(10px, 1.3vw, 24px);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--tr: .22s cubic-bezier(.4, 0, .2, 1)}@supports (height: 100dvh){:root{--vh-100-safe: 100dvh}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:Barlow Condensed,sans-serif;height:100vh;height:var(--vh-100-safe);position:relative;display:flex;flex-direction:column}settings-panel{display:block;flex-shrink:0;width:100%;position:relative;z-index:100}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px}.bg-layer{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-main{background:radial-gradient(ellipse 120% 70% at 50% -20%,rgba(59,130,246,.12) 0%,transparent 60%),radial-gradient(ellipse 90% 60% at 50% 120%,rgba(var(--accent-rgb),.08) 0%,transparent 65%),radial-gradient(ellipse 85% 75% at 50% 50%,#081a33,#061428)}.bg-vignette{background:radial-gradient(ellipse 95% 85% at 50% 50%,transparent 30%,rgba(4,16,30,.85) 100%)}.bg-scanlines{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.035) 2px,rgba(0,0,0,.035) 4px);opacity:.4}.app{flex:1;min-height:0;width:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .25s ease;z-index:1;padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom)}.app.ready{opacity:1}.main-zone{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.hud-zone{flex-shrink:0;width:100%;padding:clamp(6px,1vh,12px) var(--field-pad-x) 0;position:relative;z-index:10;display:flex;justify-content:center}.kb-hud{flex-shrink:0;width:fit-content;max-width:100%;height:clamp(130px,19.5vh,205px);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.8vw,26px);padding:0 clamp(20px,2.5vw,36px);border:1px solid var(--border-md);border-radius:9999px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0d1f3cb8;box-shadow:0 8px 32px #0006;position:relative;z-index:10}.kb-hud-divider{width:1.5px;height:56%;background:var(--border);flex-shrink:0;border-radius:2px}.kb-hud-group{display:flex;align-items:center;gap:clamp(8px,1.4vw,20px)}.kb-hud-group--reset,.kb-hud-group--period,.kb-hud-group--timer,.kb-hud-group--actions{flex:0 0 auto;min-width:0;display:flex;align-items:center;justify-content:center}.kb-hud-group--period{gap:clamp(6px,1vw,12px)}.kb-hud-group--timer,.kb-hud-group--actions{gap:clamp(12px,1.8vw,24px)}.hud-nav-btn,.timer-btn--jump{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;box-shadow:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hud-nav-btn{width:36px;height:36px;min-width:36px;min-height:36px;color:#ffffff52;transition:color .2s ease,opacity .2s ease}.hud-nav-btn i{font-size:clamp(20px,2.6vh,26px);line-height:1}.hud-nav-btn:hover,.hud-nav-btn:active{color:#fff}.hud-nav-btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.kb-round-display-pod{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 clamp(4px,.8vw,12px);-webkit-user-select:none;user-select:none;white-space:nowrap}.kb-round-sub{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:clamp(10.5px,1.3vh,13.5px);letter-spacing:.2em;text-transform:uppercase;line-height:1;opacity:.7;margin-bottom:2px;white-space:nowrap}.kb-round-val{color:#ffffffb8;font-family:Bebas Neue,sans-serif;font-size:clamp(28px,4.2vh,44px);letter-spacing:.05em;line-height:.9;white-space:nowrap}.kb-timer-display-pod{display:flex;align-items:center;justify-content:center;padding:0 clamp(4px,.8vw,12px)}.kb-hud-group--timer #time{font-family:Teko,sans-serif;font-weight:700;font-size:clamp(112px,18vh,180px);letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:0 3px #00000059,0 6px 30px #0009;transition:color .3s;display:flex;align-items:center;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;line-height:.7;padding-top:.1em}.kb-hud-group--timer #time.warning{color:var(--accent);text-shadow:0 0 32px rgba(var(--accent-rgb),.65),0 3px 0 rgba(0,0,0,.45)}.kb-hud-group--timer #time.danger{color:var(--red);text-shadow:0 0 32px rgba(232,48,48,.65),0 3px 0 rgba(0,0,0,.45);animation:pulseTimer .45s infinite alternate}.kb-hud-group--timer #time.done{color:#ffffff40;text-shadow:none;animation:none}.hub-digit,.hub-sep{text-align:center;display:inline-block;line-height:inherit}.hub-digit{width:1ch}.hub-sep{width:.5ch}.timer-btn--jump{width:clamp(48px,6.8vh,64px);height:clamp(48px,6.8vh,64px);min-width:44px;min-height:44px;color:#ffffff8c;transition:color .2s ease,opacity .2s ease,transform .15s ease}.timer-btn--jump i{font-size:clamp(22px,3vh,30px);line-height:1}.timer-btn--jump:hover{color:#fff;transform:scale(1.18)}.timer-btn--jump:active{transform:scale(.92);color:#fff}.timer-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);flex-shrink:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.timer-btn .btn-label{display:none}.timer-btn--play,.timer-btn--reset{display:flex;align-items:center;justify-content:center;width:clamp(58px,8.4vh,78px);height:clamp(58px,8.4vh,78px);border-radius:50%}.timer-btn--play:hover,.timer-btn--reset:hover{transform:scale(1.08)}.timer-btn--play:active,.timer-btn--reset:active{transform:scale(.92)}.timer-btn--play{background:var(--gold);color:var(--navy);border:none;box-shadow:0 4px 16px #0006}.timer-btn--play i{font-size:clamp(24px,3.4vh,32px);margin-left:2px}.timer-btn--play:hover{background:#ffe474;box-shadow:0 6px 22px #ffd43b73}.timer-btn--play.is-running{background:#ffffff1f;color:#fff;border:1.5px solid var(--border-hi)}.timer-btn--play.is-running i{margin-left:0}.timer-btn--play.is-running:hover{background:#fff3;border-color:#fff}.timer-btn--reset{background:var(--red-dim);border:1px solid var(--red-border);color:#ff8080;box-shadow:0 4px 14px #00000059}.timer-btn--reset i{font-size:clamp(21px,3vh,28px)}.timer-btn--reset:hover{background:#ff52523d;border-color:#ff5252a6;color:#fff;box-shadow:0 6px 22px #ff525273}.timer-btn:focus-visible,.timer-btn--jump:focus-visible,.hud-nav-btn:focus-visible,.bench-toggle:focus-visible,.bench-handle:focus-visible,.fs-btn:focus-visible,.drawer .tm-color-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.terrains-zone{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:clamp(6px,1vh,12px) var(--field-pad-x) clamp(8px,1.4vh,16px);overflow:hidden}.terrains-row{flex:1;height:100%;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--field-gap);width:100%}.terrain-col{flex:1;min-width:0;max-width:min(calc((100% - 3 * var(--field-gap)) / 4),var(--terrain-max-w-h, 100%));max-height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.terrains-row[data-field-count="1"] .terrain-col{max-width:min(520px,85vw,var(--terrain-max-w-h, 100%))}.terrains-row[data-field-count="2"] .terrain-col{max-width:min(440px,calc((100% - var(--field-gap)) / 2),var(--terrain-max-w-h, 100%))}.terrains-row[data-field-count="3"] .terrain-col{max-width:min(380px,calc((100% - 2 * var(--field-gap)) / 3),var(--terrain-max-w-h, 100%))}.terrains-row[data-field-count="4"] .terrain-col{max-width:min(calc((100% - 3 * var(--field-gap)) / 4),var(--terrain-max-w-h, 100%))}.terrain-col-header{display:flex;align-items:center;justify-content:center;margin-bottom:clamp(3px,.5vh,6px);color:var(--text-mid);font-family:Bebas Neue,sans-serif;font-size:clamp(26px,2.8vw,38px);letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;transition:color var(--tr)}.terrain-badge-name{line-height:1;white-space:nowrap}.terrain-col.active .terrain-col-header{color:var(--accent)}.terrain-slot,.terrain-slot-body{width:100%;flex:0 0 auto;min-height:0;display:flex;align-items:center;justify-content:center}.terrain-slot{flex-direction:column}.terrain-slot-body{position:relative}.terrain-field{width:100%;max-width:100%;max-height:var(--terrain-max-h, 100%);aspect-ratio:4 / 6;min-height:0;display:flex;flex-direction:column;border-radius:clamp(10px,1.2vw,18px);overflow:hidden;border:1px solid var(--border-card);box-shadow:0 16px 44px #0000008c,inset 0 1px #ffffff26;animation:fieldIn .35s cubic-bezier(.22,1,.36,1) backwards;position:relative}.terrain-half{flex:1 1 50%;height:50%;max-height:50%;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#ffffff05,#00000014),var(--team-bg, #0c1826)}.terrain-half:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:radial-gradient(circle at 50% 100%,#ffffff 0,#ffffff 1px,transparent 1px),radial-gradient(circle at 50% 0%,#ffffff 0,#ffffff 1px,transparent 1px)}.terrain-half-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:clamp(6px,1.4vh,16px) clamp(6px,1.2vw,16px)}.terrain-team-label{font-family:Bebas Neue,sans-serif;font-size:clamp(20px,min(3.8vw,5.2vh),54px);line-height:1.15;letter-spacing:.04em;color:var(--team-text, #ffffff);text-align:center;text-shadow:-1px -1px 1px rgba(0,0,0,.55),1px -1px 1px rgba(0,0,0,.55),-1px 1px 1px rgba(0,0,0,.55),1px 1px 1px rgba(0,0,0,.55),0 0 6px rgba(0,0,0,.35);max-width:96%;padding:clamp(3px,.6vh,6px) clamp(6px,1vw,12px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;overflow-wrap:break-word}.terrain-half[style*="--team-text:#000000"] .terrain-team-label,.terrain-half[style*="--team-text: #000000"] .terrain-team-label,.terrain-half[style*="--team-text:black"] .terrain-team-label{text-shadow:none}.terrains-row[data-field-count="1"] .terrain-team-label{font-size:clamp(38px,min(6vw,8vh),72px)}.terrains-row[data-field-count="2"] .terrain-team-label{font-size:clamp(32px,min(4.8vw,6.8vh),62px)}.terrains-row[data-field-count="3"] .terrain-team-label{font-size:clamp(26px,min(3.8vw,5.6vh),50px)}.terrains-row[data-field-count="4"] .terrain-team-label{font-size:clamp(22px,min(3.3vw,5vh),42px)}.terrain-divider{position:absolute;top:50%;left:0;width:100%;height:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.terrain-divider-line{flex:1;height:2px;position:relative;filter:drop-shadow(0 0 2.5px rgba(var(--accent-rgb),.75))}.terrain-divider-line:first-child{background:linear-gradient(90deg,rgba(255,212,59,.08) 0%,rgba(255,212,59,.4) 45%,var(--accent) 100%)}.terrain-divider-line:last-child{background:linear-gradient(90deg,var(--accent) 0%,rgba(255,212,59,.4) 55%,rgba(255,212,59,.08) 100%)}.terrain-divider-vs{width:clamp(32px,4.2vh,46px);height:clamp(32px,4.2vh,46px);border-radius:50%;background:#061428;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.45),0 3px 8px #000000d9;flex-shrink:0}.terrain-divider-vs span{display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:clamp(15px,2vh,22px);letter-spacing:.04em;line-height:1;transform:translateY(.06em);color:var(--accent);text-shadow:0 0 8px rgba(var(--accent-rgb),.5)}.terrain-field--empty{border:1.5px dashed rgba(255,255,255,.12);background:#0d204040;box-shadow:none}.terrain-empty-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:.35;color:var(--text-mid)}.terrain-empty-placeholder i{font-size:clamp(28px,4vh,48px)}.terrain-empty-placeholder span{font-family:Bebas Neue,sans-serif;font-size:clamp(14px,1.5vh,20px);letter-spacing:.12em}.bench-panel{display:flex;flex-direction:column;position:relative;width:var(--bench-w);height:100%;flex-shrink:0;background:linear-gradient(180deg,#0d1f3cf5,#07192efa);border-left:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;box-shadow:-4px 0 24px #0006;z-index:10}.bench-panel:before{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;background:radial-gradient(ellipse 100% 70% at 50% 100%,rgba(var(--accent-rgb),.04) 0%,transparent 80%);pointer-events:none;z-index:0}.bench-header{padding:clamp(6px,1vh,10px) clamp(8px,1vw,12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--navy-mid);flex-shrink:0}.bench-count-badge{display:none!important}.bench-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(11.5px,1.05vw,14px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid);white-space:normal;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.1;text-align:center;flex:1 1 auto;min-width:0}.bench-toggle{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid var(--border);border-radius:8px;box-shadow:none;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .15s ease,background .15s ease,border-color .15s ease}.bench-toggle i{font-size:14px;line-height:1}.bench-toggle:hover,.bench-toggle:active{color:var(--text-bright, #ffffff);background:#ffffff14;border-color:var(--border-md)}.bench-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:clamp(5px,.9vh,10px) clamp(5px,.7vw,8px);display:flex;flex-direction:column;gap:clamp(5px,.8vh,8px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.bench-list::-webkit-scrollbar{width:4px}.bench-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:2px}.bench-matchup-card{flex:0 0 auto;width:100%;aspect-ratio:2.3 / 1;display:flex;flex-direction:column;border-radius:8px;background:var(--navy-mid);border:1px solid var(--border);overflow:hidden;animation:benchIn .35s cubic-bezier(.22,1,.36,1) backwards;transition:border-color var(--tr),box-shadow var(--tr),transform var(--tr)}.bench-matchup-card:hover{border-color:var(--border-md);box-shadow:0 6px 18px #0006;transform:translateY(-2px)}.bench-matchup-header{display:flex;align-items:center;justify-content:center;padding:clamp(2px,.5vh,4px) 8px;background:var(--navy-light);border-bottom:1px solid var(--border);flex-shrink:0}.bench-matchup-badge{font-family:Bebas Neue,sans-serif;font-size:clamp(10px,.95vw,13px);letter-spacing:.05em;color:#ffffffbf}.bench-matchup-body{position:relative;display:flex;align-items:stretch;flex:1;min-height:0}.bench-matchup-side{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(4px,.6vh,8px) 4px;overflow:hidden;background:var(--team-bg, #0d2040)}.bench-team-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;min-width:0}.bench-team-name{font-family:Bebas Neue,sans-serif;font-size:clamp(12px,1.1vw,16px);line-height:1.15;letter-spacing:.04em;color:var(--team-text, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92%;padding:1px 0}.bench-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;opacity:.3;text-align:center;padding:24px 12px}.bench-empty i{font-size:32px}.bench-empty span{font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:.1em}.bench-footer{flex-shrink:0;width:100%;border-top:1px solid var(--border);background:var(--navy-mid);padding:0 8px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;height:clamp(52px,7vh,64px)}.bench-footer .kb-hud-group--period{width:100%;height:100%;display:grid;grid-template-columns:36px 1fr 36px;gap:0;align-items:center}.bench-footer .hud-nav-btn{margin:auto;color:var(--text-muted);transition:color .15s ease}.bench-footer .hud-nav-btn i{font-size:16px}.bench-footer .hud-nav-btn:hover,.bench-footer .hud-nav-btn:active{color:var(--text-bright)}.bench-footer .kb-round-display-pod{height:100%;padding:0 4px}.bench-footer .kb-round-sub{font-size:10px;letter-spacing:.12em}.bench-footer .kb-round-val{font-size:clamp(22px,3vh,30px);line-height:1;letter-spacing:.06em;color:var(--text-bright, #ffffff)}.bench-panel.is-collapsed{display:none}.fs-btn,.bench-handle{position:absolute;z-index:20;top:8px;width:40px;height:40px;align-items:center;justify-content:center;padding:0;background:transparent;border:none;box-shadow:none;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .15s ease}.fs-btn{right:8px;display:flex}.app.bench-hidden .fs-btn{right:48px}.bench-handle{display:none;right:calc(var(--safe-right) + 8px)}.bench-panel.is-collapsed+.bench-handle{display:flex}.fs-btn i,.bench-handle i{font-size:18px;line-height:1}.fs-btn:hover,.fs-btn:active,.bench-handle:hover,.bench-handle:active{color:var(--text-bright, #ffffff)}html.fs-mode settings-panel,html.fs-mode .sp-bar{display:none!important}@media(max-width:599px){.fs-btn{display:none}.bench-handle{top:auto;right:auto;left:50%;bottom:var(--safe-bottom);transform:translate(-50%);width:72px;height:24px;background:var(--navy-mid);border:1px solid var(--border-md);border-bottom:none;border-radius:10px 10px 0 0}.bench-handle i{font-size:13px;transform:rotate(90deg)}.app.bench-hidden .terrains-zone{padding-bottom:32px}}#prepOverlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:radial-gradient(120% 120% at 50% 30%,rgba(var(--accent-rgb),.22),#091e3cf2 44%,#061428fa);opacity:0;pointer-events:none;transition:opacity .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#prepOverlay.visible{opacity:1;pointer-events:all}#prepNumber{font-family:Bebas Neue,sans-serif;font-size:clamp(120px,28vw,280px);line-height:.9;color:#fff;text-shadow:0 0 50px rgba(var(--accent-rgb),.5),0 8px 30px rgba(0,0,0,.7);animation:prepPulse 1s infinite alternate}#prepLabel{font-family:Barlow Condensed,sans-serif;font-size:clamp(18px,3vw,28px);font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--accent)}.drawer .mt-time-steppers{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.drawer .mt-time-sep{font-family:Bebas Neue,sans-serif!important;font-size:20px;font-weight:400;color:#fff6;-webkit-user-select:none;user-select:none;line-height:1;margin:0 1px}.drawer .mt-time-steppers .am-stepper-display{width:34px;min-width:34px}.drawer .tm-teams-list{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:120px;overflow-y:auto;overflow-x:hidden;padding-right:4px;padding-bottom:6px;background:none;border:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.drawer .tm-teams-list::-webkit-scrollbar{width:4px}.drawer .tm-teams-list::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:2px}.drawer .tm-team-row{display:flex;align-items:center;gap:10px;padding:6px 10px;min-height:42px;box-sizing:border-box;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);flex-shrink:0;position:relative;transition:all .15s ease}.drawer .tm-team-row:hover{background:#ffffff0f;border-color:#ffffff1f}.drawer .tm-color-btn{width:28px;height:28px}.drawer .tm-team-name-input{flex:1;min-width:0;background:transparent;border:none;border-bottom:1px solid transparent;color:#fff;padding:4px 2px;outline:none;border-radius:0;user-select:text;-webkit-user-select:text;transition:border-color .15s}.drawer .tm-team-name-input:focus{background:transparent;border-bottom-color:#ffd43b}@media(min-width:1600px)and (min-height:850px){:root{--bench-w: clamp(200px, 12vw, 250px)}}@media(min-width:768px)and (orientation:landscape){.app{flex-direction:row}}html.layout-landscape .app{flex-direction:row}@media(min-width:768px)and (max-width:1100px)and (orientation:landscape){:root{--bench-w: clamp(160px, 16vw, 185px);--field-gap: 10px;--field-pad-x: 10px}}@media(max-height:760px){:root{--header-h: 46px;--field-gap: clamp(8px, 1vw, 12px)}.terrain-col-header{padding:2px 0;margin-bottom:4px;font-size:clamp(20px,2.6vh,26px)}.bench-header{padding:4px 6px}.bench-matchup-body{min-height:40px}.bench-team-name{font-size:13px}.drawer .mt-time-steppers .am-stepper-display{width:30px;min-width:30px}}@media(max-height:540px){:root{--header-h: 38px;--bench-w: clamp(140px, 15vw, 175px);--field-gap: 6px}.terrain-col-header{padding:1px 0;margin-bottom:3px;font-size:clamp(18px,2.4vh,22px)}.terrain-divider-vs{width:clamp(24px,4.8vh,28px);height:clamp(24px,4.8vh,28px)}.terrain-divider-vs span{font-size:clamp(11px,2.2vh,13px)}.bench-header{padding:4px 8px}.bench-title{font-size:12px}.bench-matchup-header{padding:3px 6px}.bench-matchup-badge{font-size:11px}.bench-matchup-body{min-height:44px}.bench-team-name{font-size:13px}}@media(orientation:portrait),(max-width:767px){:root{--header-h: 50px;--field-gap: 10px;--field-pad-x: 12px;--bench-mob-h: 112px}.app{flex-direction:column}.hud-zone{padding:0 8px}.kb-hud{height:auto;padding:8px 16px;gap:8px}.kb-hud-divider{display:none}.kb-hud-group--reset{order:1}.kb-hud-group--timer{order:2;flex:1;gap:8px}.kb-hud-group--actions{order:3;gap:12px}.kb-hud-group--timer #time{font-size:clamp(38px,9vw,54px)}.timer-btn--jump{width:38px;height:38px;min-width:36px;min-height:36px}.timer-btn--jump i{font-size:18px}.timer-btn--play,.timer-btn--reset{width:44px;height:44px}.timer-btn--play i{font-size:18px}.timer-btn--reset i{font-size:16px}.terrains-zone{overflow-y:auto;overflow-x:hidden}.terrains-row{flex-direction:column;height:auto;gap:14px;padding-bottom:12px}.terrain-col{width:min(440px,92vw);max-width:none;aspect-ratio:3 / 4;flex:0 0 auto}.terrains-row[data-field-count="4"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));justify-items:center;height:100%;max-height:100%;gap:clamp(6px,1.2vh,12px) clamp(8px,1.5vw,16px);padding-bottom:0}.terrains-row[data-field-count="4"] .terrain-col{width:100%;max-width:var(--terrain-max-w-h, 100%);height:100%;max-height:100%;aspect-ratio:auto}.terrains-row[data-field-count="4"] .terrain-slot{max-height:100%}.terrains-row[data-field-count="4"] .terrain-field{max-width:var(--terrain-max-w-h, 100%)}.terrains-row[data-field-count="4"] .terrain-col-header{font-size:clamp(17px,2.2vw,25px);margin-bottom:clamp(2px,.4vh,4px)}.terrains-row[data-field-count="4"] .terrain-team-label{font-size:clamp(18px,min(3.2vw,3.8vh),32px)}.bench-panel{width:100%;height:var(--bench-mob-h, 105px);max-height:none;border-left:none;border-top:1px solid var(--border);flex-direction:row}.bench-header{flex-direction:column;padding:6px 10px;border-bottom:none;border-right:1px solid var(--border);min-width:80px;gap:4px}.bench-title{flex:0 1 auto}.bench-list{min-width:0;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:6px 10px;gap:8px;align-items:center}.bench-matchup-card{width:auto;min-width:160px;height:100%;aspect-ratio:2.2 / 1}.bench-footer{border-top:none;border-left:1px solid var(--border);height:100%;flex:0 0 auto;width:auto;min-width:190px}.bench-toggle i{transform:rotate(90deg)}}@media(orientation:portrait)and (min-width:680px){:root{--bench-mob-h: clamp(96px, 11vh, 120px)}.hud-zone{padding:clamp(6px,1vh,10px) var(--field-pad-x) 0}.kb-hud{height:clamp(80px,9.5vh,108px);padding:0 clamp(16px,2.2vw,28px);gap:clamp(10px,1.5vw,20px)}.kb-hud-group--reset,.kb-hud-group--timer,.kb-hud-group--actions{order:unset}.kb-hud-divider{display:block;height:52%}.kb-hud-group--timer{flex:0 0 auto;gap:clamp(8px,1.8vw,22px)}.kb-hud-group--timer #time{font-size:clamp(56px,8vw,86px)}.kb-hud-group--actions{gap:clamp(8px,1.4vw,18px)}.timer-btn--jump{width:clamp(38px,5vw,46px);height:clamp(38px,5vw,46px)}.timer-btn--jump i{font-size:clamp(18px,2.6vw,24px)}.timer-btn--play,.timer-btn--reset{width:clamp(44px,5.8vw,56px);height:clamp(44px,5.8vw,56px)}.timer-btn--reset i{font-size:clamp(14px,2vw,20px)}.timer-btn--play i{font-size:clamp(16px,2.3vw,23px)}.terrains-zone{overflow:hidden}.terrains-row[data-field-count="1"],.terrains-row[data-field-count="2"],.terrains-row[data-field-count="3"]{flex-direction:row;height:100%;gap:var(--field-gap)}.terrains-row[data-field-count="1"] .terrain-col,.terrains-row[data-field-count="2"] .terrain-col,.terrains-row[data-field-count="3"] .terrain-col{height:100%;aspect-ratio:auto}.terrains-row[data-field-count="1"] .terrain-col{flex:0 0 auto;width:min(480px,78vw);max-width:var(--terrain-max-w-h, 480px)}.terrains-row[data-field-count="2"] .terrain-col{flex:1 1 0;width:auto;max-width:min(calc((100% - var(--field-gap)) / 2),var(--terrain-max-w-h, 100%))}.terrains-row[data-field-count="3"] .terrain-col{flex:1 1 0;width:auto;max-width:min(calc((100% - 2 * var(--field-gap)) / 3),var(--terrain-max-w-h, 100%))}.terrains-row[data-field-count="2"] .terrain-field,.terrains-row[data-field-count="3"] .terrain-field{max-width:var(--terrain-max-w-h, 100%)}.bench-panel{background:linear-gradient(180deg,#0d1f3cfa,#07192efc);border-top:1px solid var(--border-md);box-shadow:0 -4px 20px #00000059}.bench-header{width:clamp(100px,14vw,130px);min-width:clamp(100px,14vw,130px);padding:8px 12px}.bench-title{font-size:clamp(12px,1.4vw,14px);white-space:normal;line-height:1.25}.bench-list{padding:8px 14px;gap:clamp(10px,1.4vw,16px)}.bench-matchup-card{width:clamp(180px,24vw,240px);border-radius:var(--radius, 10px);border:1px solid var(--border-md);box-shadow:0 4px 14px #00000059}.bench-matchup-header{padding:3px 8px;height:22px}.bench-matchup-badge{font-size:12px;letter-spacing:.06em;color:var(--gold)}.bench-matchup-body{min-height:0}.bench-matchup-side{padding:4px 8px}.bench-team-name{font-size:clamp(14px,1.6vw,17px)}.bench-footer .hud-nav-btn i{font-size:18px}.kb-round-sub,.bench-footer .kb-round-sub{font-size:clamp(10px,1.2vw,12.5px)}.kb-round-val,.bench-footer .kb-round-val{font-size:clamp(24px,3.5vw,36px)}}@keyframes pulseTimer{0%{opacity:1}to{opacity:.45}}@keyframes prepPulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}@keyframes fieldIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes benchIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.terrain-field,.bench-matchup-card,#prepNumber,#time.danger{animation:none!important}}.am-modal{max-height:88vh;max-height:min(calc(var(--vh-100-safe) * .88),88vh)}
