:root{color:#f3f2e9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080d17;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:#080d17;place-items:center;display:grid}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}button:focus-visible{outline-offset:3px;outline:3px solid #fff2b7}button:active{filter:brightness(1.3);transform:translateY(1px)}[hidden]{display:none!important}#phone-frame{width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 16px 100px #0008}#phone{transform-origin:0 0;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;background:#080e19;width:390px;height:844px;position:absolute;top:0;left:0}#game{z-index:0;position:absolute;inset:0}#game canvas{pointer-events:none;display:block}.mast{z-index:2;justify-content:space-between;align-items:center;height:24px;display:flex;position:absolute;top:14px;left:14px;right:14px}.brand{letter-spacing:-1px;font-size:23px;font-weight:950;line-height:24px}.brand span{color:#ffd438}.edition{letter-spacing:1px;color:#a0acc3;font-size:9px;font-weight:800}.pitch-border{pointer-events:none;z-index:1;border:1px solid #667693;border-radius:12px;width:374px;height:258px;position:absolute;top:46px;left:8px;overflow:hidden}#scoreboard{z-index:3;background:#0a1220;border:1px solid #34445b;border-left:4px solid #ffd438;border-radius:3px;align-items:center;height:28px;font-size:13px;font-weight:900;display:flex;position:absolute;top:54px;left:16px;overflow:hidden}#scoreboard span{place-items:center;height:100%;padding:0 10px;display:grid}#score{color:#141822;background:#ffd438;border-right:4px solid #e63443;min-width:54px;font-size:16px}#clock{font-variant-numeric:tabular-nums;border-left:1px solid #34445b;padding:0 9px!important}.live{z-index:3;color:#fa5655;letter-spacing:.8px;background:#08101be6;padding:3px 5px;font-size:11px;font-weight:800;position:absolute;top:59px;right:19px}.live:before{content:"";background:#fa484a;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}#ticker{z-index:3;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.15px;background:#0e1729;border-top:1px solid #45536b;width:372px;height:26px;padding:7px 10px;font-size:11px;position:absolute;top:277px;left:9px;overflow:hidden}#ticker:before{content:"◆";color:#ffd438;margin-right:7px;font-size:9px}#possession{text-align:center;letter-spacing:.2px;font-size:15px;font-weight:900;position:absolute;top:315px;left:15px;right:15px}#playHint{text-align:center;color:#a9b4c8;letter-spacing:.8px;font-size:10px;position:absolute;top:339px;left:12px;right:12px}#well{pointer-events:none;z-index:1;border:1px solid #43516c;border-radius:5px;width:227px;height:362px;position:absolute;top:365px;left:18px}.queue-heading{letter-spacing:.2px;font-size:14px;font-weight:900;position:absolute;top:365px;left:256px}.queue-heading small{letter-spacing:0;color:#a7b0c4;margin-top:5px;font-size:9px;font-weight:400;display:block}.slot{z-index:3;text-align:left;background:0 0;border:1px solid #53617a;border-radius:9px;width:123px;height:77px;padding:0;position:absolute;left:255px}.slot b{color:#b4bed1;pointer-events:none;font-size:10px;position:absolute;top:7px;left:8px}.slot:first-of-type{border-color:#ffd438}.slot:first-of-type b{color:#ffd438}.slot:disabled{opacity:.38;cursor:default}#slot1{top:402px}#slot2{top:487px}#slot3{top:572px}#balance{z-index:2;background:#111b2c;border:1px solid #53617a;border-radius:7px;width:123px;height:56px;padding:6px 7px;position:absolute;top:658px;left:255px}.flow-title{letter-spacing:.4px;font-size:10px;font-weight:850}.flow-bars{gap:4px;margin-top:4px;display:flex}.flow-bars i{background:#2c3a52;border-radius:2px;width:26px;height:8px;display:block}.flow-bars i.on{background:#e8be45}.flow-bars.ready i{background:#ffd438}#defence{white-space:nowrap;letter-spacing:-.7px;color:#d4dbea;margin-top:3px;font-size:15px;font-weight:700;line-height:17px}#pause{z-index:3;background:#182337;border:1px solid #53617a;border-radius:6px;width:123px;height:35px;font-size:11px;font-weight:800;position:absolute;top:722px;left:255px}#controls{z-index:3;grid-template-columns:repeat(5,1fr);gap:6px;height:59px;display:grid;position:absolute;top:775px;left:11px;right:11px}#controls button{background:#1b273b;border:1px solid #5e6e89;border-bottom:3px solid #0d1422;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;height:59px;font-size:23px;font-weight:800;line-height:22px;display:flex}#controls small{font-size:9px;font-weight:900;line-height:12px}#controls #btnHard{color:#111926;background:#ffd438;border-color:#ffdb66 #ffdb66 #c39b23}#mute{color:#9aa8bf;letter-spacing:1px;z-index:3;background:0 0;border:0;height:28px;padding:0 2px;font-size:9px;position:absolute;top:738px;left:18px}.keyboard-note{color:#6d7c95;letter-spacing:.8px;font-size:8px;position:absolute;top:748px;left:96px}#banner{z-index:5;text-align:center;letter-spacing:4px;color:#f4f1df;pointer-events:none;background:#111d32f0;border-block:1px solid #8492aa;width:372px;padding:10px 0;font-size:28px;font-weight:950;position:absolute;top:155px;left:9px}#banner.goal{color:#111a29;background:#ffd438f5;border-color:#ffefad;font-size:34px}#banner.rival{color:#fff0df;background:#c23447f5;border-color:#ef6c73}.overlay{z-index:10;background:#070d18ed;place-items:center;padding:27px;display:grid;position:absolute;inset:0}.card{background:#131f32;border:1px solid #52627c;border-top:3px solid #ffd438;border-radius:9px;width:100%;padding:27px 23px;box-shadow:0 12px 60px #0006}.eyebrow{letter-spacing:2px;color:#b4bfd2;font-size:10px;font-weight:800}.card h1{letter-spacing:-3px;color:#f3f1e7;margin:25px 0;font-size:59px;line-height:.91}.card h1 span{color:#ffd438}.card h2{letter-spacing:-.7px;margin:18px 0;font-size:30px}.card p{color:#b9c3d5;font-size:13px;line-height:1.6}.card .lead{color:#f2efe1;font-size:19px;font-weight:800;line-height:1.35}.rule{color:#d4daea;border-block:1px solid #35445b;padding:13px 0;font-size:12px;line-height:1.7}.primary{border:1px solid #ffe480;color:#141c2a;background:#ffd438;border-bottom:3px solid #bf9926;border-radius:7px;width:100%;height:54px;margin-top:17px;font-size:15px;font-weight:900}.card footer{text-align:center;color:#8796b1;letter-spacing:.8px;margin-top:16px;font-size:9px}.final-score{text-align:center;color:#ffd438;margin:15px 0;font-size:54px;font-weight:950}.stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:17px 6px;margin:21px 0;display:grid}.stats b{font-size:21px;display:block}.stats small{letter-spacing:.4px;color:#aebad1;font-size:8px}.loading{z-index:15;color:#ffd438;letter-spacing:3px;background:#080e19;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;inset:0}.loading.error{color:#faa;letter-spacing:0;text-align:center;padding:25px}.paused-tag{color:#ffd438}@media (width>=650px){#phone-frame{border:1px solid #3c4960;border-radius:16px}}@media (prefers-reduced-motion:reduce){button:active{transform:none}}