:root{color:#f4efe4;background:#fff;font-family:Apple SD Gothic Neo,Pretendard,SF Pro Text,sans-serif}*{box-sizing:border-box}html,body{overflow:hidden;background:#fff;height:100%;margin:0}#view{position:absolute;display:block;image-rendering:pixelated;image-rendering:crisp-edges;outline:none;width:100%;height:100%;inset:0}#hud{position:absolute;pointer-events:none;user-select:none;inset:0}button,.panel,.modal{pointer-events:auto}button{font:inherit;color:#17191b;cursor:pointer;background:#f0c43a;border:3px solid #17191b;padding:10px 14px;font-weight:750;box-shadow:4px 4px #17191b}button.ghost{color:#f6f1e4;background:#14120e;border-color:#f0c43a}button:hover{color:#17191b;background:#ffd35a}button.ghost:hover{color:#17191b;background:#f0c43a}button:active{transform:translate(2px,2px);box-shadow:2px 2px #17191b}button:focus-visible{outline:3px solid #2f6bff;outline-offset:2px}.eyebrow{color:#f0c43a;letter-spacing:.22em;margin:0 0 4px;font-size:12px;font-weight:750}h1,h2{margin:0;line-height:.95}h1{color:#f0c43a;letter-spacing:.08em;text-shadow:4px 4px #000;font-size:56px}h2{color:#f0c43a;letter-spacing:.04em;text-shadow:3px 3px #000;font-size:36px}.lead,.blurb,.hint,#status{margin:10px 0 0;font-size:14px;font-weight:600;line-height:1.5}.hint,.blurb{color:#d9d0c0}.label{color:#f0c43a;letter-spacing:.12em;margin:16px 0 8px;font-size:13px;font-weight:800}.panel{color:#f4efe4;background:#14120e;border:4px solid #f0c43a;box-shadow:8px 8px #000}#menu{position:absolute;z-index:4;overflow:auto;width:min(420px,100vw - 36px);max-height:calc(100vh - 36px);padding:18px 18px 16px;top:18px;left:18px}.menu-list{display:grid;gap:8px;margin-top:18px}.menu-list button{display:flex;text-align:left;color:#f6f1e4;letter-spacing:.04em;background:#1c1916;justify-content:space-between;align-items: center;width:100%;min-height:46px;padding-left:34px}.menu-list button span{color:#f0c43a}.menu-list button b{color:#fff;font-weight:850}.menu-list button:before{position:absolute;color:#17191b;content:"";left:12px}.menu-list button{position:relative}.menu-list button:hover:before,.menu-list button[aria-pressed=true]:before{content:"▶";animation:.45s steps(2,end) infinite blink}.menu-list button:focus-visible:before{content:"▶";animation:.45s steps(2,end) infinite blink}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.actions.column{flex-direction:column}.actions.column button{width:100%}.actions.dock{margin-top:22px}.actions.dock button{letter-spacing:.12em;min-height:52px;font-size:18px}.howto{list-style:none;display:grid;gap:6px;margin:16px 0 0;padding:0;font-size:13px;font-weight:650}kbd{display:inline-block;color:#f0c43a;font:inherit;background:#0e0c0a;border:2px solid #f0c43a;margin-right:3px;padding:1px 5px;font-size:12px;font-weight:800}.pad{display:inline-grid;grid-template-areas:". up ." "left down right";vertical-align:middle;gap:2px;margin-right:6px}.pad kbd{text-align:center;min-width:1.35em;margin:0}.pad kbd:first-child{grid-area:up}.pad kbd:nth-child(2){grid-area:left}.pad kbd:nth-child(3){grid-area:down}.pad kbd:nth-child(4){grid-area:right}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:13px;font-weight:800}.legend span{display:inline-flex;align-items: center;gap:6px}.dot{display:block;border:2px solid #f4efe4;width:12px;height:12px}.dot.home{background:#ffd23a}.dot.away{background:#e23b32}button.back{margin-bottom:8px}#start{animation:1s steps(2,end) infinite glow}@keyframes glow{50%{transform:translate(-2px,-2px);box-shadow:6px 6px #000}}.chips{display:flex;list-style:none;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0}.chip{display:inline-flex;background:#fff;border:2px solid #17191b;align-items: center;gap:6px;padding:4px 8px;font-size:13px;font-weight:800}.chip i,.tag i,.swatch{display:block;border:2px solid #17191b;width:10px;height:10px}.chip.me,.tag.me{background:#fff4c2}.chip.ball,.tag.ball{box-shadow:3px 3px #e36b22}#board{position:absolute;z-index:4;display:flex;color:#f4efe4;background:#14120e;border:3px solid #f0c43a;align-items: center;gap:12px;width:auto;padding:6px 12px;top:16px;left:16px;box-shadow:4px 4px #000}.mark{display:inline-flex;align-items: center;gap:6px}.mark b{font-size:26px;line-height:1}.mark i{display:block;border:2px solid #f4efe4;width:10px;height:10px}.mark.home i{background:#ffd23a}.mark.away i{background:#e23b32}.mark .pip{box-shadow:none;opacity:0;background:#e36b22;border:0 solid #17191b;border-radius:50%;width:0;height:0;margin:0}.mark.ball{gap:8px}.mark.ball i{width:14px;height:14px}.mark.ball b{color:#fff}.mark.ball .pip{opacity:1;border-width:2px;width:14px;height:14px;box-shadow:inset 3px 0 #9a3d10}#board-mid{color:#8a8172;letter-spacing:.08em;text-align:center;min-width:1.4em;font-size:12px;font-weight:800}#gear{position:absolute;z-index:5;letter-spacing:.14em;animation:1.4s steps(2,end) infinite bob;min-width:72px;top:16px;right:16px}@keyframes bob{50%{transform:translate(-2px,-3px);box-shadow:6px 6px #000}}#tags{position:absolute;pointer-events:none;z-index:2;inset:0}.tag{position:absolute;display:inline-flex;color:#f0c43a;white-space:nowrap;background:#14120e;border:2px solid #f0c43a;align-items: center;gap:3px;padding:1px 5px;font-size:12px;font-weight:850;top:0;left:0;box-shadow:2px 2px #000}.tag.steal{color:#fff;animation:.35s steps(2,end) infinite blink;background:#e23b32;border-color:#fff}@keyframes blink{50%{opacity:.35}}#banner{position:absolute;z-index:4;letter-spacing:-.04em;text-shadow:4px 4px #f0c43a,-2px 0 #fff,2px 0 #fff;animation:.18s ease-out pop;margin:0;font-size:64px;font-weight:850;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.7)}to{transform:translate(-50%,-50%)scale(1)}}#meter{position:absolute;z-index:4;text-align:center;color:#f4efe4;background:#14120e;border:3px solid #f0c43a;width:min(320px,80vw);padding:8px 10px 6px;bottom:58px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}#meter-label{margin:0 0 6px;font-size:13px;font-weight:800}#meter-bar{position:relative;background:#17191b;border:3px solid #17191b;height:18px;box-shadow:4px 4px #17191b}#zone{position:absolute;z-index:2;background:#3c8f45;width:20%;top:0;bottom:0;left:40%}#notch{position:absolute;z-index:3;background:#fff;width:3px;margin-left:-1px;top:-4px;bottom:-4px;left:50%}#meter-scale{display:flex;letter-spacing:.08em;justify-content:space-between;margin-top:4px;font-size:11px;font-weight:800}#meter-scale span:nth-child(2){color:#8dff9a}#fill{position:absolute;z-index:1;background:#f0c43a;width:0%;top:0;bottom:0;left:0}#meter.sweet #fill{background:#f4fff6}#meter.sweet #meter-label{color:#8dff9a}#meter.late #fill{background:#e23b32}#meter.late #meter-label{color:#ffb4a8}#tip{position:absolute;z-index:4;color:#f0c43a;letter-spacing:.04em;white-space:nowrap;background:#14120e;border:3px solid #f0c43a;margin:0;padding:6px 12px;font-size:14px;font-weight:800;bottom:62px;left:50%;transform:translate(-50%);box-shadow:3px 3px #000}#help{position:absolute;z-index:4;display:flex;color:#f4efe4;background:#14120e;border:3px solid #f0c43a;flex-wrap:wrap;justify-content:center;gap:8px 14px;width:max-content;max-width:calc(100vw - 24px);padding:6px 10px;font-size:13px;font-weight:700;bottom:14px;left:50%;transform:translate(-50%)}#help kbd.down{color:#17191b;background:#f0c43a;border-color:#fff;transform:translate(1px,1px)}.modal{position:absolute;z-index:6;display:grid;background:#00000047;place-items: center;padding:18px;inset:0}.modal .card{overflow:auto;width:min(420px,100%);max-height:calc(100vh - 36px);padding:18px}.toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.toggles button{color:#f4efe4;background:#1c1916}button[aria-pressed=true]{color:#17191b;background:#f0c43a}.menu-list button,.toggles button{border-color:#f0c43a}.menu-list button:hover,.toggles button:hover,button[aria-pressed=true]:hover{color:#17191b;background:#f0c43a}.menu-list button:hover span,.menu-list button:hover b,.menu-list button[aria-pressed=true] span,.menu-list button[aria-pressed=true] b{color:#17191b}[hidden]{display:none!important}@media (max-width:720px){h1{font-size:40px}#banner{font-size:42px}#help{display:none}.mark b{font-size:22px}}