*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#111;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;touch-action:none}.app{height:100dvh;display:grid;place-items:center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));position:relative}.stage{position:relative;max-width:100%;max-height:100%;aspect-ratio:4/3}canvas{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 16px);aspect-ratio:4/3;background:#000;image-rendering:pixelated;box-shadow:0 8px 40px #000;outline:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7%;background:rgba(0,0,0,.48);backdrop-filter:blur(2px)}.overlay[hidden],.touch-controls[hidden]{display:none}.menu-card h1,.panel-card h2,.dialog-card h2{margin:0 0 18px;text-align:center;text-shadow:0 2px 8px #000}.menu-card h1{font-size:clamp(28px,6vw,52px);max-width:90%}.panel-card h2,.dialog-card h2{font-size:clamp(24px,5vw,38px)}button{border:0;border-radius:10px;padding:11px 18px;margin:5px;min-width:180px;font:600 16px/1 system-ui;cursor:pointer;background:#f1f1f1;color:#111}.primary{background:#fff;font-weight:800}.language{display:flex;margin-bottom:7px}.language button{min-width:52px;padding:8px}.language .active{outline:3px solid #fff;outline-offset:2px}.menu-buttons{display:flex;flex-direction:column}.menu-buttons button{min-width:220px}.panel-card{background:rgba(0,0,0,.62)}#panel-body{width:min(540px,92%);max-height:62%;overflow:auto;line-height:1.5;text-align:center;background:rgba(0,0,0,.48);padding:16px 20px;border-radius:12px}.panel-actions{display:flex;justify-content:center;flex-wrap:wrap;margin-top:10px}.dialog-card{background:rgba(0,0,0,.7)}.dialog-card p{max-width:520px;text-align:center;line-height:1.45}.score-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.score-table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.18)}.score-table td:first-child{text-align:left}.score-table td:last-child{text-align:right}.option-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.15)}.option-row button{min-width:120px}.option-note{font-size:.92rem;opacity:.82}.howto-copy{margin-top:8px}#score-form{display:flex;flex-direction:column;align-items:center;width:min(420px,90%)}#score-name{width:100%;font:700 24px/1.2 system-ui;padding:12px 14px;text-align:center;border-radius:10px;border:2px solid #fff;background:#111;color:#fff}.touch-controls{display:none;position:fixed;inset:auto 0 max(8px,env(safe-area-inset-bottom));padding:0 12px;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls button{pointer-events:auto;min-width:58px;width:58px;height:58px;padding:0;margin:4px;border-radius:50%;background:rgba(15,15,15,.66);color:#fff;border:1px solid rgba(255,255,255,.45);font-size:21px;user-select:none}.dpad,.actions{display:flex;align-items:center}.vertical{display:flex;flex-direction:column}.actions button{width:68px;height:68px}.actions button:last-child{font-size:30px}.touch-controls .pause-touch{width:48px;height:48px;min-width:48px;font-size:17px}@media (pointer:coarse),(max-width:760px){.app{align-items:start}.stage{max-height:calc(100dvh - 155px)}canvas{max-height:calc(100dvh - 155px)}.touch-controls.touch-visible{display:flex}.menu-card button{min-width:155px;padding:9px 14px}.menu-card h1{margin-bottom:8px}.overlay{padding:4%}}@media (max-height:520px) and (orientation:landscape){.stage{max-height:100%}canvas{max-height:100dvh}.touch-controls.touch-visible{inset:auto 0 2px;opacity:.82}.touch-controls button{width:48px;height:48px;min-width:48px}.actions button{width:54px;height:54px}.overlay{padding:3%}.menu-card h1{font-size:28px;margin-bottom:4px}.menu-card button{padding:7px 13px;margin:2px}.language{margin-bottom:2px}#panel-body{max-height:58%;padding:8px 14px}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.menu-card{background:transparent;backdrop-filter:none;justify-content:flex-end;padding-bottom:5%}.menu-card .language{position:absolute;right:10px;top:10px}.menu-card .menu-buttons{transition:opacity .15s}.menu-card.title-pending .menu-buttons{opacity:0;pointer-events:none}.menu-card .menu-buttons button{background:rgba(0,0,0,.58);color:#fff;border:1px solid rgba(255,255,255,.32);text-shadow:0 2px 3px #000}.menu-card .menu-buttons button:focus,.menu-card .menu-buttons button:hover{background:rgba(255,255,255,.9);color:#111;text-shadow:none;outline:0}.menu-card .primary{font-weight:800}

.status-card{background:#000;font-size:clamp(18px,3vw,26px);font-weight:700}.status-card p{margin:0}.dialog-card[role=alert]{z-index:4}