*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f9f9f8;color:#2b2b2b;font-family:IBM Plex Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:16px;-webkit-font-smoothing:antialiased}body{display:flex;align-items:center;justify-content:center}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;height:100%;max-width:100vw;max-height:100dvh;max-height:100vh;padding:.75rem;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));margin:0}#game-shell{position:relative;width:min(100%,calc((100dvh - 5.5rem) * 16 / 9));height:auto;aspect-ratio:16 / 9;max-width:100%;max-height:calc(100dvh - 5.5rem);max-height:calc(100vh - 5.5rem);background:#f9f9f8;border:1px solid #2b2b2b;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;flex:0 0 auto}#game-shell.shell--fill #game{width:100%;height:100%;object-fit:contain}#game{display:block;width:100%;height:100%;object-fit:fill}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3.5vmin,32px);padding-top:max(clamp(12px,3.5vmin,32px),env(safe-area-inset-top));padding-bottom:max(clamp(12px,3.5vmin,32px),env(safe-area-inset-bottom));background:#f9f9f8f0;color:#2b2b2b;text-align:center;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:3}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.overlay[hidden]{display:none!important}.overlay-panel{position:relative;z-index:1;width:min(100%,520px);max-height:100%;display:flex;flex-direction:column;gap:clamp(14px,2.6vmin,22px);align-items:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:clamp(8px,1.5vmin,12px) 0;background:transparent}.overlay h1,.overlay h2{margin:0;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2b2b2b}.overlay h1{font-size:clamp(1.15rem,3.2vmin,1.5rem);line-height:1.2}.overlay h2,.board h2{font-size:clamp(.72rem,2vmin,.82rem);line-height:1.3}.overlay .byline{margin:0;font-size:clamp(.68rem,1.8vmin,.75rem);letter-spacing:.08em;color:#4a4a46}.overlay .tagline,.crash,.key-copy,.prompt,.stats,.save-row,.board{font-size:clamp(.75rem,2vmin,.85rem);line-height:1.4;color:#2b2b2b}.overlay .tagline{margin:0;max-width:26rem}.prompt{margin:0;width:100%}.overlay-panel--over{width:min(100%,820px);padding:clamp(14px,2.8vmin,22px);background:#f9f9f8;border:1px solid #2b2b2b}.over-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;align-items:stretch;min-height:0}.over-col{display:flex;flex-direction:column;gap:12px;min-width:0;text-align:left}.over-col .board{flex:1 1 auto}.over-col .save-row{justify-content:flex-start}.over-col .save-row input{width:auto;flex:1 1 8rem;min-width:0}.window{width:100%;border:1px solid #2b2b2b;background:#f9f9f8;padding:10px 12px;box-sizing:border-box}.overlay .cta{margin-top:8px;padding:10px 18px;border:1px solid #2b2b2b;font-size:clamp(.72rem,2vmin,.82rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;animation:pulse 1.4s ease-in-out infinite;flex-shrink:0;cursor:pointer}.key-legend{display:flex;flex-direction:column;gap:14px;width:100%;margin:4px 0;text-align:left;font-size:clamp(.75rem,2vmin,.85rem)}.key-row{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px}.key-caps{display:flex;align-items:center;gap:6px;min-width:5.7rem}.keycap{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border:1px solid #2b2b2b;box-shadow:0 2px #2b2b2b;background:#f9f9f8;color:#2b2b2b;font-weight:700;font-size:.8rem;line-height:1}.keycap--space{width:auto;padding:0 .5rem;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.key-copy{display:flex;flex-direction:column;gap:4px;color:#2b2b2b;line-height:1.35}.key-copy strong{font-weight:700}.key-examples,.key-hint,.save-msg,.board-empty,.board-mark{font-size:clamp(.68rem,1.8vmin,.75rem);line-height:1.35;color:#4a4a46}.key-hint{margin:2px 0 0;text-align:left}.key-legend--hud{position:absolute;top:9.2%;left:14px;z-index:2;flex-direction:row;align-items:center;gap:14px;width:auto;margin:0;font-size:clamp(.65rem,1.7vmin,.78rem)}.key-legend--hud[hidden]{display:none!important}.key-hit{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent;color:#2b2b2b;font:inherit;cursor:pointer}.key-label{font-weight:700;letter-spacing:.04em;text-transform:uppercase}.key-legend--hud .keycap{width:1.55rem;height:1.55rem;font-size:.7rem;box-shadow:0 1px #2b2b2b}.overlay .cta-retry{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;margin-top:6px;background:#2b2b2b;color:#f9f9f8;border:2px solid #2b2b2b;outline:1px solid #2b2b2b;outline-offset:3px;animation:none}.overlay .cta-icon{width:1.1em;height:1.1em;flex-shrink:0}.overlay .event-badge{font-size:clamp(.68rem,1.8vmin,.75rem);letter-spacing:.14em;text-transform:uppercase;color:#4a4a46;border:1px solid #2b2b2b;padding:4px 8px}.stats{width:100%;text-align:left;flex-shrink:0}.stats .row{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.stats .row--score{font-weight:700}.tip{width:100%;text-align:left;font-size:clamp(.65rem,1.8vmin,.8rem);line-height:1.4;color:#4a4a46;white-space:pre-line;flex-shrink:0}.tip strong{display:block;margin-bottom:2px;letter-spacing:.06em;font-size:.7rem;color:#2b2b2b}.save-row{width:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;flex-shrink:0}.save-row input{width:min(10rem,40vw);padding:6px 8px;border:1px solid #2b2b2b;background:#f9f9f8;color:#2b2b2b;font:inherit;text-transform:uppercase;letter-spacing:.06em}.save-row button,.overlay button{padding:8px 14px;border:1px solid #2b2b2b;background:#2b2b2b;color:#f9f9f8;font:inherit;font-size:clamp(.72rem,2vmin,.82rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.save-row button:disabled{opacity:.5;cursor:default}.save-msg{min-height:1em}.board{width:100%;text-align:left;min-height:0;flex:1 1 auto;overflow-y:auto}.board h2{margin:0 0 8px;text-align:center}.board-empty{margin:0;text-align:center}.board ol{margin:0;padding:0;list-style:none}.board-row{display:grid;grid-template-columns:1.6rem minmax(0,1fr) 5rem 4.25rem 5.75rem;column-gap:.75rem;align-items:baseline;padding:4px 0}.board-rank{font-variant-numeric:tabular-nums;color:#4a4a46}.board-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.board-phase{color:#4a4a46;text-align:left;white-space:nowrap}.board-mark{color:#4a4a46;letter-spacing:.04em;text-align:left;white-space:nowrap}.board li.new{font-weight:700}.crash{margin:0}.status-line{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:.5rem;width:100%;margin:.5rem 0 0;font-size:clamp(.65rem,1.9vmin,.8rem);font-weight:700;font-variant-numeric:tabular-nums}.status-line span:nth-child(1){text-align:left}.status-line span:nth-child(2){text-align:center}.status-line span:nth-child(3){text-align:right}.status-rule{width:100%;height:1px;margin:.4rem 0 .55rem;background:#2b2b2b}.score-hero{text-align:center;margin:.35rem 0 .5rem}.score-hero-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#6a6a66}.score-hero-value{font-size:clamp(1.4rem,5vmin,2rem);font-weight:700;letter-spacing:.04em}.score-hero-phase{margin-top:2px;font-size:.7rem;color:#6a6a66}.phase-map{width:100%;margin:.25rem 0 .5rem;font-size:clamp(.6rem,1.7vmin,.75rem);line-height:1.35}.phase-chain{margin:0 0 6px;text-align:center;letter-spacing:.02em;color:#6a6a66}.phase-row{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;padding:2px 0;border-bottom:1px solid #e8e8e4}.phase-name{font-weight:600}.phase-pp,.phase-range{font-variant-numeric:tabular-nums;color:#6a6a66}.phase-total{margin:6px 0 0;text-align:center;font-weight:700;letter-spacing:.06em}.score-breakdown .row span:last-child{font-variant-numeric:tabular-nums}.board-sub{margin:0 0 6px;text-align:center;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}#legal{flex:0 0 auto;font-size:clamp(.75rem,1.9vmin,.88rem);line-height:1.5;color:#2b2b2b;text-align:center;max-width:min(46rem,100%);padding:.2rem .75rem .15rem}#legal p{margin:0 0 .4rem}#legal p:last-child{margin-bottom:0}#legal a{color:inherit;text-decoration:underline;text-underline-offset:.18em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media(max-height:640px),(max-width:720px){#app{padding:0;gap:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#legal{display:none}#game-shell{border:none;max-height:100dvh;max-height:100vh;width:100%}}@media(max-width:640px){.over-grid{grid-template-columns:1fr}.overlay{align-items:flex-start;padding:12px 12px 16px}.overlay-panel{width:100%;max-height:none;gap:12px;padding:4px 0 8px}.overlay-panel--over{width:100%;padding:12px}.overlay h1{font-size:clamp(1rem,5.5vw,1.35rem)}.key-legend{gap:10px}.key-caps{min-width:4.8rem}.cta-retry{width:100%;box-sizing:border-box}.board-row{grid-template-columns:1.4rem minmax(0,1fr) 4.25rem 3.5rem;column-gap:.45rem;font-size:.72rem}.board-mark{display:none}.save-row{flex-wrap:wrap}.save-row input{width:100%;min-width:0;flex:1 1 100%}}@media(max-height:480px){.overlay .key-legend:not(.key-legend--hud),.tip{display:none}.stats .row:nth-child(n+4){display:none}.board ol li:nth-child(n+4){display:none}}