:root{--zx-black: #000000;--zx-blue: #0000d7;--zx-red: #d70000;--zx-magenta: #d700d7;--zx-green: #00d700;--zx-cyan: #00d7d7;--zx-yellow: #d7d700;--zx-white: #d7d7d7;--zx-bright-blue: #0000ff;--zx-bright-red: #ff0000;--zx-bright-green: #00ff00;--zx-bright-cyan: #00ffff;--zx-bright-yellow: #ffff00;--zx-bright-white: #ffffff;--hud-border: 4px solid var(--zx-black)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--zx-black);color:var(--zx-bright-white);font-family:Courier New,ui-monospace,monospace;font-weight:700;letter-spacing:.05em;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}#root{min-height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;max-width:720px;width:100%;margin:0 auto}.panel{background:var(--zx-blue);border:var(--hud-border);padding:12px}.panel--red{background:var(--zx-red)}.panel--green{background:var(--zx-green);color:var(--zx-black)}.panel--black{background:var(--zx-black);border-color:var(--zx-white)}h1,h2,h3{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em}h1{font-size:24px;color:var(--zx-bright-yellow);text-shadow:2px 2px 0 var(--zx-black)}h2{font-size:18px}p{margin:0 0 8px;line-height:1.5}.muted{color:var(--zx-white);font-weight:400}button,.btn{display:block;width:100%;padding:14px;font:inherit;font-size:16px;text-transform:uppercase;text-align:center;text-decoration:none;color:var(--zx-black);background:var(--zx-bright-yellow);border:var(--hud-border);cursor:pointer}button:active,.btn:active{transform:translate(2px,2px)}button:disabled{background:var(--zx-white);color:#555;cursor:not-allowed}.btn--red{background:var(--zx-bright-red);color:var(--zx-bright-white)}input,select{width:100%;padding:12px;font:inherit;font-size:16px;color:var(--zx-black);background:var(--zx-bright-white);border:var(--hud-border)}label{display:block;margin-bottom:4px;font-size:13px;text-transform:uppercase;color:var(--zx-bright-cyan)}.field{margin-bottom:12px}.error{background:var(--zx-bright-red);border:var(--hud-border);padding:10px;font-size:14px}.standings{width:100%;border-collapse:collapse;font-size:14px}.standings th,.standings td{padding:8px 6px;text-align:left;border-bottom:2px solid var(--zx-black)}.standings th{background:var(--zx-black);color:var(--zx-bright-yellow);text-transform:uppercase;font-size:12px}.standings td.num{text-align:right;font-variant-numeric:tabular-nums}.jersey-chip{display:inline-block;width:14px;height:14px;border:2px solid var(--zx-black);vertical-align:-2px;margin-right:6px}.pending{opacity:.65}.game-stage{position:relative;width:100%;aspect-ratio:256 / 192;background:var(--zx-black);border:var(--hud-border);overflow:hidden}.game-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.controls{display:flex;gap:12px;margin-top:12px}.control-btn{flex:1;padding:28px 8px;font-size:20px;background:var(--zx-bright-red);color:var(--zx-bright-white);border:var(--hud-border);touch-action:none}.control-btn:active{background:var(--zx-bright-yellow);color:var(--zx-black)}.control-hint{margin-top:6px;font-size:12px;text-align:center;color:var(--zx-white);font-weight:400}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;max-height:260px;overflow-y:auto;padding:4px;background:var(--zx-black);border:2px solid var(--zx-white)}.team-option{padding:8px 4px;font-size:11px;text-align:center;border:2px solid var(--zx-black);cursor:pointer;line-height:1.3}.team-option[aria-pressed=true]{outline:3px solid var(--zx-bright-yellow);outline-offset:-3px}.event-list{list-style:none;margin:0;padding:0;font-size:14px}.event-list li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:2px solid var(--zx-black)}.day-label{color:var(--zx-bright-cyan);font-size:12px;margin:10px 0 4px;text-transform:uppercase}