:root{color:#f6f0df;font-synthesis:none;--cream:#f5efd9;--gold:#edce82;--ink:#11221d;--line:#f6f0df3d;background:#0c0d11;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:active{transform:translateY(1px)}[hidden]{display:none!important}#pitch{touch-action:none;opacity:0;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px #0d19142e}.top-tools{z-index:8;gap:8px;display:flex;position:absolute;top:27px;right:30px}.icon-button{width:40px;height:40px;color:var(--cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101f19ad;border:1px solid #ffffff40;border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:#101f19f2}.scoreboard{z-index:5;border-left:3px solid var(--gold);font-variant-numeric:tabular-nums;background:#0d1819e8;width:304px;font-stretch:75%;position:absolute;top:25px;left:26px;box-shadow:0 3px 14px #0002}.score-label{letter-spacing:.07em;border-bottom:1px solid #ffffff18;align-items:center;height:24px;padding:0 10px;font-size:10px;font-weight:800;display:flex}.score-label span{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.score-row{letter-spacing:.025em;justify-content:space-between;align-items:center;gap:8px;height:34px;padding:6px 10px;font-size:10px;font-weight:700;display:flex}.score-row b{font-size:21px;line-height:1}.score-divider{color:#a2b0aa;font-size:14px}.score-row time{border-left:1px solid var(--line);white-space:nowrap;margin-left:3px;padding-left:10px;font-size:16px}.kit-dot{flex-shrink:0;width:4px;height:18px;display:inline-block}.kit-dot.harbor{background:#cf293a}.kit-dot.union{background:#f7f5dc}.half-label{letter-spacing:.07em;color:#c9cdbf;text-align:right;white-space:nowrap;font-size:9px;font-weight:600;line-height:1;position:absolute;top:8px;right:10px}.selected-player{border-left:3px solid var(--gold);letter-spacing:.08em;background:#0c221cdb;min-width:120px;padding:9px 11px;font-size:10px;font-weight:700;position:absolute;bottom:32px;left:28px}.selected-player>i{background:var(--gold);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}#shot-meter{background:#fff2;height:3px;margin-top:8px;display:none}#shot-meter.charging{display:block}#shot-meter span{background:var(--gold);height:100%;transition:width 40ms linear;display:block}.tips-panel{z-index:6;pointer-events:none;max-width:min(420px,100vw - 48px);position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.announcement{text-align:center;letter-spacing:.06em;pointer-events:none;text-shadow:0 3px 15px #10231ddd;color:var(--cream);white-space:nowrap;font-family:Impact,Arial,sans-serif;font-size:clamp(28px,4vw,56px);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.announcement small{letter-spacing:.15em;color:var(--gold);margin-top:14px;font-family:Arial,sans-serif;font-size:14px;display:block}.event-toast{max-width:min(330px,100vw - 52px);color:var(--cream);letter-spacing:.06em;pointer-events:none;background:#16271be6;border-left:2px solid #e7cf8f99;padding:8px 11px;font-size:10px;line-height:1.4;position:absolute;top:94px;left:26px}.announcement.is-restart{border-left:2px solid var(--gold);letter-spacing:.07em;text-shadow:none;background:#14251de8;align-items:center;gap:14px;padding:8px 11px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;line-height:1.4;display:flex;top:94px;left:26px;transform:none}.announcement.is-restart small{min-width:14px;color:var(--gold);font-variant-numeric:tabular-nums;margin:0;font-family:inherit;font-size:11px;font-weight:500;line-height:1;display:inline}.touch-controls{pointer-events:none;z-index:9;touch-action:none;position:absolute;inset:0}#move-stick{left:max(24px,env(safe-area-inset-left));pointer-events:auto;touch-action:none;background:#f3efd30d;border:1px solid #f9efc64a;border-radius:50%;place-items:center;width:126px;height:126px;display:grid;position:absolute;bottom:28px;box-shadow:inset 0 0 25px #08201b45}.stick-knob{background:#ece4c251;border:1px solid #fff4c982;border-radius:50%;width:50px;height:50px;display:block;box-shadow:0 5px 18px #0003}.touch-actions{bottom:25px;right:max(20px,env(safe-area-inset-right));pointer-events:auto;grid-template-columns:repeat(3,62px);align-items:end;gap:7px;display:grid;position:absolute}.touch-actions button{touch-action:none;color:#fff5d9;background:#132a1bc4;border:1px solid #fff0c973;border-radius:50%;align-content:center;place-items:center;padding:4px;font-size:11px;font-weight:700;display:grid;box-shadow:0 3px 10px #0002}.touch-actions button.pressed{color:#1b2c1e;background:#e7d9a9}.small-action{justify-self:center;width:49px;height:49px}.large-action{width:62px;height:62px}.shoot-action{color:#182d20!important;background:#e6d092d9!important;border-color:#f4da8c!important}.rotate-note{z-index:50;text-align:center;background:#0c0d11f5;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:none;position:absolute;inset:0}.rotate-note>span{color:var(--gold);font-size:80px}.rotate-note p{color:#e6e6d8;font-size:16px}.replay-controls{z-index:8;background:#091b17ed;border:1px solid #d9b56e66;border-radius:5px;align-items:center;gap:18px;padding:10px 12px 10px 18px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #0006}.replay-controls>span{letter-spacing:.06em;color:#efce8b;white-space:nowrap;font-size:11px}.replay-controls button{color:#17231b;white-space:nowrap;background:#e7cd91;border:0;border-radius:3px;min-height:40px;padding:9px 15px;font-weight:700}.replay-controls button:focus{outline-offset:4px;outline:2px solid #ffdc8c}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}@media (max-height:650px){.top-tools{top:18px;right:22px}.scoreboard{top:18px;left:20px}.announcement.is-restart,.event-toast{top:87px;left:20px}.selected-player{bottom:24px;left:20px}.tips-panel{bottom:76px}}@media (pointer:coarse){.top-tools{right:max(18px,env(safe-area-inset-right));top:16px}.icon-button{width:44px;height:44px}.scoreboard{left:max(18px,env(safe-area-inset-left));width:280px;top:15px}.score-label{height:23px;font-size:9px}.score-row{gap:7px;height:32px;padding:6px 9px;font-size:9px}.score-row b{font-size:19px}.score-row time{font-size:14px}.selected-player{background:#0b201acc;min-width:120px;padding:8px 11px;font-size:9px;bottom:17px;left:50%;transform:translate(-50%)}.tips-panel{top:84px;bottom:auto}.announcement{font-size:32px;top:42%}.announcement small{font-size:10px}.event-toast,.announcement.is-restart{top:79px;left:max(18px,env(safe-area-inset-left));padding:7px 10px;font-size:10px}.announcement.is-restart small{font-size:10px}}@media (pointer:coarse) and (orientation:portrait){.rotate-note{display:flex}}@media (max-width:700px) and (orientation:landscape){#move-stick{width:108px;height:108px;bottom:20px;left:18px}.touch-actions{grid-template-columns:repeat(3,52px);gap:5px;bottom:19px;right:16px}.large-action{width:54px;height:54px}.small-action{width:44px;height:44px}}@media (max-width:900px){.replay-controls{gap:10px;padding:7px 8px 7px 12px;bottom:18px}.replay-controls>span{font-size:10px}}.set-piece{border:1px solid #e9d69755;border-top:2px solid var(--gold);pointer-events:none;z-index:7;background:#10251af0;border-radius:3px;width:min(340px,100vw - 48px);padding:12px 16px;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #0003}.set-piece-heading{letter-spacing:.06em;color:var(--gold);justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.set-piece-heading>span{font-variant-numeric:tabular-nums;letter-spacing:.03em;background:#e5cf8c15;border-radius:2px;padding:3px 6px}.set-piece p{color:var(--cream);margin:7px 0 4px;font-size:13px;line-height:1.5}.set-piece>small{color:#bccbbb;font-size:11px;line-height:1.5;display:block}.set-piece>small:empty{display:none}.set-piece-power{background:#eef2d822;border-radius:2px;height:5px;margin-top:9px;overflow:hidden}.set-piece-power>span{background:var(--gold);height:100%;display:block}.has-set-piece .tips-panel,.has-set-piece #event-toast{display:none}.taking-set-piece [data-input=switch],.taking-set-piece [data-input=tackle],.taking-set-piece [data-input=jockey],.taking-set-piece [data-input=passRun]{visibility:hidden}@media (max-height:650px){.set-piece{width:310px;padding:9px 12px;bottom:53px}.set-piece p{margin:5px 0 3px;font-size:12px}.set-piece>small{font-size:10px}}@media (pointer:coarse){.set-piece{width:min(290px,100vw - 360px);padding:9px 11px;bottom:70px}.set-piece-heading{font-size:10px}.set-piece p{font-size:11px;line-height:1.45}.set-piece>small{font-size:9px}.set-piece-power{margin-top:6px}}@media (pointer:coarse) and (max-width:700px){.set-piece{width:230px;padding:7px 9px;bottom:74px}.set-piece>small{font-size:8px}.set-piece p{font-size:10px}.set-piece-heading{font-size:9px}}.set-piece-power.overpowered>span{background:#ed997e}.taking-penalty [data-input=pass],.taking-penalty [data-input=through],.has-set-piece .selected-player{visibility:hidden}.taking-set-piece .set-piece{left:max(18px,env(safe-area-inset-left));width:min(300px,50vw - 32px);bottom:40px;transform:none}@media (pointer:coarse){.taking-set-piece .set-piece{width:min(230px,50vw - 28px);top:90px;bottom:auto}}