.game-screen{position:fixed;inset:0;background:#03070b;z-index:50;overflow:hidden}.game-screen.active{display:block}#rink,#rink3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#rink3d{display:none}.game-screen.mode-3d #rink{display:none}.game-screen.mode-3d #rink3d{display:block}.arena-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 50%,#02040899 100%),linear-gradient(180deg,#0008,transparent 20%,transparent 76%,#000b)}.mode-3d .score{box-shadow:0 14px 40px #000a}.mode-3d .game-keys{border-top:1px solid #efc24f66}.format.on{color:#efc24f!important;background:#252113!important;border-color:#6b5929!important}
.match-mode{position:absolute;right:16px;top:16px;display:flex;pointer-events:auto}.match-mode button{border:1px solid #4b5661;background:#080b0ed9;padding:9px 14px;color:#aeb7c0}.match-mode button.on{background:#efc24f;color:#151108;border-color:#efc24f;font-weight:900}
.sport-select{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 26px}.sport-select button{position:relative;min-height:104px;border:1px solid #26313b;background:linear-gradient(145deg,#10171d,#070a0d);color:#e8f3f5;text-align:left;padding:18px 18px 16px 72px;overflow:hidden;transition:.22s transform,.22s border-color,.22s box-shadow}.sport-select button:hover{transform:translateY(-3px);border-color:#5b7785}.sport-select button.on{border-color:#2de3ee;box-shadow:0 0 0 1px #2de3ee55,0 15px 38px #00cfe522;background:linear-gradient(145deg,#102831,#081117)}.sport-select i{position:absolute;left:18px;top:23px;font-size:38px;font-style:normal;filter:drop-shadow(0 4px 8px #000)}.sport-select b,.sport-select span{display:block}.sport-select b{font:900 17px/1 var(--head,Arial);letter-spacing:.08em}.sport-select span{margin-top:8px;color:#81919b;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.sport-select button.on span{color:#2de3ee}
.settings-panel{margin-top:34px;padding:26px;border:1px solid #26313b;background:linear-gradient(150deg,#10161b,#080b0e);box-shadow:0 22px 70px #0007}.settings-panel>p{color:#82919a}.keybinds{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 30px}.keybinds button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid #29343c;background:#0a0f13;color:#dce8eb;text-align:left}.keybinds button:hover,.keybinds button.listening{border-color:#2de3ee;background:#0b2026}.keybinds kbd{min-width:54px;padding:6px 8px;border:1px solid #50616b;border-bottom-width:3px;border-radius:4px;background:#171e23;color:#efc24f;text-align:center;font-weight:900;font-size:11px}.toggles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.toggles label{cursor:pointer;display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #29343c;background:#090e12;text-transform:capitalize}.toggles input{accent-color:#2de3ee;width:18px;height:18px}
.timing-track{position:absolute;left:50%;bottom:86px;transform:translateX(-50%);width:min(500px,62vw);height:24px;border:2px solid #d6e2e6;background:linear-gradient(90deg,#d94152 0 28%,#efc24f 28% 42%,#20e374 42% 76%,#efc24f 76% 86%,#d94152 86%);box-shadow:0 0 0 5px #030609bb,0 12px 30px #000;z-index:12;overflow:visible}.timing-track:before{content:'SHOT TIMING';position:absolute;left:0;bottom:31px;font:900 10px/1 var(--head,Arial);letter-spacing:.18em;color:#fff}.timing-track .danger,.timing-track .green{display:none}.timing-track i{position:absolute;top:-8px;left:0;width:5px;height:36px;background:#fff;box-shadow:0 0 14px #fff;transform:translateX(-50%)}.timing-track b{position:absolute;right:0;bottom:31px;color:#2de3ee;font:900 11px/1 var(--head,Arial);letter-spacing:.1em}
@media(max-width:800px){.sport-select{grid-template-columns:1fr}.sport-select button{min-height:80px}.keybinds{grid-template-columns:1fr 1fr}.toggles{grid-template-columns:1fr 1fr}.timing-track{bottom:120px;width:68vw}}