*{box-sizing:border-box}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#081014;width:100%;height:100%;margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;overflow:hidden}#app{width:100%;height:100%}#app canvas{display:block}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.hud-bar{color:#f4f0d8;background:#000000c7;border-bottom:2px solid #f26a1b;height:64px;padding:8px 16px;position:absolute;top:0;left:0;right:0}.hud-match{font-size:13px;line-height:1.3;position:absolute;top:10px;left:16px}.hud-vs{color:#9aa890;font-size:11px}.hud-score-wrap{text-align:center}#hud-score{color:#f26a1b;letter-spacing:2px;font-size:32px;line-height:1}.hud-clock-row{justify-content:center;align-items:baseline;gap:10px;margin-top:2px;display:flex}.hud-period{color:#9aa890;font-size:11px}#hud-clock{color:#f4f0d8;letter-spacing:1px;font-size:14px}#hud-clock.low{color:#f26a1b}#hud-banner{text-align:center;color:#f26a1b;text-shadow:0 0 #000,3px 3px #000;font-size:56px;display:none;position:absolute;top:46%;left:0;right:0}#hud-banner.show{display:block}#hud-banner-credit{color:#f4f0d8;letter-spacing:3px;text-shadow:0 0 #000,2px 2px #000;margin-top:8px;font-size:28px;display:none}#hud-banner-credit.show{display:block}#hud-banner-drop{color:#f0c14a;letter-spacing:3px;text-shadow:0 0 #000,2px 2px #000;margin-top:10px;font-size:22px;display:none}#hud-banner-drop.show{display:block}#hud-play-again{pointer-events:auto;color:#081014;font:inherit;letter-spacing:2px;cursor:pointer;background:#f26a1b;border:3px solid #f26a1b;padding:10px 22px;font-size:18px;display:none;position:absolute;top:68%;left:50%;transform:translate(-50%)}#hud-play-again.show{display:block}#hud-play-again:hover,#hud-play-again:focus-visible{background:#f4f0d8;border-color:#f4f0d8}#hud-start,#hud-pause{pointer-events:auto;text-align:center;padding:72px 20px calc(28px + env(safe-area-inset-bottom,0px));background:#081014e0;display:none;position:absolute;inset:0;overflow-y:auto}#hud-start.show,#hud-pause.show{display:block}#hud-start-title,#hud-pause-title{color:#f26a1b;letter-spacing:3px;text-shadow:3px 3px #000;font-size:36px}#hud-start-match{color:#c8c4a8;letter-spacing:1px;margin-top:8px;font-size:14px}#roster-pick{text-align:left;background:#0000008c;border:2px solid #f26a1b;width:min(360px,100%);margin:16px auto 0;padding:10px 10px 8px}#roster-list{max-height:28vh;margin-top:6px;overflow-y:auto}body.public-arcade #roster-list{max-height:34vh}.roster-btn{color:#f4f0d8;width:100%;font:inherit;letter-spacing:1px;cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;justify-content:space-between;margin:3px 0;padding:6px 8px;font-size:13px;display:flex}.roster-btn.selected{color:#081014;background:#f26a1b;border-color:#f26a1b}.roster-btn .pos{color:#9aa890}.roster-btn.roster-goalie{cursor:default;opacity:.72}.roster-btn.selected .pos{color:#081014}#hud-start-btn,#hud-resume{color:#081014;font:inherit;letter-spacing:2px;cursor:pointer;background:#f26a1b;border:3px solid #f26a1b;margin-top:22px;padding:10px 22px;font-size:18px}#hud-start-btn:hover,#hud-start-btn:focus-visible,#hud-resume:hover,#hud-resume:focus-visible{background:#f4f0d8;border-color:#f4f0d8}.how-to{text-align:left;background:#0000008c;border:2px solid #f26a1b;width:min(360px,100%);margin:22px auto 0;padding:12px 14px 14px}.how-to-title{color:#f26a1b;letter-spacing:2px;text-align:center;margin-bottom:10px;font-size:13px}.how-to-row{color:#f4f0d8;align-items:center;gap:10px;margin:7px 0;font-size:14px;display:flex}.how-to-row span{color:#081014;text-align:center;background:#f26a1b;min-width:52px;padding:3px 6px;font-size:11px;display:inline-block}.how-to-note,.how-to-keys{color:#c8c4a8;text-align:center;margin-top:10px;font-size:12px;line-height:1.4}.how-to-keys+.how-to-keys{margin-top:6px}#pause-stats{margin-top:14px}#pause-score{color:#f26a1b;letter-spacing:3px;font-size:32px}#pause-clock{color:#c8c4a8;letter-spacing:2px;margin-top:4px;font-size:16px}#pause-sheet,#hud-final-sheet{color:#f4f0d8;letter-spacing:1px;margin-top:10px;font-size:13px}#pause-sheet-name,#final-sheet-name{color:#f26a1b;letter-spacing:2px;font-size:16px}#pause-sheet-game,#pause-sheet-season,#pause-sheet-drops,#final-sheet-game,#final-sheet-season,#final-sheet-drops{color:#c8c4a8;margin-top:4px}#pause-sheet-drops,#final-sheet-drops,#hud-locker-list{color:#f0c14a}#hud-locker{display:none}body.drops-on #hud-locker,body.public-arcade #hud-locker{display:block}#hud-final-sheet{text-align:center;pointer-events:none;background:#000000b8;border:2px solid #f26a1b;width:min(280px,86%);padding:10px 12px;display:none;position:absolute;top:46%;left:50%;transform:translate(-50%)}#hud-final-sheet.show{display:block}body.menu-open #touch-pad,body.paused-open #touch-pad,body.menu-open #hud-pause-btn{display:none!important}.hud-leave,#hud-back{pointer-events:auto;color:#f26a1b;font:inherit;letter-spacing:2px;cursor:pointer;background:#081014;border:2px solid #f26a1b;font-size:13px;display:none}body.public-arcade .hud-leave{margin:0;padding:6px 14px;display:block;position:absolute;top:12px;left:12px}#hud-back{z-index:2;min-width:56px;min-height:36px;padding:4px 10px;position:absolute;top:12px;left:10px}body.public-arcade #hud-back{display:block}body.public-arcade .hud-match{display:none}body.menu-open #hud-back,body.paused-open #hud-back{display:none!important}#hud-pause-btn{pointer-events:auto;color:#f26a1b;min-width:44px;min-height:36px;font:inherit;letter-spacing:1px;cursor:pointer;background:#081014;border:2px solid #f26a1b;padding:4px 10px;font-size:14px;display:none;position:absolute;top:12px;right:10px}#touch-pad{padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:none;position:absolute;bottom:0;left:0;right:0}#touch-stick,#touch-actions button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}#touch-stick{background:#0810146b;border:3px solid #f26a1bb3;border-radius:50%;width:108px;height:108px;position:relative}#touch-stick-knob{background:#f26a1b;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #081014}#touch-actions{grid-template-rows:56px 72px;grid-template-columns:72px 88px;gap:8px;display:grid}#touch-actions button{color:#f4f0d8;font:inherit;letter-spacing:1px;cursor:pointer;background:#081014c7;border:3px solid #f26a1b;font-size:14px}#touch-actions #touch-shoot{color:#081014;background:#f26a1b;font-size:18px}#touch-burst.held,#touch-actions button:active{color:#081014;background:#f4f0d8;border-color:#f4f0d8}#rotate-hint{display:none}@media (pointer:coarse) and (orientation:landscape){#rotate-hint{z-index:20;color:#f26a1b;letter-spacing:2px;text-align:center;background:#081014;justify-content:center;align-items:center;padding:24px;font-size:22px;display:flex;position:fixed;inset:0}}@media (pointer:coarse),(width<=700px){.hud-match{display:none}.hud-bar{height:52px}#hud-score{font-size:26px}#hud-banner{font-size:36px;top:38%}#hud-banner-credit{font-size:18px}#hud-banner-drop{font-size:16px}#hud-pause-btn{display:block}#touch-pad{display:flex}}#hud-secret-toast{color:#1a1200;letter-spacing:.04em;text-align:center;background:#ffd65aeb;border-radius:999px;margin-top:8px;padding:8px 12px;font-size:11px;font-weight:700;display:none}#hud-secret-toast.show{display:block}body.secret-teams #hud-start-match{color:#ffe08a}#hud-team-select{z-index:8;pointer-events:auto;text-align:center;padding:72px 20px calc(28px + env(safe-area-inset-bottom,0px));background:#081014f0;display:none;position:absolute;inset:0;overflow-y:auto}#hud-team-select.show{display:block}#hud-team-title{color:#f26a1b;letter-spacing:3px;text-shadow:3px 3px #000;margin-bottom:24px;font-size:28px}#hud-team-picks{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;max-width:420px;margin:0 auto;display:flex}.team-pick-btn{pointer-events:auto;color:#f4f0d8;max-width:180px;font:inherit;letter-spacing:1px;cursor:pointer;background:#0000008c;border:3px solid #f26a1b;flex-direction:column;flex:140px;align-items:center;gap:10px;padding:12px 10px 14px;font-size:12px;display:flex}.team-pick-btn img{object-fit:contain;background:#86c2c859;border-radius:50%;width:140px;height:140px}.team-pick-btn:hover,.team-pick-btn:focus-visible{color:#081014;background:#f26a1b}