:root{--bg: #061428;--panel: #0d2040;--panel2: rgba(18, 52, 96, .45);--panel-rgb: 13, 32, 64;--border: #1a3a60;--border2: rgba(255, 255, 255, .08);--accent: #ffd43b;--accent-rgb: 255, 212, 59;--red: #ff3c3c;--text: #ffffff;--text-mid: rgba(255, 255, 255, .65);--text-dim: rgba(255, 255, 255, .35);--dim: #3a608a;--dim2: #1a3a60;--input-rgb: 4, 14, 32;--tr: .22s cubic-bezier(.4, 0, .2, 1);--header-h: clamp(44px, 8vh, 60px);--footer-h: 41px;--bench-h: clamp(40px, 6vh, 50px);--bench-w: clamp(240px, 18vw, 320px);--timer-fs: clamp(72px, 20vw, 180px);--lbl-fs: clamp(11px, 1.2vw, 16px);--btn-fs: clamp(12px, 1.1vw, 15px);--field-gap: clamp(8px, 1vw, 20px);--field-pad-x: clamp(8px, 1.2vw, 20px);--ctrl-h: clamp(40px, 5vh, 52px);--btn-pad: clamp(7px, .8vh, 11px) clamp(10px, 1.2vw, 18px);--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)}@media(max-width:390px){:root{--header-h: clamp(42px, 7vh, 50px);--timer-fs: clamp(56px, 16vw, 84px);--field-gap: 6px;--field-pad-x: 6px;--btn-fs: 12px}}@media(max-width:320px){:root{--timer-fs: clamp(50px, 15vw, 72px);--lbl-fs: 10px;--btn-pad: 6px 8px}}@media(min-width:600px)and (max-width:1023px){:root{--timer-fs: clamp(100px, 25vw, 200px);--field-gap: clamp(12px, 1.2vw, 22px);--lbl-fs: clamp(25px, 2vw, 30px)}}@media(min-width:768px)and (max-width:1023px){:root{--bench-h: clamp(46px, 5.4vh, 62px);--ctrl-h: clamp(42px, 4.8vh, 56px)}}@media(min-width:1024px){:root{--timer-fs: clamp(100px, 20vh, 220px);--field-gap: clamp(14px, 1.3vw, 28px);--field-pad-x: clamp(12px, 1.4vw, 22px);--btn-fs: clamp(12px, 1vw, 15px);--lbl-fs: clamp(20px, 2.5vw, 30px)}}@media(min-width:1280px){:root{--timer-fs: clamp(110px, 20vh, 240px);--field-gap: clamp(18px, 1.5vw, 34px)}}@media(min-width:1536px){:root{--timer-fs: clamp(120px, 20vh, 256px);--field-gap: clamp(22px, 1.8vw, 42px)}}@media(min-width:1920px){:root{--timer-fs: clamp(150px, 25vh, 350px);--field-gap: clamp(26px, 2vw, 50px);--lbl-fs: clamp(25px, 3vw, 40px);--btn-fs: clamp(13px, 1vw, 16px);--btn-pad: 13px 24px}}@media(min-width:2560px){:root{--timer-fs: clamp(190px, 22vh, 420px);--field-gap: clamp(30px, 1.8vw, 64px);--field-pad-x: clamp(18px, 1.8vw, 40px);--bench-w: clamp(320px, 13.5vw, 440px)}}@media(max-height:500px){:root{--timer-fs: clamp(44px, 15vh, 72px);--field-gap: 6px;--lbl-fs: clamp(10px, 1.1vw, 13px);--bench-h: 40px;--ctrl-h: 36px}}@media(max-height:700px)and (min-width:600px){:root{--timer-fs: clamp(60px, 16vh, 110px);--lbl-fs: clamp(11px, 1.2vw, 15px)}}@media(hover:none)and (pointer:coarse){.btn{min-height:48px}.terrain-nav-btn{min-width:44px;min-height:44px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;touch-action:manipulation}body{color:var(--text);font-family:Barlow Condensed,sans-serif;min-height:100dvh;overflow:hidden;background:#04101e}.app{position:fixed;top:calc(var(--header-h) + var(--safe-top));left:var(--safe-left);right:var(--safe-right);bottom:0;padding-bottom:var(--safe-bottom);display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .15s ease}.app.ready{opacity:1}.main-zone{flex:1;min-width:0;min-height:0;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}.timer-zone{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:clamp(4px,1vh,12px) 0}#time{font-family:Teko,sans-serif;font-weight:700;font-size:var(--timer-fs);letter-spacing:.03em;line-height:1;color:var(--text);-webkit-user-select:none;user-select:none;transition:color .3s;cursor:default;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.5);display:flex;align-items:center;padding-top:.12em}#time.warning{color:var(--accent);text-shadow:0 0 40px rgba(var(--accent-rgb),.55),0 2px 0 rgba(0,0,0,.4)}#time.danger{color:var(--red);text-shadow:0 0 40px rgba(232,48,48,.65),0 2px 0 rgba(0,0,0,.4);animation:pulse .45s infinite alternate}#time.done{color:#ffffff38;text-shadow:0 3px 0 rgba(0,0,0,.5);animation:none}.timer-controls{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.5vw,32px);padding:clamp(8px,2vw,16px);flex-shrink:0}.timer-controls .btn{flex:1;max-width:80px;height:var(--ctrl-h);border-radius:9px}.btn{font-family:Barlow Condensed,sans-serif;font-size:var(--btn-fs);font-weight:700;border-radius:10px;cursor:pointer;transition:all var(--tr);height:var(--ctrl-h);display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.08);white-space:nowrap;padding:var(--btn-pad);-webkit-tap-highlight-color:transparent}.btn i{font-size:clamp(11px,.8vw,14px)}.btn-main{background:linear-gradient(180deg,#ffe57f 0%,var(--accent) 100%);color:#000;border-color:rgba(var(--accent-rgb),.4);box-shadow:0 5px 16px rgba(var(--accent-rgb),.26)}.btn-main:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-main.is-running{background:#ffffff1a;color:var(--text);border-color:#ffffff1a;box-shadow:none}.btn-main.is-running:hover{background:#ffffff24}.btn-main.is-paused{background:transparent;color:var(--accent);border-color:rgba(var(--accent-rgb),.4)}.btn-main.is-paused:hover{background:rgba(var(--accent-rgb),.07)}.btn-reset{background:#ffffff08;color:#ffffff6b;border-color:#ffffff24}.btn-reset:hover{color:var(--red);border-color:#ff3c3c70;background:#ff3c3c0f}.btn-step{background:#ffffff08;color:#ffffff80;border-color:#ffffff24}.btn-step:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.08)}.btn:active{transform:scale(.95)!important}.terrains-zone{overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:clamp(6px,1vh,14px) var(--field-pad-x)}.terrains-row{flex:1;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--field-gap)}.terrain-col{flex:1;min-width:0;max-width:calc((100% - 3 * var(--field-gap)) / 4);max-height:100%;aspect-ratio:3 / 5;display:flex;flex-direction:column;align-items:stretch}.terrain-col-label{font-family:Bebas Neue,sans-serif;font-size:var(--lbl-fs);line-height:1;letter-spacing:.24em;text-transform:uppercase;color:#ffffff26;text-align:center;white-space:nowrap;flex-shrink:0;padding-bottom:clamp(3px,.4vh,6px);transition:color var(--tr)}.terrain-col.active .terrain-col-label{color:rgba(var(--accent-rgb),.7)}.terrain-slot{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch}.terrain-slot-body{flex:1;min-height:0;display:flex;align-items:stretch}.terrain-slot-body .terrain-field{width:100%;height:100%}.terrain-field{display:flex;flex-direction:column;min-height:0;border-radius:clamp(8px,1vw,14px);overflow:hidden;border:1px solid rgba(255,255,255,.08);animation:fieldIn .38s cubic-bezier(.34,1.4,.64,1) both}.terrain-field--empty{border-color:#ffffff0a;box-shadow:none;opacity:.25}.terrain-half{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--team-bg, #0c1826);min-height:0}.terrain-half-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.4vh,5px);padding:clamp(5px,1vh,12px) clamp(5px,.8vw,10px);text-align:center}.terrain-team-label{font-family:Bebas Neue,sans-serif;font-size:clamp(13px,min(2.2vw,3vh),44px);line-height:1;letter-spacing:.06em;text-shadow:0 2px 10px rgba(0,0,0,.5);color:var(--team-text, rgba(255,255,255,.25))}.terrain-team-sub{font-size:clamp(6px,min(.75vw,1vh),10px);font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--team-text, rgba(255,255,255,.25));opacity:.4}.terrain-divider{flex-shrink:0;height:clamp(16px,2.5vh,28px);display:flex;align-items:center;background:#00000059;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.terrain-divider-line{flex:1;height:1px;background:#ffffff1a}.terrain-divider-vs{font-family:Bebas Neue,sans-serif;font-size:clamp(8px,.8vw,12px);letter-spacing:.18em;color:#ffffff8c;padding:0 clamp(5px,.7vw,12px)}@media(max-width:599px){.bench-panel{display:none}.terrains-zone{height:auto!important;flex:1;min-height:0;overflow-y:auto}.terrains-row{flex-direction:column;align-items:center;justify-content:flex-start;height:auto;overflow-y:visible;gap:clamp(10px,3vw,20px);padding-bottom:8px}.terrain-col{flex:0 0 auto;width:min(240px,72vw);max-height:none;aspect-ratio:3 / 5}}@media(max-width:599px)and (orientation:landscape){.terrains-zone{padding-left:clamp(8px,2vw,16px);padding-right:clamp(8px,2vw,16px)}.terrains-row{gap:clamp(8px,2vw,14px)}.terrain-col{width:min(170px,34vw);aspect-ratio:1 / 1.55}.terrain-team-label{font-size:clamp(11px,2.2vh,20px)}}.bench-panel{display:flex;flex-direction:row;position:relative;width:100%;height:var(--bench-h);flex-shrink:0;background:var(--panel2);border-top:1px solid var(--border);overflow:hidden}.bench-controls{flex-shrink:0;display:none;align-items:center;gap:8px;padding:0 clamp(10px,1.2vw,18px);font-size:clamp(8px,.85vw,10px);font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:#fff3}.bench-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:clamp(3px,.5vh,7px) clamp(4px,.5vw,8px)}.bench-nav-top{border-right:1px solid rgba(255,255,255,.08);background:var(--panel2)}.bench-controls .btn{flex:1;min-width:0;height:100%;border-radius:9px}.terrain-nav-btn{background:transparent;border:none;color:#ffffff4d;width:clamp(24px,2.6vh,34px);height:clamp(24px,2.6vh,34px);font-size:clamp(14px,1.6vw,24px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .14s;flex-shrink:0;padding:0;border-radius:6px;-webkit-tap-highlight-color:transparent}.terrain-nav-btn:hover:not(:disabled){color:var(--accent)}.terrain-nav-btn:focus:not(:focus-visible){color:#ffffff4d;outline:none}.terrain-nav-btn:disabled{opacity:.18;cursor:default}.bench-round-label{font-family:Bebas Neue,sans-serif;font-size:clamp(14px,1.6vw,24px);letter-spacing:.1em;color:#ffffff59;text-align:center;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bench-list{flex:1;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;display:flex;flex-direction:row;padding:clamp(4px,.5vh,7px) clamp(5px,.6vw,9px);gap:clamp(4px,.5vw,8px);align-items:stretch}.bench-list::-webkit-scrollbar{height:3px}.bench-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.bench-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;flex:1;opacity:.2;text-align:center}.bench-empty i{font-size:clamp(18px,2.5vw,28px)}.bench-empty span{font-size:clamp(7px,.8vw,10px);font-weight:700;letter-spacing:.3em;text-transform:uppercase}.bench-card{flex-shrink:0;display:flex;align-items:stretch;flex-direction:row;border-radius:clamp(5px,.7vw,9px);overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#ffffff05;animation:benchIn .32s cubic-bezier(.34,1.4,.64,1) both;transition:background var(--tr),border-color var(--tr);height:100%}.bench-card:hover{background:#ffffff0a;border-color:#ffffff1f}.bench-card-color{flex-shrink:0;width:clamp(35px,3.5vw,45px);display:flex;align-items:center;justify-content:center}.bench-card-initial{font-family:Bebas Neue,sans-serif;font-size:clamp(13px,1.5vw,20px);line-height:1;color:#ffffffe0;text-shadow:0 1px 4px rgba(0,0,0,.45);letter-spacing:.04em}.bench-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:3px 7px}.bench-card-name{font-family:Bebas Neue,sans-serif;font-size:clamp(13px,min(2.2vw,3vh),44px);line-height:1;letter-spacing:.04em;color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bench-card-sub{font-size:clamp(6px,.6vw,8px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ffd43b8c}.layout-landscape .app{flex-direction:row}.layout-landscape .timer-controls{display:none}.layout-landscape .bench-panel{flex-direction:column;width:var(--bench-w);height:auto;border-top:none;border-left:1px solid var(--border)}.layout-landscape .bench-controls{display:flex;flex-shrink:0;min-height:clamp(48px,6vh,68px);height:auto;border-left:none;border-top:1px solid var(--border);padding:clamp(7px,.9vw,12px);background:var(--panel2)}.layout-landscape .bench-controls .btn{height:clamp(36px,4.4vh,50px)}.layout-landscape .bench-footer{min-height:clamp(36px,8vh,60px);justify-content:space-between;padding:clamp(4px,.6vh,7px) clamp(7px,.9vw,12px)}.layout-landscape .bench-nav-top{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.layout-landscape .bench-list{flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:clamp(5px,.8vh,10px) clamp(7px,1vw,12px);gap:clamp(4px,.7vh,9px)}.layout-landscape .bench-list::-webkit-scrollbar{width:3px;height:auto}.layout-landscape .bench-card{height:auto;min-height:clamp(50px,7vh,72px)}.layout-landscape .bench-card-color{width:clamp(40px,5vw,58px)}.layout-landscape .bench-card-initial{font-size:clamp(18px,2.2vw,30px)}.layout-landscape .bench-card-info{gap:3px;padding:clamp(5px,.7vh,9px) clamp(8px,1vw,14px)}.layout-landscape .bench-card-name{font-size:clamp(14px,1.6vw,24px)}.layout-landscape .bench-card-sub{font-size:clamp(7px,.75vw,9px);letter-spacing:.26em}@media(min-width:1280px){.layout-landscape .bench-panel{--bench-w: clamp(210px, 16vw, 280px)}}@media(min-width:1536px){.layout-landscape .bench-panel{--bench-w: clamp(240px, 15.5vw, 330px)}}@media(min-width:1920px){.layout-landscape .bench-panel{--bench-w: clamp(270px, 14vw, 370px)}}@media(min-width:2560px){.layout-landscape .bench-panel{--bench-w: clamp(320px, 12.5vw, 460px)}}#prepOverlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:radial-gradient(120% 120% at 50% 28%,rgba(var(--accent-rgb),.18),#091e3cf0 44%,#061428fa);opacity:0;pointer-events:none;transition:opacity .25s}#prepOverlay.visible{opacity:1;pointer-events:all}#prepNumber{font-family:Bebas Neue,sans-serif;font-size:clamp(120px,28vw,300px);line-height:1;color:#fff}#prepLabel{font-family:Barlow Condensed,sans-serif;font-size:clamp(16px,2.8vw,26px);font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:#fff9}#terrainModal{width:min(820px,96vw);height:min(580px,90dvh)}#terrainModal .am-col-right .am-section{flex:1;min-height:0}.tm-field{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.am-section-label+.tm-field{padding-top:0}.tm-field:last-child{border-bottom:none}.tm-field-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.tm-field-label{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-field-sub{font-size:10px;color:var(--text-dim);letter-spacing:.03em}.tm-dur-sep{font-family:Bebas Neue,sans-serif;font-size:22px;color:var(--text-dim);line-height:1}.tm-team-count-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px;flex-shrink:0}.tm-team-count-label{font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0}@media(max-height:420px)and (orientation:landscape){:root{--header-h: 36px;--timer-fs: clamp(40px, 12vh, 56px);--ctrl-h: 34px;--bench-h: 34px}#time{padding-top:12px}.timer-controls{padding:4px 8px;gap:8px}.terrains-zone{padding-top:4px;padding-bottom:4px}}.tm-tabs-nav{flex-shrink:0;flex-direction:row;background:#060f1e;border-bottom:1px solid rgba(255,255,255,.06)}.tm-tab-btn{flex:1;height:38px;background:transparent;border:none;border-bottom:2px solid transparent;color:#ffffff52;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .15s,border-color .15s,background .15s}.tm-tab-btn i{font-size:12px}.tm-tab-btn.active{color:#ffd43b;border-bottom-color:#ffd43b;background:#ffd43b0a}.tm-tab-btn:hover:not(.active){color:#fff9;background:#ffffff08}@media(max-width:767px){#terrainModal{width:min(600px,96vw);height:min(580px,92dvh)}.am-columns{flex-direction:column;overflow-y:auto;overflow-x:hidden}.am-col-left{flex:0 0 auto;padding:14px 16px;overflow:visible}.am-col-divider{width:auto;height:1px;background:#ffd43b1a;margin:0;flex-shrink:0}.am-col-right{flex:0 0 auto;padding:14px 16px;overflow:visible}.tm-teams-list{flex:none;height:260px}}@media(max-width:599px){#terrainModal{width:100vw;height:100dvh;border-radius:0}.tm-teams-list{height:280px}.tm-teams-cols{grid-template-columns:1fr}.tm-teams-col+.tm-teams-col{border-left:none;border-top:1px solid rgba(255,255,255,.05)}.tm-team-row{min-height:42px;padding:0 10px}.tm-team-color-label{font-size:10px}}@media(max-width:767px)and (orientation:portrait){#terrainModal{height:min(80dvh,680px);max-height:80dvh}.am-columns{flex-direction:row;overflow:hidden;flex:1}.am-col-left,.am-col-right{display:none;flex:1 1 100%;min-width:0;overflow-y:auto}.am-col-left.tab-active,.am-col-right.tab-active{display:flex;flex-direction:column}.am-col-divider{display:none}}@keyframes pulse{0%{opacity:1}to{opacity:.5}}@keyframes fieldIn{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes benchIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.terrain-field,.bench-card{animation:none!important}}
