*{box-sizing:border-box}html{font-size:106.25%;color-scheme:dark}body{margin:0;background:#151412;color:#eee9dd;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,.file-button{min-height:44px;border:1px solid #514c43;background:#282620;color:inherit;font:700 .85rem inherit;padding:10px 14px;cursor:pointer;border-radius:4px;touch-action:manipulation}button{font-family:inherit;font-size:14px;font-weight:700}button:hover{background:#3b352b}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e7af42;outline-offset:3px}[hidden]{display:none!important}a{color:inherit}main{max-width:1200px;margin:auto;padding:0 32px}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #39352d}.brand{text-decoration:none;font-weight:900;letter-spacing:.07em}.brand span{font:11px monospace;display:block;letter-spacing:.12em;color:#b1aa9d;margin-top:5px}.edition{font:12px monospace;color:#b1aa9d}.intro{display:flex;align-items:center;justify-content:space-between;padding:34px 0 26px}.eyebrow{font:11px monospace;letter-spacing:.15em;color:#d9aa56}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:76px;letter-spacing:.02em;line-height:.9;margin:10px 0 16px;color:#edb451;text-shadow:0 3px 0 #89491c}h1 span{display:block;font:12px monospace;letter-spacing:.37em;color:#beb7a8;text-shadow:none;margin-top:13px}.intro p:last-child{margin-bottom:0;font-weight:700}.intro-note{font-size:14px;line-height:1.9;color:#c4bcae}.intro-note span{font:11px monospace;color:#ae9a7a}.modes{display:flex;gap:8px;margin-bottom:12px}.modes button{min-height:54px;font-family:monospace;font-size:18px;min-width:150px;text-align:left}.modes span{font-family:'Hiragino Kaku Gothic ProN',sans-serif;font-size:12px;margin-left:8px}.modes [aria-pressed=true]{background:#d8a348;color:#19150e;border-color:#d8a348}#console{border:1px solid #615746;background:#0a0908;box-shadow:0 15px 50px #0004}.console-bar{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;background:#24221d}.console-bar>div{display:flex;gap:5px}#status{font-size:12px;font-weight:700;color:#d2b477}#viewport{position:relative;margin:auto;max-width:960px;width:100%;aspect-ratio:4/3;overflow:hidden;background:#000}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none;touch-action:none}#look{position:absolute;inset:0;touch-action:none;display:none}.touch #look,.motion #look{display:block}.cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 80%,#432a16,#0c0b09 70%);z-index:3;text-align:center;padding:20px}.cover h2{font-size:clamp(23px,4vw,42px);margin:12px 0}.cover p{color:#bbb1a0;font-size:14px}.boot-label{font-family:monospace!important;color:#ddac59!important;align-self:flex-start;position:absolute;top:20px;left:24px}.primary{min-height:56px;background:#bd412b;border-color:#df6047;padding:12px 36px;font-size:18px;margin:10px}.primary:hover{background:#d34c34}.console-footer{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;gap:8px;background:#211f1a}.console-footer span{font-size:11px;color:#c0b5a3}.console-footer button{font-size:12px}#touch-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;background:#1a1916;touch-action:none;user-select:none;-webkit-user-select:none}#stick{width:142px;height:142px;position:relative;flex-shrink:0;touch-action:none}.stick-ring{position:absolute;inset:8px;border-radius:50%;border:1px solid #68583f;background:radial-gradient(#363027,#201d17)}#stick-knob{position:absolute;width:46px;height:46px;top:calc(50% - 23px);left:calc(50% - 23px);border-radius:50%;background:#a48c62;border:2px solid #d1bb92;box-shadow:0 3px 10px #0008;pointer-events:none}.control-label{position:absolute;inset:auto 0 0;text-align:center;font-size:10px;color:#bbae98;pointer-events:none}.dpad{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr)}.dpad button{padding:0;border:0;background:transparent;color:#b4a487;font-size:14px}.dpad button:nth-child(1){grid-area:1/2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:2/3}.dpad button:nth-child(4){grid-area:3/2}.center-controls{display:flex;flex-direction:column;gap:4px}.center-controls>div{display:flex;gap:5px}.center-controls button{min-width:48px;padding:6px 10px}.action-controls{display:flex;align-items:center;gap:12px}.fire{width:90px;height:90px;border-radius:50%;background:#a33425;border:3px solid #cf5e46;font-size:19px;box-shadow:inset 0 0 0 5px #6c251b}.use{width:62px;height:62px;border-radius:50%;background:#4a3c28}.pressed{filter:brightness(1.5)}#motion-panel{padding:16px 20px;border-top:1px solid #443d30;display:flex;gap:16px;align-items:center;justify-content:space-between}#motion-panel b{font-size:15px}#sensor-status{font-size:12px;margin:7px 0;color:#c4b695}.motion-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.motion-actions label{font-size:12px;display:flex;align-items:center;gap:8px}input[type=range]{width:100px;min-height:44px;accent-color:#d8a348}.mobile-tip{font-size:12px;color:#b9ad99;text-align:center;margin:14px 0}.manual{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:50px 0 30px}.manual h2{font-size:28px;line-height:1.6;margin:12px 0}.manual p{font-size:15px;line-height:1.9;color:#c5bdaf;margin:0 0 22px}.manual b{color:#e6ddcd}details{padding:18px 0;border-top:1px solid #403a30}summary{font-size:15px;font-weight:700;min-height:44px;cursor:pointer}details p{font-size:14px;line-height:1.8;color:#bfb6a6}details a{display:inline-block;padding:6px 0}.file-button{display:inline-block;position:relative;overflow:hidden;font-size:14px;margin-right:8px}.file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}footer{display:flex;justify-content:space-between;padding:30px 0;font:12px monospace;color:#ac9e87}.playing .intro,.playing header,.playing .manual,.playing details,.playing footer,.playing .mobile-tip{display:none}.playing main{max-width:none;padding:8px}.playing .modes{margin-bottom:6px}.playing #viewport{max-height:calc(100dvh - 170px);width:auto;max-width:100%;height:auto;aspect-ratio:4/3}.playing.touch #viewport,.playing.motion #viewport{max-height:calc(100dvh - 350px)}#console:fullscreen{width:100%;height:100%;overflow:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#console:fullscreen #viewport{max-height:calc(100dvh - 115px);width:auto;height:calc(100dvh - 115px);max-width:100%}.touch #console:fullscreen #viewport,.motion #console:fullscreen #viewport{height:calc(100dvh - 290px)}
@media(max-width:700px){main{padding:0 14px}header{height:66px}.edition{font-size:10px}.intro{padding:26px 0 22px}.intro-note{display:none}h1{font-size:64px}.modes{gap:5px}.modes button{min-width:0;flex:1;font-size:16px;padding:8px}.modes span{display:block;margin:4px 0 0;font-size:11px}.console-bar{flex-wrap:wrap;gap:2px;padding:5px 8px}.console-bar>div{margin-left:auto}.console-bar button{padding:7px 8px;font-size:11px}#status{font-size:10px}.console-footer{flex-wrap:wrap;padding:5px 8px}.console-footer span{max-width:75%;line-height:1.5}.console-footer button{padding:6px}#touch-controls{padding:10px 8px;gap:5px}#stick{width:124px;height:124px}.action-controls{flex-direction:column;gap:6px}.fire{width:68px;height:68px;font-size:16px}.use{width:48px;height:48px;font-size:12px}.center-controls button{min-width:44px;padding:5px;font-size:12px}#motion-panel{padding:12px;display:block}.motion-actions{gap:5px}.motion-actions button{font-size:12px}.manual{display:block;padding:30px 0 10px}.manual h2{font-size:24px}.manual p{font-size:15px}.playing #viewport{max-height:none;width:100%;height:auto}.playing.touch #viewport,.playing.motion #viewport{max-height:none}.playing .modes{display:flex}#console:fullscreen #viewport{width:100%;height:auto;max-height:none}.touch #console:fullscreen #viewport,.motion #console:fullscreen #viewport{height:auto}}
@media(orientation:landscape) and (max-height:600px){.playing main{padding:0}.playing .modes{display:none}.playing #console{height:100dvh;border:0;position:relative;overflow:hidden}.playing .console-bar{position:absolute;inset:0 0 auto;z-index:5;background:#151412b3;min-height:44px;flex-wrap:nowrap}.playing #viewport,.playing.touch #viewport,.playing.motion #viewport,#console:fullscreen #viewport,.touch #console:fullscreen #viewport,.motion #console:fullscreen #viewport{height:calc(100dvh - 44px);max-height:none;width:auto;max-width:100%;margin-top:44px;aspect-ratio:4/3}.playing #touch-controls{position:absolute;inset:auto 0 0;z-index:4;background:transparent;pointer-events:none;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));align-items:flex-end}.playing #touch-controls>*{pointer-events:auto}.playing #stick{width:132px;height:132px;opacity:.8}.playing .center-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:4px;flex-direction:row}.playing .center-controls>div:nth-child(1){display:none}.playing .center-controls>div:nth-child(3){display:none}.playing .center-controls button{background:#1f1d18b3}.playing .action-controls{flex-direction:row}.playing .fire{width:80px;height:80px}.playing .console-footer{display:none}.playing #motion-panel{position:absolute;z-index:6;top:48px;left:5px;max-width:250px;background:#1b1915eb;padding:8px;border:1px solid #6d5a3c}.playing #motion-panel b{font-size:12px}.playing #motion-panel.active{top:4px;left:4px;padding:0;background:none;border:0;max-width:none;pointer-events:none}.playing #motion-panel.active>div:first-child,.playing #motion-panel.active #enable-motion,.playing #motion-panel.active label{display:none}.playing #motion-panel.active #calibrate{pointer-events:auto;font-size:11px;min-height:40px}.playing.motion #status{visibility:hidden}}
#quick-mode{min-height:44px;max-width:100px;background:#282620;color:#eee9dd;border:1px solid #514c43;font-family:inherit;font-weight:700;font-size:12px;border-radius:4px;padding:4px}.console-footer>div{display:flex;gap:4px}.console-footer span{flex:1;min-width:100px}.console-footer{flex-wrap:wrap}@media(max-width:360px){#stick{width:110px;height:110px}.fire{width:62px;height:62px}#touch-controls{padding-left:5px;padding-right:5px}}@media(max-width:700px){.console-bar>div{flex-wrap:wrap;justify-content:flex-end;gap:4px}#quick-mode{font-size:11px;max-width:88px}}@media(orientation:landscape) and (max-height:600px){.playing .console-bar>div{flex-wrap:nowrap}.playing .center-controls>div:nth-child(4){display:flex}}