:root{color-scheme:dark;--bg:#181a18;--panel:#20231f;--line:#3a3e34;--cream:#f0eddc;--muted:#aaaE9e;--red:#ce5148;--green:#b6c595;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:1px solid var(--line);border-radius:6px;padding:10px 13px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#ffffff0c;border-color:#777e68}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit}button.primary{background:var(--red);border-color:var(--red)}.masthead,main,footer{max-width:1192px;margin:auto}.masthead{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4px}.wordmark{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1.5px}.cartridge-icon{width:23px;height:29px;background:var(--red);border-radius:3px 3px 5px 5px;position:relative}.cartridge-icon:after{content:"";position:absolute;inset:6px 4px 8px;border:2px solid #181a1877}.edition{font:10px ui-monospace,monospace;letter-spacing:1.4px;margin-left:8px;border-left:1px solid var(--line);padding-left:18px;color:var(--muted)}.header-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}.intro{padding:46px 0 32px}.eyebrow,.tiny-label{font:10px ui-monospace,monospace;letter-spacing:1.8px;color:var(--muted)}.eyebrow{color:#db7c6f;margin:0 0 13px}h1{font-size:clamp(32px,4vw,49px);line-height:1.08;font-weight:550;letter-spacing:-2px;margin:0}h1 br{display:none}.intro>p:last-child{font-size:14px;color:var(--muted);margin:13px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:52px;align-items:start}.console{background:#30352e;border:1px solid #505746;padding:21px 28px 14px;border-radius:16px 16px 64px 16px;box-shadow:0 18px 50px #0003,inset 0 1px #ffffff0c}.console-top{display:flex;justify-content:space-between;align-items:center;font:9px ui-monospace,monospace;letter-spacing:1.6px;color:#a7ae9b;margin:0 3px 18px}.power-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6c6654;margin-right:6px}.power-light.on{background:#e57665;box-shadow:0 0 8px #f7805a88}.screen-shell{background:#111511;border-radius:6px 6px 27px 6px;padding:16px 18px 12px}.screen-wrap{position:relative;max-width:480px;margin:auto;aspect-ratio:10/9;background:#b6c69c}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;background:#b6c69c}.screen-caption{display:flex;justify-content:space-between;gap:6px;color:#77816e;font:8px ui-monospace,monospace;letter-spacing:.8px;padding-top:12px}.screen-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#253629;background:#b7c79f;background-image:linear-gradient(#00000003 1px,transparent 1px);background-size:100% 3px;gap:18px;padding:18px;text-align:center}.screen-overlay[hidden]{display:none}.screen-overlay p{font:600 clamp(18px,2.2vw,27px)/1.3 ui-monospace,monospace;letter-spacing:-1px;margin:0}.screen-overlay>span{font:8px ui-monospace,monospace;letter-spacing:1.8px;opacity:.7}.play-button{border:0;background:#283b2c;color:#e6edce;font:600 13px ui-monospace,monospace;padding:14px 20px;border-radius:3px}.play-button:hover:not(:disabled){background:#374e38}.pixel-ball{width:40px;height:40px;border:4px solid #3d5038;border-radius:50%;position:relative;background:linear-gradient(#637a4b 44%,#3d5038 44% 56%,#d1dab3 56%);box-shadow:4px 4px #637a4b40}.pixel-ball:after{content:"";position:absolute;left:10px;top:10px;width:8px;height:8px;border:2px solid #3d5038;background:#d1dab3;border-radius:50%}.player-toolbar{display:flex;justify-content:space-between;gap:3px;padding:15px 0 14px;border-bottom:1px solid #4e5545}.player-toolbar button{border-color:transparent;font-size:11px;padding:6px 8px;color:#d0d5c4}.gamepad{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 1px 12px;user-select:none}.gamepad button{touch-action:none;-webkit-user-select:none;user-select:none}.dpad{display:grid;grid-template-columns:34px 34px 34px;grid-template-rows:32px 32px 32px;filter:drop-shadow(0 4px 1px #0005)}.dpad button,.dpad-middle{background:#171b17;border:0;border-radius:0;color:#89917d;padding:0;font-size:12px}.dpad button:hover:not(:disabled){background:#272e25}.dpad .up{grid-area:1/2;border-radius:5px 5px 0 0}.dpad .left{grid-area:2/1;border-radius:5px 0 0 5px}.dpad-middle{grid-area:2/2}.dpad-middle:after{content:"";display:block;width:17px;height:17px;margin:7px auto;border:2px solid #333b2e;border-radius:50%}.dpad .right{grid-area:2/3;border-radius:0 5px 5px 0}.dpad .down{grid-area:3/2;border-radius:0 0 5px 5px}.system-buttons{display:flex;gap:9px;padding-top:31px}.system-buttons button{font:8px ui-monospace,monospace;letter-spacing:1px;border:0;border-top:10px solid #171b17;border-radius:8px 8px 0 0;padding:7px 2px;color:#b2b9a7}.action-buttons{display:flex;gap:13px;transform:rotate(-19deg);padding-right:4px}.action-buttons button{width:49px;height:49px;border-radius:50%;background:#b7463d;border:1px solid #d75c50;box-shadow:0 4px #752b28;font-weight:700;font-size:19px;color:#f6c5ad;transform:rotate(19deg)}.action-buttons button:hover:not(:disabled),.action-buttons button.held{background:#d15d51}.gamepad button.held{filter:brightness(1.4)}.console-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 9px 0 2px}.console-brand{font:italic 9px ui-monospace,monospace;color:#88937b;letter-spacing:1.8px}.speaker{font-size:28px;letter-spacing:2px;color:#1f251e;transform:rotate(-9deg)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 20px}h2{font-size:17px;letter-spacing:-.4px;font-weight:550;margin:0}.tiny-label{font-size:9px;letter-spacing:1.4px;color:#828b77}.autosave{display:flex;gap:14px;align-items:center;background:#252b21;border:1px solid #424d35;border-radius:8px;padding:18px}.autosave-icon{font-size:24px;color:#bacb96}.autosave strong{font-size:13px;font-weight:500}.autosave p{font-size:11px;color:#a8b294;line-height:1.5;margin:5px 0 0}.autosave>.dot{margin-left:auto}.section-description{font-size:13px;color:var(--muted);line-height:1.65;margin:21px 0 12px}.slot{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.slot-number{font:12px ui-monospace,monospace;color:#838c76}.slot-copy{flex:1;min-width:0}.slot-copy strong{display:block;font-size:13px;font-weight:500}.slot-time{display:block;font:10px ui-monospace,monospace;color:#929b85;margin-top:6px;line-height:1.4}.slot button{font-size:11px;padding:8px 12px}.slot .save-slot{border-color:#686e58;color:#d2dcbf}.backup-buttons{display:flex;gap:12px;margin-top:20px}.backup-buttons button{flex:1;font-size:11px;padding:11px 5px}.save-note{font-size:11px;line-height:1.65;color:#929b85;margin:13px 0 0}.controls-section{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}.controls-section .section-heading{margin-bottom:19px}.key-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:0}.key-guide>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.key-guide dt{font-size:11px;color:#b6beaa}.key-guide dd{display:flex;align-items:center;gap:3px;margin:0;font-size:9px;color:#7f8874}kbd{border:1px solid #48503f;border-bottom-width:2px;padding:4px 5px;min-width:22px;border-radius:4px;text-align:center;font:10px ui-monospace,monospace;color:#d0d8c1;background:#252a22}.touch-note{font-size:11px;color:#929b85;line-height:1.5;margin-top:20px}.session-row{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#929b85}.session-row button{padding:0;font-size:11px;border:0;color:#a6af9a}.status{font-size:12px;color:#b6c595;min-height:18px;line-height:1.5;margin:23px 0 35px}.status.error{color:#f19d89}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:23px 0 28px;font:9px ui-monospace,monospace;color:#7f8875;letter-spacing:1px}footer a{text-underline-offset:3px}footer>span:last-child{letter-spacing:0}dialog{background:#252b22;border:1px solid #68745a;border-radius:12px;color:var(--cream);max-width:420px;padding:28px}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog p{font-size:14px;color:var(--muted);line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.screen-wrap:fullscreen{width:100vw;height:100dvh;max-width:none;background:#111;display:flex;align-items:center;justify-content:center}.screen-wrap:fullscreen canvas{width:auto;height:min(100dvh,90vw);aspect-ratio:10/9}.screen-wrap:fullscreen .screen-overlay{background:#b7c79f}
@media(min-width:1500px){main{padding-top:15px}.intro{padding-top:52px}}@media(max-width:1250px){.masthead,main,footer{margin-left:30px;margin-right:30px}.layout{gap:34px}.console{padding:18px 21px 12px}.key-guide{gap:16px 14px}.screen-caption{font-size:7px}}
@media(max-width:950px){.layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:25px}.console{padding:18px 15px 10px}.screen-shell{padding:12px 12px 10px}.system-buttons{gap:5px}.action-buttons{gap:8px}.action-buttons button{width:40px;height:40px}.dpad{grid-template-columns:29px 29px 29px;grid-template-rows:29px 29px 29px}.key-guide{grid-template-columns:1fr;gap:10px}.tiny-label{display:none}.player-toolbar button{font-size:10px;padding:6px 3px}}
@media(max-width:720px){.masthead,main,footer{margin-left:20px;margin-right:20px}.masthead{height:77px}.wordmark{font-size:25px}.header-note{display:none}.edition{font-size:8px}.intro{padding:30px 0 25px}.intro h1{font-size:35px}.intro>p:last-child{font-size:12px}.layout{grid-template-columns:1fr;gap:30px}.console{max-width:540px;width:100%;margin:auto;padding:19px 23px 12px}.screen-shell{padding:14px 15px 11px}.screen-caption{font-size:7px}.screen-overlay p{font-size:24px}.gamepad{padding-top:22px}.dpad{grid-template-columns:34px 34px 34px;grid-template-rows:34px 34px 34px}.action-buttons button{width:49px;height:49px}.system-buttons{gap:14px}.player-toolbar button{font-size:11px;padding:7px}.key-guide{grid-template-columns:1fr 1fr;gap:15px 24px}.tiny-label{display:block}.sidebar{padding-top:2px}.status{margin:20px 0 25px}footer{flex-direction:column;gap:12px;padding:20px 0}.console-bottom{padding-top:5px}.console-brand{font-size:8px}}@media(max-width:375px){.masthead,main,footer{margin-left:12px;margin-right:12px}.console{padding:16px 15px 10px}.key-guide{gap:15px 12px}.intro h1{font-size:30px}.system-buttons{gap:7px}.action-buttons{gap:7px}.action-buttons button{width:44px;height:44px}}