/* Classic one-athlete ice football. No class, ability or spell UI. */
.classic-mode{background:#07121e;color:#eff8ff}.classic-mode .vignette{background:linear-gradient(180deg,#06101d77,transparent 24%,transparent 78%,#050d1855)}.mouse-hint{font-size:7px;line-height:1.9;letter-spacing:1px;color:#83a7b8}.entry-touch-instructions{display:none}.rule-clock.urgent{border-color:#fb747866;background:#3e1c2dcc}.rule-clock.urgent b{color:#ff8585}
.classic-mode .topbar{top:21px;left:27px;right:27px}.classic-mode .brand{color:#f1faff}.classic-mode .brand-letter{font-size:37px;line-height:1;font-style:italic;font-weight:950}.classic-mode .brand>span{font-size:21px;font-weight:900;font-style:italic;letter-spacing:2.8px}.classic-mode .brand small{font-style:normal;font-size:6px;letter-spacing:2.6px;color:#8aabbc}
.classic-mode .scoreboard{min-width:450px;height:72px;background:linear-gradient(100deg,#102a3eed,#081725f5 46%,#30202aeb);border-color:#8abbcc33;box-shadow:0 12px 44px #0004}.classic-mode .score{font-size:38px;font-weight:760}.classic-mode .match-info{width:106px}.classic-mode .match-info>span{font-size:7px;letter-spacing:1px}.classic-mode .match-info>small{font-size:6px;letter-spacing:1.4px}.classic-mode .competitor small{font-size:6px;letter-spacing:1px}.team-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.classic-mode .mode-pill{top:98px;left:29px;font-size:7px;letter-spacing:1.2px;gap:8px;color:#94afbd}.classic-mode #mapName{color:#a4dced}.classic-mode .quality-button{font-size:9px;font-weight:850;letter-spacing:.5px}.classic-mode #helpButton{font-size:17px;font-weight:500}
.classic-mode .bottom-hud{inset:auto 28px 18px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;gap:20px}.sprint-meter{width:125px}.sprint-meter .dash-heading{font-size:7px;letter-spacing:1.5px;margin-bottom:7px}.sprint-meter .dash-heading kbd{height:16px;font-size:6px}.sprint-meter .dash-charge{height:4px}.sprint-meter>small{display:block;margin-top:6px;font-size:6px;letter-spacing:1.2px;color:#789eaf}.play-status{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:17px;padding:9px 15px;border:1px solid #8ac5dc29;border-radius:7px;background:#0a1e2dcc;backdrop-filter:blur(14px);min-height:37px;white-space:nowrap}.kick-label{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:1px;color:#a9e6f9}.kick-label kbd{min-width:29px;font-size:6px;height:18px}.status-divider{width:1px;height:18px;background:#b6dfef24}.ball-velocity{display:flex;align-items:baseline;gap:5px}.ball-velocity strong{font-size:17px;line-height:1;font-weight:650;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.ball-velocity small{font-size:7px;color:#83a8b9}.match-status{max-width:210px;text-align:right;font-size:7px;letter-spacing:1px;color:#83a7b8;line-height:1.7}.classic-mode .controls-strip{display:none}
.classic-mode .announcement{top:39%;pointer-events:none}.classic-mode .announcement h2{font-weight:900;text-shadow:0 10px 65px #07172b88}.classic-mode .announcement p{letter-spacing:2px;color:#bed8e6;text-shadow:0 2px 12px #001527;max-width:70vw;margin-inline:auto;line-height:1.7}
.rule-clock{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:4px 7px;border:1px solid #8ec3da35;border-radius:4px;background:#0b2437b3;font-size:7px;letter-spacing:.8px}.rule-clock b{font-size:11px;letter-spacing:0;font-variant-numeric:tabular-nums;color:#c7f2ff}.rule-clock[data-owner="enemy"] b{color:#ff9a74}.rule-clock[data-warning="true"] b{color:#ff6666}
.entry-overlay{padding:26px;overflow:auto;background:radial-gradient(ellipse at 50% 45%,#0b23365e,#030d17dd 78%);backdrop-filter:blur(9px)}.entry-panel{width:min(540px,100%);margin:auto;padding:36px 39px 27px;border:1px solid #8bbbd13d;border-top-color:#b0e6fa88;border-radius:10px;background:radial-gradient(ellipse at 10% 0,#2462893d,transparent 65%),linear-gradient(150deg,#112a3be8,#091522f5 75%);box-shadow:0 30px 100px #0008,inset 0 0 50px #80d9ff05}.entry-eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;font-weight:750;letter-spacing:2.8px;color:#8abbd0}.entry-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#5cd6fc;box-shadow:0 0 13px #52d9ff77}.entry-panel h1{font-size:clamp(32px,4.4vw,51px);line-height:1.08;letter-spacing:-1.8px;font-weight:900;font-style:italic;margin:24px 0 17px;color:#f4f9fb}.entry-panel h1 em{font-style:inherit;color:#8edff6}.entry-description{font-size:13px;line-height:1.9;color:#a9bfcc;margin:0 0 27px}.entry-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.entry-fields label{display:flex;flex-direction:column;gap:8px;font-size:7px;font-weight:800;letter-spacing:1.7px;color:#8aaabb}.entry-fields input,.entry-fields select{width:100%;height:43px;min-width:0;border:1px solid #88bfd13c;border-radius:5px;background:#071722ad;color:#e8f5fb;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.5px;outline:none}.entry-fields select{font-size:10px;letter-spacing:0}.entry-fields input:focus,.entry-fields select:focus{border-color:#9ee7ff9c;box-shadow:0 0 0 3px #8addfb0d}.entry-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:21px 0 23px;color:#9cb5c2}.entry-controls>span{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.5px}.entry-controls kbd{font-size:6px;min-width:22px;height:18px;padding-inline:5px;border-color:#c1e3f431}.entry-panel .primary-button{height:49px;background:linear-gradient(115deg,#a2eafa,#55caf0);border-color:#a0e5f5;color:#071d2c;border-radius:5px;letter-spacing:1.4px;font-size:10px;font-weight:850}.entry-panel .primary-button>span:last-child{font-size:22px}.entry-note{margin:17px 0 6px;font-size:6px;font-weight:650;letter-spacing:1.4px;color:#7d9daf;text-align:center}.entry-local{display:block;text-align:center;font-size:8px;color:#5d7c90;letter-spacing:.3px}
.auto-badge{padding:4px 5px;border:1px solid #83e0f13b;border-radius:3px;font-size:6px;letter-spacing:1px;color:#a1edff;background:#83def311}.touch-controls{display:none;pointer-events:none}.touch-hint{position:absolute;left:16px;right:16px;bottom:18px;text-align:center;padding:6px 8px;border-radius:4px;background:#071a2bb5;font-size:6px;line-height:1.7;letter-spacing:.6px;color:#a4ccdd;pointer-events:none}
.classic-mode:has(.modal-overlay:not(.hidden)) .touch-controls{display:none}.classic-mode:has(#startOverlay:not(.hidden)) .game-ui{visibility:hidden}.classic-mode .modal-panel .help-tip{line-height:1.7}.classic-mode .help-panel h2{font-size:32px}
@media(pointer:coarse),(max-width:759px){.mouse-hint,.classic-mode .mouse-instructions{display:none}.entry-touch-instructions{display:block;font-size:10px;color:#9cb5c2;line-height:1.8;margin:20px 0}}
@media(min-width:1650px){.classic-mode .topbar{left:40px;right:40px;top:26px}.classic-mode .mode-pill{left:42px;top:112px}.classic-mode .bottom-hud{left:42px;right:42px;bottom:23px}.play-status{padding:11px 20px;gap:20px}.kick-label{font-size:9px}.ball-velocity strong{font-size:20px}.match-status{font-size:8px}}
@media(max-width:1100px) and (min-width:760px){.classic-mode .brand>span{font-size:17px}.classic-mode .brand-letter{font-size:30px}.classic-mode .brand small{font-size:5px;letter-spacing:1.8px}.classic-mode .scoreboard{min-width:390px;height:67px}.classic-mode .score-side{padding-inline:12px;gap:8px}.classic-mode .competitor>span{font-size:11px}.classic-mode .utility{gap:4px}.classic-mode .icon-button{width:29px;height:30px}.classic-mode .mode-pill{left:23px;top:94px;font-size:6px}.classic-mode .topbar{left:21px;right:21px}.classic-mode .bottom-hud{left:22px;right:22px}.match-status{font-size:6px;max-width:155px}.sprint-meter{width:102px}.play-status{padding-inline:11px;gap:10px}.kick-label{font-size:7px;letter-spacing:.5px}}
@media(pointer:coarse),(max-width:759px){.touch-controls{display:block}.classic-mode .topbar{left:12px;right:12px;top:12px}.classic-mode .brand{display:none}.classic-mode .scoreboard{min-width:0;width:min(420px,calc(100vw - 24px));height:64px;top:0}.classic-mode .score-side{padding:0 12px;gap:6px}.classic-mode .team-dot{display:none}.classic-mode .score{font-size:29px}.classic-mode .competitor>span{font-size:10px;letter-spacing:1px}.classic-mode .competitor small{font-size:6px;letter-spacing:.6px}.classic-mode .match-info{width:91px}.classic-mode .match-info>strong{font-size:18px}.classic-mode .match-info>small{font-size:5px}.classic-mode .utility{position:absolute;right:0;top:71px;padding:0;gap:5px}.classic-mode .icon-button{width:28px;height:29px}.classic-mode .mode-pill{left:14px;top:91px;max-width:calc(100vw - 170px);font-size:5px;gap:4px;line-height:1.4}.classic-mode .mode-pill .build-tag{display:none}.classic-mode .bottom-hud{inset:0;pointer-events:none}.sprint-meter,.match-status{display:none}.play-status{left:auto;right:15px;top:120px;bottom:auto;transform:none;background:none;border:0;padding:0;min-height:22px}.kick-label,.status-divider{display:none}.ball-velocity strong{font-size:22px}.ball-velocity small{font-size:6px}.rule-clock{position:absolute;left:0;top:20px;white-space:nowrap;margin:0;font-size:6px;padding:3px 5px}.rule-clock b{font-size:10px}.classic-mode .announcement{top:40%}.classic-mode .announcement h2{font-size:54px}.classic-mode .announcement p{font-size:7px;letter-spacing:1px;max-width:80vw;line-height:1.8}.entry-overlay{padding:18px}.entry-panel{padding:28px 24px 22px}.entry-panel h1{font-size:35px;margin:22px 0 16px;letter-spacing:-1.3px}.entry-description{font-size:11px;margin-bottom:22px}.entry-fields{grid-template-columns:1fr;gap:16px}.entry-fields input,.entry-fields select{height:43px}.entry-controls{gap:9px;margin:20px 0}.entry-controls>span{font-size:5px}.entry-controls kbd{font-size:5px;height:16px;padding-inline:4px}.entry-note{font-size:5px;letter-spacing:.8px}.classic-mode .help-panel h2{font-size:26px}}
@media(max-width:759px) and (orientation:landscape){.classic-mode .topbar{top:7px}.classic-mode .scoreboard{width:326px;height:55px}.classic-mode .utility{top:0}.classic-mode .mode-pill{top:16px;max-width:165px}.classic-mode .play-status{top:77px;right:17px}.rule-clock{position:static}.touch-actions{right:20px;bottom:18px}.touch-kick{width:73px;height:73px}.touch-trap{width:53px;height:53px}.touch-hint{bottom:22px}.entry-overlay{align-items:flex-start;padding:15px}.entry-panel{width:min(580px,100%);padding:22px 30px}.entry-panel h1{font-size:30px;margin:17px 0 12px}.entry-description{font-size:10px;margin-bottom:16px}.entry-fields{grid-template-columns:1fr 1fr;gap:12px}.entry-controls{margin:15px 0}.entry-panel .primary-button{height:43px}}
