@import url(https://fonts.googleapis.com/css2?family=Teko:wght@700&family=Barlow+Condensed:wght@600;700&family=Bebas+Neue&display=swap);:root{--accent:#ffd43b;--accent-rgb:255,212,59;--red:#e83030;--bg:#06101e;--tr:.2s cubic-bezier(.4,0,.2,1);--timer-min:64px;--timer-fluid:13vmin;--timer-max:130px;--timer-fs:clamp(var(--timer-min), var(--timer-fluid), var(--timer-max));--score-min:18vw;--score-fluid:22vw;--score-max:280px;--score-fs:clamp(var(--score-min), var(--score-fluid), var(--score-max));--tag-min:20px;--tag-fluid:5vmin;--tag-max:60px;--tag-fs:clamp(var(--tag-min), var(--tag-fluid), var(--tag-max));--btn-size:clamp(34px, 4.2vmin, 50px);--play-size:clamp(46px, 6vmin, 66px);--btn-icon:clamp(11px, 1.5vmin, 17px);--play-icon:clamp(16px, 2.2vmin, 24px);--portrait-split:44%}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;touch-action:manipulation;overscroll-behavior:none;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:0 0}input{font-family:inherit}body{background:var(--bg);color:#fff;font-family:'Barlow Condensed',sans-serif}.app{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.stage{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:stretch}.stage-bg-left,.stage-bg-right{position:absolute;inset:0;z-index:0;transition:background .45s}.stage-bg-left{background:#1a56db;clip-path:polygon(0 0,calc(50% + 11vw) 0,calc(50% - 7vw) 100%,0 100%)}.stage-bg-right{background:#c81515;clip-path:polygon(calc(50% + 7vw) 0,100% 0,100% 100%,calc(50% - 11vw) 100%)}.stage-bg-left::before,.stage-bg-right::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(-10deg,transparent 0,transparent 32px,rgba(255,255,255,.018) 32px,rgba(255,255,255,.018) 34px)}.stage-bg-left::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 12% 0,rgba(255,255,255,.16) 0,transparent 52%)}.stage-bg-right::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 88% 0,rgba(255,255,255,.12) 0,transparent 52%)}.stage-hud{position:absolute;top:clamp(14px,2.5vmin,28px);left:50%;transform:translateX(-50%);z-index:20;pointer-events:none}.hud-timer-block{display:flex;flex-direction:column;align-items:center;padding:clamp(10px,1.6vmin,20px) clamp(24px,4.5vmin,58px) clamp(8px,1.2vmin,16px);background:rgba(3,8,20,.85);border:1px solid rgba(255,255,255,.14);border-radius:18px;backdrop-filter:blur(24px) saturate(1.5);box-shadow:0 14px 50px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.1);padding:clamp(8px,1.2vmin,14px) clamp(20px,4vmin,50px);background:linear-gradient(180deg,rgba(15,23,42,.88) 0,rgba(3,8,20,.94) 100%);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.18);border-radius:20px;backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 10px 40px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.03);pointer-events:all;white-space:nowrap;position:relative;overflow:hidden}#time{font-family:Teko,sans-serif;font-weight:700;font-size:var(--timer-fs);letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:0 3px 0 rgba(0,0,0,.35),0 6px 30px rgba(0,0,0,.6),0 0 60px rgba(255,255,255,.05);transition:color .3s;min-width:4ch;text-align:center}#time.warning{color:var(--accent);text-shadow:0 0 32px rgba(var(--accent-rgb),.6),0 3px 0 rgba(0,0,0,.35)}#time.danger{color:var(--red);text-shadow:0 0 32px rgba(232,48,48,.65),0 3px 0 rgba(0,0,0,.35);animation:pulse .45s infinite alternate}#time.done{color:rgba(255,255,255,.22);animation:none;text-shadow:none}.stage-controls-bar{position:absolute;bottom:clamp(14px,2.5vmin,28px);left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:clamp(6px,1.1vmin,12px);padding:clamp(8px,1.2vmin,14px) clamp(16px,2.5vmin,30px);background:rgba(3,8,20,.72);border:1px solid rgba(255,255,255,.13);border-radius:999px;backdrop-filter:blur(24px) saturate(1.5);box-shadow:0 8px 36px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.09);pointer-events:all;white-space:nowrap}.ctrl-sep{width:1px;height:clamp(16px,2.2vmin,26px);background:rgba(255,255,255,.14);flex-shrink:0}.bar-btn{width:var(--btn-size);height:var(--btn-size);border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;transition:var(--tr);cursor:pointer;flex-shrink:0}.bar-btn i{font-size:var(--btn-icon);pointer-events:none}.bar-btn:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32);color:#fff;transform:scale(1.1)}.bar-btn:active{transform:scale(.86)}.bar-btn-reset:hover{background:rgba(255,60,60,.14);color:var(--red);border-color:rgba(255,60,60,.32)}.bar-btn-play{width:var(--play-size);height:var(--play-size);border-radius:50%;background:var(--accent);border:none;color:#000;box-shadow:0 3px 20px rgba(var(--accent-rgb),.6),inset 0 1px 0 rgba(255,255,255,.35);flex-shrink:0}.bar-btn-play i{font-size:var(--play-icon)}.bar-btn-play:hover{filter:brightness(1.12);transform:scale(1.1);color:#000}.bar-btn-play.is-running{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.18);box-shadow:none}.bar-btn-play.is-running:hover{background:rgba(255,255,255,.2);color:#fff;filter:none}.bar-btn-play.is-paused{background:0 0;color:var(--accent);border:2px solid rgba(var(--accent-rgb),.6);box-shadow:none}.bar-btn-play.is-paused:hover{background:rgba(var(--accent-rgb),.12)}.hud-sep{display:none}.hud-controls{display:contents}.teams-wrapper{position:absolute;inset:0;z-index:3;display:flex;align-items:stretch;pointer-events:none}.team-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:3;padding:clamp(10px,2vmin,28px) clamp(6px,1.5vmin,20px);min-width:0;pointer-events:all;gap:clamp(6px,1.2vmin,14px)}.team-name-label{font-family:'Barlow Condensed',sans-serif;font-size:var(--tag-fs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:0 1px 8px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;text-align:center;display:flex;align-items:center;gap:8px}.team-score-area{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vmin,24px);width:100%}.team-score{font-family:Teko,sans-serif;font-weight:700;font-size:var(--score-fs);line-height:.85;color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.18),0 8px 32px rgba(0,0,0,.45);user-select:none;min-width:1.6ch;text-align:center;font-variant-numeric:tabular-nums}.team-score.scored{animation:scorePop .45s cubic-bezier(.34,1.56,.64,1) forwards}.team-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;padding:0;width:clamp(44px,7vmin,76px);height:clamp(44px,7vmin,76px);background:0 0;backdrop-filter:blur(6px);transition:background var(--tr),transform .1s,border-color var(--tr)}.team-btn i{font-size:clamp(36.4px, 7.8vmin, 88.4px);color:rgba(255,255,255,.7);pointer-events:none;transition:color var(--tr),transform .1s}.team-btn:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.65)}.team-btn:hover i{color:#fff;transform:scale(1.12)}.team-btn:active{transform:scale(.84)}.bar-color-picker{position:absolute;top:calc(100% + 8px);z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 14px;background:#07142a;border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.9);animation:popIn .14s cubic-bezier(.34,1.5,.64,1)}.bar-color-picker--left{left:0}.bar-color-picker--right{right:0}.bar-picker-swatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;outline:0;transition:transform .12s,border-color .12s}.bar-picker-swatch:hover{transform:scale(1.12);border-color:rgba(255,255,255,.65)}.bar-picker-swatch.active{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.28)}#introOverlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;background:rgba(3,10,22,.93);backdrop-filter:blur(6px)}#introOverlay.visible{opacity:1;pointer-events:all}#introRing{position:absolute;width:clamp(200px,32vw,460px);height:clamp(200px,32vw,460px);border-radius:50%;border:2px solid rgba(255,255,255,.15);pointer-events:none}#introRing.spin{animation:ringExpandFade .9s ease-out forwards}#introNumber{font-family:Teko,sans-serif;font-weight:700;font-size:clamp(140px,36vw,380px);line-height:1;color:var(--accent);opacity:0}#introNumber.pop{animation:introPop .85s cubic-bezier(.16,1,.3,1) forwards}#introNumber.go{color:#fff;animation:introPop .85s cubic-bezier(.16,1,.3,1) forwards}.teams-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(2,7,18,.88);align-items:center;justify-content:center;backdrop-filter:blur(12px)}.teams-overlay.visible{display:flex}.teams-modal{background:#07162a;border:1px solid rgba(255,255,255,.12);border-radius:16px;width:min(480px,94vw);max-height:min(88vh,720px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 36px 90px rgba(0,0,0,.85);animation:modalIn .2s cubic-bezier(.34,1.3,.64,1)}.tm-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.tm-title{flex:1;font-size:13px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:8px}.tm-title i{color:var(--accent);font-size:12px}.tm-close{width:34px;height:34px;background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.32);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--tr)}.tm-close:hover{border-color:var(--red);color:var(--red);background:rgba(255,60,60,.08)}.tm-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:20px 22px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.10) transparent}.tm-body::-webkit-scrollbar{width:4px}.tm-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.tm-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;flex-shrink:0;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.tm-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tm-field-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.tm-field-label{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}.tm-field-sub{font-size:11px;color:rgba(255,255,255,.38)}.tm-duration{display:flex;align-items:center;gap:8px;flex-shrink:0}.tm-dur-sep{font-family:'Bebas Neue',sans-serif;font-size:28px;line-height:1;color:rgba(255,255,255,.38)}.s-spin{position:relative;width:78px}.s-spin input{font-family:'Bebas Neue',cursive;font-size:28px;height:46px;text-align:center;background:rgba(3,11,28,.9);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;width:100%;outline:0;transition:border-color .2s,box-shadow .2s;padding:6px 30px 6px 4px;-moz-appearance:textfield;appearance:textfield}.s-spin input:focus{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.s-spin input::-webkit-inner-spin-button,.s-spin input::-webkit-outer-spin-button{-webkit-appearance:none}.spin-btns{position:absolute;top:2px;right:3px;bottom:2px;display:flex;flex-direction:column;justify-content:center;gap:1px}.spin-btn{background:0 0;border:none;cursor:pointer;color:rgba(255,255,255,.38);font-size:12px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:color .14s,background .14s}.spin-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),.08)}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{width:46px;height:26px;border-radius:26px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);transition:background .2s,border-color .2s;position:relative}.toggle-track::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.72);transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-track::after{transform:translateX(20px);background:#000}.tm-section-label{font-size:10px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:10px;display:block}.tm-teams-list{display:flex;flex-direction:column;gap:8px}.tm-team-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;flex-shrink:0;transition:border-color .15s,background .15s;position:relative}.tm-team-row:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}.tm-team-num{font-family:'Bebas Neue',sans-serif;font-size:15px;color:rgba(255,255,255,.25);min-width:14px;text-align:center;flex-shrink:0}.tm-color-btn{width:30px;height:30px;border-radius:8px;border:2px solid rgba(255,255,255,.25);cursor:pointer;outline:0;flex-shrink:0;background:var(--team-clr,#2563eb);transition:border-color .15s,transform .12px}.tm-color-btn:hover{border-color:rgba(255,255,255,.7);transform:scale(1.08)}.tm-color-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:50;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:12px 14px;background:#07162a;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 10px 36px rgba(0,0,0,.8);animation:popIn .14s cubic-bezier(.34,1.5,.64,1);min-width:210px}.tm-color-popup .cp-swatch{width:26px;height:26px;border-radius:6px;border:2px solid transparent;cursor:pointer;outline:0;transition:transform .12s,border-color .12s}.tm-color-popup .cp-swatch:hover{transform:scale(1.12);border-color:rgba(255,255,255,.6)}.tm-color-popup .cp-swatch.active{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.3)}.tm-team-name-input{flex:1;min-width:0;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;color:#fff;padding:4px 6px;outline:0;border-radius:6px;transition:background .15s}.tm-team-name-input:focus{background:rgba(var(--accent-rgb),.06)}.tm-footer{display:flex;align-items:center;gap:10px;padding:16px 22px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;justify-content:flex-end}.tm-btn-cancel{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:10px 18px;border-radius:8px;min-height:40px;background:0 0;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.38);cursor:pointer;transition:var(--tr)}.tm-btn-cancel:hover{border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.7)}.tm-btn-confirm{font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:10px 24px;border-radius:8px;min-height:40px;background:var(--accent);color:#000;border:none;cursor:pointer;display:flex;align-items:center;gap:7px;transition:var(--tr);box-shadow:0 3px 14px rgba(var(--accent-rgb),.35)}.tm-btn-confirm:hover{filter:brightness(1.08);transform:translateY(-1px)}.tm-btn-confirm i{font-size:11px}footer{width:100%;flex-shrink:0}.footer-inner{padding:5px 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(4,10,22,.95);border-top:1px solid rgba(255,255,255,.05)}.footer-brand{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.25)}.footer-brand em{color:var(--accent);font-style:normal}.footer-copy{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.16)}@keyframes pulse{from{opacity:1}to{opacity:.28}}@keyframes scorePop{0%{transform:scale(1.3);color:var(--flash-color,#fff);text-shadow:0 0 60px var(--flash-color,#fff)}55%{transform:scale(.94)}100%{transform:scale(1);color:#fff}}@keyframes introPop{0%{transform:scale(.4);opacity:0}45%{transform:scale(1.06);opacity:1}70%{transform:scale(.98);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes ringExpandFade{from{transform:scale(.6);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popIn{from{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (orientation:portrait){.stage-bg-left{clip-path:polygon(0 0,100% 0,100% var(--portrait-split),0 var(--portrait-split))}.stage-bg-right{clip-path:polygon(0 var(--portrait-split),100% var(--portrait-split),100% 100%,0 100%)}.stage-hud{top:var(--portrait-split);left:50%;transform:translate(-50%,-50%)}.teams-wrapper{flex-direction:column}.team-card{flex:1;flex-direction:column;justify-content:center;padding-bottom:clamp(48px,10vw,90px)}.team-card.team-right{padding-top:clamp(48px,10vw,90px);padding-bottom:clamp(60px,12vw,100px)}.team-score-area{justify-content:center}:root{--score-min:22vw;--score-fluid:28vw;--score-max:180px;--score-fs:clamp(var(--score-min), var(--score-fluid), var(--score-max));--timer-min:48px;--timer-fluid:11vmin;--timer-max:96px;--timer-fs:clamp(var(--timer-min), var(--timer-fluid), var(--timer-max))}}@media (max-width:599px){.teams-modal{width:100vw;max-height:100dvh;border-radius:0}}