*{box-sizing:border-box;margin:0;padding:0}html,body{background:#1b2430;width:100%;height:100%;font-family:system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block}#hud{pointer-events:none;color:#fff;text-shadow:0 1px 3px #0009;position:fixed;inset:0}#scoreboard{font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#0a0e14bf;border-radius:6px;padding:6px 12px;font-size:18px;font-weight:700;position:absolute;top:14px;left:16px}#status{font-size:16px;font-weight:600;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#panel{flex-direction:column;gap:6px;width:260px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}#meter{opacity:0;background:#0a0e14bf;border-radius:7px;height:14px;transition:opacity .15s;position:relative;overflow:hidden}#meter.visible{opacity:1}#meter-sweet,#meter-over{position:absolute;top:0;bottom:0}#meter-sweet{background:#50dc7859}#meter-over{background:#ff463c4d;right:0}#meter-fill{background:#fff;border-radius:4px;max-width:calc(100% - 6px);position:absolute;top:3px;bottom:3px;left:3px}#meter-fill.over{background:#ff5a4a}#stamina{background:#0a0e14bf;border-radius:3px;height:5px;overflow:hidden}#stamina-fill{background:#ffe14d;height:100%}#stamina-fill.low{background:#ff9a3c}#debug,#stats{background:#0a0e14bf;border-radius:6px;padding:6px 10px;font:12px/1.4 ui-monospace,monospace;position:absolute;right:16px}#stats{top:14px}#debug{top:46px}#panel.hidden,#status.hidden,#replay.hidden{display:none}#clock{border-left:1px solid #ffffff4d;margin-left:12px;padding-left:12px;font-weight:600}#debug-labels div{white-space:nowrap;background:#0a0e14b3;border-radius:3px;padding:1px 5px;font:11px/1.3 ui-monospace,monospace;position:absolute;transform:translate(-50%,-100%)}#debug-labels div.home{color:#9cc7ff}#debug-labels div.away{color:#ffb3a8}#replay{letter-spacing:.06em;background:#c81e28d9;border-radius:6px;padding:6px 12px;font-size:16px;font-weight:700;position:absolute;top:14px;right:16px}.menu-root{color:#fff;z-index:10;background:#080c128c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-root.hidden,.menu.hidden,.menu-row.hidden{display:none}.menu{background:#0e141eeb;border-radius:12px;flex-direction:column;gap:12px;width:min(720px,100vw - 32px);max-height:calc(100vh - 32px);padding:24px 28px;display:flex;overflow-y:auto;box-shadow:0 10px 40px #00000080}.menu-title{letter-spacing:.08em;text-align:center;font-size:30px;font-weight:800}.menu-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.menu-label{text-transform:uppercase;letter-spacing:.06em;opacity:.7;width:90px;font-size:13px;font-weight:700}.menu-choices{flex-wrap:wrap;flex:1;gap:6px;display:flex}.menu button{font:inherit;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex}.menu button:hover:not(:disabled){background:#ffffff29}.menu button.selected{color:#111;background:#f0c419;border-color:#f0c419}.menu button:disabled{opacity:.3;cursor:default}.menu button.menu-go{background:#2fae5a;border-color:#2fae5a;justify-content:center;padding:10px 28px;font-size:18px}.menu .swatch{border:2px solid;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff73}.menu-help,.menu-stats{opacity:.75;text-align:center;font-size:13px}.fulltime-goals{grid-template-columns:1fr 1fr;gap:4px 24px;font-size:14px;display:grid}.fulltime-col:last-child{text-align:right}.fulltime-table{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;gap:4px 16px;font-size:15px;display:grid}.fulltime-table .num:first-child,.fulltime-table .num:nth-child(3n+1){text-align:right}.fulltime-table .label{text-align:center;opacity:.7}.fulltime-message{text-align:center;font-size:18px;font-weight:700}#hud.hidden{display:none}.menu-subtitle{text-transform:uppercase;letter-spacing:.08em;opacity:.7;text-align:center;font-size:13px;font-weight:700}.touch{z-index:5;pointer-events:none;position:fixed;inset:0}.touch.hidden,.touch-stick.hidden{display:none}.touch-stick-area{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:0;bottom:0;left:0}.touch-stick{background:#ffffff14;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed}.touch-knob{background:#ffffff73;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}.touch-buttons{pointer-events:auto;grid-template-columns:repeat(2,76px);gap:12px;display:grid;position:absolute;bottom:24px;right:16px}.touch-button,.touch-pause{font:inherit;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#141e2d8c;border:2px solid #ffffff80;border-radius:50%;font-weight:700}.touch-button{width:76px;height:76px;font-size:14px}.touch-shoot{background:#c828288c;grid-area:2/2}.touch-pass{background:#288c468c;grid-area:2/1}.touch-sprint{grid-area:1/2}.touch-pause{pointer-events:auto;width:44px;height:44px;position:absolute;top:12px;right:16px}body.touch-device #panel{top:70px;bottom:auto}.menu-code{font:inherit;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:#0000004d;border:1px solid #ffffff40;border-radius:6px;width:80px;padding:7px 8px;font-size:14px;font-weight:700}.menu button.hidden,.fulltime-message.hidden{display:none}