:root{color:#f7f0d0;background:#0e1c1a;font-family:Verdana,Geneva,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background-color:#0e1c1a}button,kbd{font:inherit}#app{min-height:100vh;display:grid;place-items:center;padding:8px 10px 4px}.game-shell{width:min(100%,1120px);display:grid;gap:12px}.game-frame{position:relative;container-type:inline-size;width:100%;overflow:hidden;border:2px solid #f4c95d;background:#10221e;box-shadow:0 14px 28px #00000052}.phone-overlay{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:clamp(14px,4cqw,42px);background:#10221ec7}.phone-overlay[hidden]{display:none}.match-overlay{position:absolute;z-index:11;inset:0;display:block;padding:0;background:transparent;pointer-events:none}.match-overlay[hidden]{display:none}.match-panel{position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none}.match-panel>*{pointer-events:auto}.match-panel__eyebrow{position:absolute;top:4px;left:50%;padding:2px 6px;background:#10221ec7;transform:translate(-50%);color:#9ed7b1;font-size:7px;font-weight:900;letter-spacing:.12em;text-align:center}.match-scoreboard{position:absolute;top:7px;left:20%;width:60%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:0;padding:5px 10px;border:2px solid #10221e;background:#10221eeb;box-shadow:3px 3px #10221eb8;text-align:center}.match-scoreboard strong{color:#f7f0d0;font-size:clamp(10px,1.8cqw,18px);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-scoreboard span{color:#f4c95d;font-size:clamp(24px,4.4cqw,46px);line-height:.9;font-weight:900}.match-panel__clock{position:absolute;top:49px;left:50%;margin:0;padding:1px 4px;background:#10221ec7;transform:translate(-50%);color:#f7f0d0;font-size:clamp(9px,1.5cqw,15px);font-weight:900;text-align:center}.match-panel__possession{position:absolute;top:69px;left:50%;width:48%;margin:0;padding:2px 4px;background:#10221eb8;transform:translate(-50%);color:#9ed7b1;font-size:clamp(8px,1.2cqw,13px);font-weight:900;text-align:center}.match-panel__stats{position:absolute;top:86px;left:50%;width:48%;margin:0;padding:2px 4px;background:#10221eb8;transform:translate(-50%);color:#f7f0d0;font-size:clamp(7px,1cqw,11px);font-weight:800;text-align:center}.match-events{display:none}.match-choice-status{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;margin:0}.match-choices{display:none}.match-status{position:absolute;z-index:3;top:18%;left:50%;width:min(62%,640px);padding:7px 12px;border:2px solid #10221e;background:#f4c95d;box-shadow:5px 6px #10221ed1;color:#10221e;font-size:clamp(11px,1.65cqw,21px);font-weight:900;line-height:1.08;text-align:center;text-transform:uppercase;opacity:0;pointer-events:none;transform:translate(-50%,-16px) rotate(-2deg)}.match-status.is-visible{animation:match-status-in 3.6s steps(8) forwards}.match-status--goal{width:min(70%,740px);background:#ea7651;color:#f7f0d0;font-size:clamp(17px,3.2cqw,42px)}.match-status--decision-result,.match-status--card{background:#f7f0d0}.match-status--commentary,.match-status--announcer{background:#9ed7b1}@keyframes match-status-in{0%{opacity:0;transform:translate(-50%,-16px) rotate(-2deg)}10%,78%{opacity:1;transform:translate(-50%) rotate(1deg)}to{opacity:0;transform:translate(-50%,10px) rotate(2deg)}}.match-decision-layer{position:absolute;z-index:4;inset:0;pointer-events:none}.decision-cross{position:absolute;inset:0;pointer-events:none}.decision-cross__label{position:absolute;top:17%;left:50%;padding:5px 10px;border:2px solid #10221e;background:#f4c95d;box-shadow:3px 3px #10221ed1;color:#10221e;font-size:clamp(9px,1.3cqw,15px);font-weight:900;letter-spacing:.08em;transform:translate(-50%) rotate(-1deg)}.decision-cross__context{position:absolute;bottom:28%;left:50%;width:min(76%,720px);margin:0;padding:9px 14px;border:3px solid #10221e;background:#10221ef0;color:#f7f0d0;font-size:clamp(11px,1.55cqw,19px);font-weight:900;line-height:1.12;text-align:center;transform:translate(-50%)}.decision-timer{position:absolute;bottom:25.5%;left:50%;width:min(54%,520px);height:9px;overflow:hidden;border:2px solid #10221e;background:#f7f0d0;transform:translate(-50%)}.decision-timer i{display:block;width:100%;height:100%;background:#ea7651;transform-origin:left center;transition:transform 80ms linear}.decision-timer__label{position:absolute;inset:-1px 0 0;color:#10221e;font-size:9px;font-weight:900;line-height:7px;text-align:center;text-shadow:0 1px 0 #f7f0d0}.decision-option{position:absolute;z-index:2;display:grid;gap:3px;top:auto;right:auto;bottom:7%;width:clamp(95px,22cqw,240px);min-height:45px;padding:6px 8px;border:3px solid #10221e;background:#214b43;box-shadow:4px 5px #10221ed6;color:#f7f0d0;cursor:pointer;font-size:clamp(9px,1.2cqw,15px);font-weight:900;line-height:1.05;text-align:center;pointer-events:auto;transform:translate(-50%)}.decision-option:hover,.decision-option:focus-visible{border-color:#f4c95d;background:#2d6657;outline:0;transform:translate(-50%) translateY(-3px)}.decision-option kbd{color:#f4c95d;font-size:.9em}.decision-option--up{left:12.5%}.decision-option--left{left:37.5%}.decision-option--down{left:62.5%}.decision-option--right{left:87.5%;transform:translate(-50%)}.decision-option--right:hover,.decision-option--right:focus-visible{transform:translate(-50%) translateY(-3px)}.match-final{position:absolute;z-index:6;left:50%;bottom:8%;width:min(62%,650px);display:grid;gap:5px;padding:12px 16px;border:3px solid #10221e;background:#10221ef5;box-shadow:5px 6px #10221ed1;color:#f7f0d0;text-align:center;transform:translate(-50%)}.match-final[hidden]{display:none}.match-final__eyebrow{margin:0;color:#f4c95d;font-size:clamp(9px,1.2cqw,13px);font-weight:900;letter-spacing:.1em}.match-final strong{color:#f4c95d;font-size:clamp(17px,2.6cqw,30px)}.match-final span{font-size:clamp(10px,1.3cqw,15px);font-weight:800}.match-final small{color:#9ed7b1;font-size:clamp(9px,1.1cqw,13px);line-height:1.2}.match-final em{color:#f4c95d;font-size:clamp(9px,1.1cqw,13px);font-style:normal;font-weight:900}.game-frame.is-match-open>.game-ui>.game-hud,.game-frame.is-match-open>.game-ui>.game-notice{opacity:0;pointer-events:none}.match-panel__hint{position:absolute;top:5px;right:6px;margin:0;padding:2px 4px;background:#10221eb8;color:#f4c95d;font-size:7px;font-weight:900;text-align:center}.phone-device{width:min(100%,310px);padding:12px 10px 14px;border:3px solid #0b1614;background:#263d37;box-shadow:8px 8px #0b1614b3,0 0 0 2px #f4c95d}.phone-speaker,.phone-home{width:42px;height:4px;margin:0 auto 8px;background:#0b1614}.phone-home{width:22px;height:3px;margin:10px auto 0}.phone-screen{position:relative;min-height:300px;overflow:hidden;padding:16px 15px 14px;border:2px solid #0b1614;background:#214b43;color:#f7f0d0;box-shadow:inset 0 0 0 2px #9ed7b12e}.phone-screen:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(118deg,transparent 0 58%,rgba(247,240,208,.09) 59%,transparent 61%)}.phone-screen__status,.phone-screen__title,.phone-screen__hint,.phone-screen__recent{position:relative;z-index:1}.phone-screen__status{display:flex;justify-content:space-between;color:#9ed7b1;font-size:11px;font-weight:800;letter-spacing:.12em}.phone-screen__title{margin:24px 0 14px;color:#f4c95d;font-size:18px;font-weight:900;letter-spacing:.04em}.phone-card{display:grid;gap:4px;margin-top:9px;padding:10px;border:1px solid #5f9f78;background:#10221e8c}.phone-card--split{grid-template-columns:1fr 1fr;gap:8px}.phone-card--split>div{display:grid;gap:4px}.phone-card__label{color:#9ed7b1;font-size:10px;font-weight:800;letter-spacing:.1em}.phone-card strong{font-size:17px}.phone-screen__recent{min-height:38px;margin:14px 0 0;color:#d6dfbc;font-size:12px;line-height:1.35}.phone-screen__hint{margin:22px 0 0;color:#f4c95d;font-size:11px;font-weight:800;letter-spacing:.08em;text-align:center}.phone-crack{position:absolute;z-index:2;display:block;pointer-events:none;background:#f7f0d0;opacity:.72}.phone-crack--main{top:8%;left:53%;width:2px;height:75%;transform:rotate(17deg)}.phone-crack--branch{top:42%;left:52%;width:80px;height:2px;transform:rotate(-25deg);transform-origin:left center}.phone-crack--lower{top:67%;left:51%;width:58px;height:2px;transform:rotate(31deg);transform-origin:left center}#game-root{width:100%;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;background:#10221e}#game-root canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges}.game-ui{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.game-hud,.game-notice{display:flex;align-items:center;background:#10221ef5;color:#f7f0d0;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 0 #10221e}.game-hud{justify-content:space-between;gap:.75em;border-bottom:2px solid #f4c95d;padding:.55em .8em;font-size:clamp(12px,1.8cqw,18px);line-height:1;white-space:nowrap}.game-hud__divider{color:#f4c95d}.game-notice{min-height:4.4em;border-top:2px solid #2d8c82;padding:.7em 1em;color:#f7f0d0;font-size:clamp(12px,1.7cqw,18px);line-height:1.15;display:grid;align-content:center;gap:.2em;white-space:normal}.game-notice__label{color:#f4c95d;font-size:.65em;letter-spacing:.12em;line-height:1}.boot-screen{width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:12px;align-items:center;border:2px solid #2d8c82;padding:10px 14px;background:#17332d;box-shadow:0 8px 20px #0003}h1{margin:0;color:#f7f0d0;font-size:clamp(28px,3.7vw,42px);line-height:.95;letter-spacing:-.04em}.status,.next-step,.controls{margin:4px 0 0;line-height:1.3}.status{color:#9ed7b1;font-size:clamp(13px,1.4vw,15px);font-weight:700}.next-step{max-width:56ch;color:#d6dfbc;font-size:clamp(12px,1.15vw,13px)}.controls{margin:0;color:#f7f0d0;font-size:clamp(12px,1.2vw,14px);font-weight:700}.controls kbd{display:inline-block;min-width:28px;margin-right:4px;padding:3px 5px;border:1px solid #f4c95d;background:#10221e;color:#f4c95d;text-align:center}.control-note{margin:4px 0 0;color:#9ed7b1;font-size:clamp(10px,1vw,12px);line-height:1.3}.game-hud span[data-game-location]{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;text-align:center}@media(max-width:700px){#app{padding:10px}.game-shell{gap:10px}.game-frame{border-width:1px}.game-hud{gap:.35em;padding-inline:.6em;font-size:clamp(12px,3.3vw,17px)}.game-notice{padding-inline:.7em;font-size:clamp(12px,3.1vw,16px)}.boot-screen{grid-template-columns:1fr;gap:18px;padding:18px}h1{font-size:clamp(34px,12vw,52px)}}@media(min-width:701px)and (max-height:1000px){#app{padding:6px 10px 2px}.game-shell{width:min(100%,980px);gap:8px}.game-notice{min-height:3.8em;padding-block:.5em}.boot-screen{gap:10px;padding:8px 12px}h1{font-size:clamp(26px,3.2vw,36px)}}@media(min-width:701px)and (max-height:800px){#app{padding:4px 8px 2px}.game-shell{width:min(100%,840px);gap:6px}.game-hud{padding-block:.45em;font-size:clamp(11px,1.6cqw,16px)}.game-notice{min-height:3.3em;padding-block:.4em}.boot-screen{grid-template-columns:1.1fr .9fr;gap:8px;padding:6px 10px}h1{font-size:clamp(24px,3vw,32px)}.status,.next-step,.controls,.control-note{line-height:1.15}}