:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#050505;color:#ddd}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;justify-items:center;align-content:start}main{width:min(100% - 24px,1056px);padding:12px 0;text-align:center}figure{width:min(100%,calc((100dvh - 300px) * 4 / 3));margin:auto}canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3;max-width:100%;margin:auto;background:#000;image-rendering:pixelated}figcaption{font-size:12px;letter-spacing:.12em;margin:8px 0 4px}figcaption span{display:block;color:#999;letter-spacing:0;margin-top:6px}button,input,textarea{font:inherit}button{min-height:44px;padding:8px 12px;border:1px solid #555;border-radius:3px;color:#eee;background:#171717;cursor:pointer}button:hover{background:#303030}button:active,button[aria-pressed=true]{background:#36502c}:focus-visible{outline:2px solid #bcff79;outline-offset:3px}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.volume{display:inline-flex;align-items:center;gap:7px;font-size:13px}.volume input{width:80px;min-height:44px}#status{min-height:1.4em;font-size:13px;color:#bcff79;margin:10px 0;overflow-wrap:anywhere}#continue-form{margin:16px auto;max-width:360px}#continue-form label{display:block;margin-bottom:8px}#continue-code{width:100%;min-height:44px;padding:8px;margin-bottom:8px;font-family:monospace}#continue-status{font-size:13px}details{max-width:580px;margin:4px auto 0;border-top:1px solid #292929;text-align:left;font-size:14px;line-height:1.7}details:not([open])>:not(summary){display:none}summary{cursor:pointer;text-align:center;min-height:44px;padding:10px 0}.credit{color:#777;font-size:11px}.touch-controls{display:none;grid-template-columns:136px 122px;justify-content:space-between;max-width:480px;margin:8px auto 0;gap:12px;touch-action:none;-webkit-user-select:none;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:2px}.up{grid-area:1 / 2}.left{grid-area:2 / 1}.right{grid-area:2 / 3}.down{grid-area:3 / 2}.right-controls{grid-column:2;grid-row:1 / 3;display:grid;gap:12px}.actions{display:grid;grid-template-columns:repeat(2,56px);grid-template-rows:56px 56px;gap:8px 10px}.menu-buttons{height:44px;align-self:end;display:flex;justify-content:center;gap:10px;grid-column:1;grid-row:2}.menu-buttons button{width:56px;font-size:11px}#remaps fieldset{margin:12px 0;border:1px solid #444;display:flex;flex-wrap:wrap;gap:6px}#remaps button{font-size:11px}[hidden]{display:none!important}#game-shell:fullscreen{width:100%;height:100%;overflow:auto;background:#050505}@media(pointer:coarse),(max-width:600px){.touch-controls{display:grid}}#save-code{font-size:13px}#cup-code{color:#bcff79;-webkit-user-select:all;user-select:all}.region{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;font-size:13px}select{min-height:44px;max-width:100%;background:#171717;color:#eee;border:1px solid #555;padding:6px}.skill-buttons{display:grid;grid-template-columns:repeat(2,56px);gap:8px 10px}#skill-guide{max-width:740px;margin:24px auto 0;text-align:left;font-size:12px;line-height:1.6}#skill-guide h3{margin:16px 0 8px;color:#ffd65b;font-size:13px;letter-spacing:.1em}#skill-guide ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}#skill-guide li{border-left:1px solid #4a6589;padding-left:12px;color:#aaa}#skill-guide strong{color:#eee}#cup-code{overflow-wrap:anywhere}#game-shell:fullscreen figure{width:min(100%,calc((100dvh - 300px) * 4 / 3));margin:0 auto}@media(pointer:coarse),(max-width:600px){main{padding:max(8px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))}.game-stage figure{width:min(100%,calc((100dvh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3));margin:auto}.game-stage figcaption{display:none}.touch-controls{margin-top:8px}.dpad{flex-shrink:0;background:#101010;border-radius:12px;-webkit-user-select:none}.touch-controls button{-webkit-touch-callout:none}#game-shell:fullscreen .game-stage figure{width:min(100%,calc((100dvh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3))}}@media(orientation:landscape)and (max-height:600px)and (pointer:coarse),(orientation:landscape)and (max-height:600px)and (max-width:950px){main{width:calc(100% - 16px);padding:max(8px,env(safe-area-inset-top)) env(safe-area-inset-right) max(8px,env(safe-area-inset-bottom)) env(safe-area-inset-left)}.game-stage{display:grid;grid-template-columns:136px minmax(0,1fr) 122px;grid-template-rows:1fr 44px;gap:8px;align-items:center}.game-stage figure,#game-shell:fullscreen .game-stage figure{grid-column:2;grid-row:1 / 3;width:min(100%,calc((100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 4 / 3))}.game-stage figcaption{display:none}.game-stage>.touch-controls{display:contents}.dpad{grid-column:1;grid-row:1}.right-controls{grid-column:3;grid-row:1 / 3}.dpad,.right-controls,.menu-buttons{touch-action:none;-webkit-user-select:none;user-select:none}}.dpad{position:relative;background:transparent;border-radius:0}.stick-base,.stick-knob{position:absolute;pointer-events:none;border-radius:50%}.stick-base{inset:4px;border:2px solid #414a59;background:radial-gradient(circle,#111923 38%,#242e3b 40%,#10151d 68%);box-shadow:inset 0 3px 9px #000,0 2px #4d5764}.stick-knob{width:56px;height:56px;left:40px;top:40px;background:radial-gradient(circle at 38% 28%,#a9b5c5,#627086 46%,#303d51 80%);border:2px solid #9da9ba;box-shadow:0 5px #17202e,0 8px 12px #000a;transform:translate(var(--stick-x, 0px),var(--stick-y, 0px));transition:transform .1s ease-out}.dpad.engaged .stick-knob{transition:none;border-color:#d5eeff}.dpad button{opacity:0}.dpad button:focus-visible{opacity:1;z-index:1}.actions button,.skill-buttons button{--cap: #6760ad;--rim: #353059;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;border:2px solid var(--rim);background:radial-gradient(circle at 35% 25%,#ffffff55,transparent 60%),var(--cap);box-shadow:inset 0 1px 1px #ffffff80,0 3px 0 var(--rim),0 5px 6px #000a;color:#fff;font-weight:800;text-shadow:0 1px 2px #0009;justify-self:center}.actions [data-button="128"]{--cap: #d3424c;--rim: #7d1b26}.actions [data-button="64"]{--cap: #337ac9;--rim: #1a416f}.actions [data-button="256"]{--cap: #c59126;--rim: #735318}.skill-buttons button{font-size:10px;padding:0}.actions button.held,.actions button:active,.skill-buttons button.held,.skill-buttons button:active{box-shadow:inset 0 2px 5px #0006,0 1px 0 var(--rim);filter:brightness(1.2)}.actions button{width:56px;height:56px;font-size:20px}.actions [data-button="128"]{grid-area:1 / 2}.actions [data-button="64"]{grid-area:2 / 1}.actions [data-button="256"]{grid-area:2 / 2}.dpad{align-self:center;grid-column:1;grid-row:1}.skill-buttons button{width:52px;height:52px}@media(prefers-reduced-motion:reduce){.stick-knob{transition:none}}#online-panel input{display:block;width:100%;min-height:44px;margin:6px 0;padding:8px}#online-report{display:block;width:100%;margin-top:6px;padding:8px;resize:vertical;font-family:monospace}#online-choices{display:grid;gap:8px;margin:16px 0}.online-actions{display:flex;flex-wrap:wrap;gap:8px}#online-status{color:#bcff79;overflow-wrap:anywhere}button:disabled{cursor:default;opacity:.5}#skill-recovery{margin:8px auto 0;font-size:11px;line-height:1.8;color:#aaa}#skill-recovery span{display:inline-block;margin:0 6px;color:#ddd}.skill-buttons button:after{content:attr(data-recovery);display:block;font-size:10px}.skill-buttons button[aria-disabled=true]{--cap: #353545;--rim: #242430;color:#ddd;cursor:default}