:root{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;color:#e5dcc8;background:#131210;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100svh;padding:clamp(12px,3vw,36px);background:radial-gradient(ellipse at 50% 20%,#383024 0,#191715 48%,#10100f)}button,input,select{font:inherit}button,summary,input::file-selector-button{cursor:pointer}button{min-height:44px;border:1px solid #575044;color:#e5dcc8;background:#282622;border-radius:5px}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.2)}button:not(:disabled):active{transform:translateY(2px)}:focus-visible{outline:2px solid #f3c96c;outline-offset:4px}[hidden]{display:none!important}.arcade{max-width:880px;margin:0 auto;border:1px solid #514638;border-radius:18px 18px 10px 10px;background:#201e1b;box-shadow:0 24px 80px #0009,inset 5px 0 #ffffff04,inset -5px 0 #0003;overflow:hidden}.marquee{position:relative;overflow:hidden;padding:16px 32px 20px;border-bottom:4px solid #0e0e0d;background:linear-gradient(115deg,#332c20,#1e1b16)}.edition{display:flex;justify-content:space-between;gap:12px;margin:0 0 8px;color:#c9b99b;font-size:.62rem;letter-spacing:.18em}h1{position:relative;z-index:1;width:fit-content;margin:0;color:#f3c96c;font:italic 900 clamp(2.3rem,7vw,4.3rem)/1 system-ui,sans-serif;letter-spacing:-.055em;text-shadow:3px 3px #8c3826,0 0 28px #e7a83d24}.marquee-stripes{position:absolute;right:-24px;bottom:24px;width:35%;height:36px;transform:skew(-30deg);background:linear-gradient(to bottom,#dbb05d 0 25%,transparent 25% 37%,#b96e3b 37% 62%,transparent 62% 74%,#8c3826 74%)}.screen-bezel{padding:clamp(12px,3vw,28px);background:linear-gradient(135deg,#292724,#151513 65%);border-bottom:1px solid #40382d}.crt{position:relative;overflow:hidden;border:8px solid #090a09;border-radius:16px;background:#000;box-shadow:0 2px #4b4234,0 -2px 8px #000b}.crt:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:8px;background:repeating-linear-gradient(transparent 0 3px,#000 3px 4px);opacity:.1;box-shadow:inset 0 0 28px 10px #000}#native-game{display:block;width:100%;height:auto;aspect-ratio:8 / 5;image-rendering:pixelated}#native-game:focus-visible{outline-offset:-3px}#screen-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f3c96c;font-size:clamp(.7rem,2vw,1rem);letter-spacing:.2em;white-space:nowrap;pointer-events:none}.control-deck{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 36px;border-bottom:1px solid #39332a;background:linear-gradient(#302c26,#25221e)}.d-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,36px);gap:3px}.d-pad button{min-height:36px;padding:0;font-size:.9rem;box-shadow:0 3px #111}[data-control]{touch-action:none;user-select:none;-webkit-user-select:none}[data-control=up]{grid-area:1 / 2}[data-control=left]{grid-area:2 / 1}[data-control=down]{grid-area:2 / 2}[data-control=right]{grid-area:2 / 3}#native-start{min-width:108px;padding:12px 20px;color:#271d10;border:1px solid #ffe0a0;border-radius:24px;background:#e8b756;box-shadow:0 4px #76501f,0 0 18px #e8b75614;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.attack-button{justify-self:end;width:64px;height:64px;border-radius:50%;border:3px solid #362521;outline:1px solid #745245;background:radial-gradient(circle at 40% 30%,#d1694e,#a2392e);box-shadow:0 5px #571e19,inset 0 2px #edaa7959;color:#ffdebd;font-weight:700;font-size:1.1rem}.attack-button:focus-visible{outline:2px solid #f3c96c}.native-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px 0}.native-actions button{padding:8px 14px;border-color:transparent;background:transparent;font-size:.75rem}.native-actions button[aria-pressed=true]{color:#f3c96c}#status{margin:12px 24px;color:#e9c378;text-align:center;line-height:1.5;font-size:.8rem;overflow-wrap:anywhere}#status:empty{display:none}#status.error{color:#ffada0}details{margin:0 24px;font-size:.75rem}summary{width:fit-content;margin:auto;padding:14px 8px 18px;color:#bcb09b}.options-content{padding:8px 0 24px;border-top:1px solid #40392f}.options-content p{color:#bcb09b;line-height:1.7}.native-load{margin:20px 0}label{display:block;margin-bottom:8px}input,select{max-width:100%}select,input::file-selector-button{padding:10px;background:#302b24;color:#e5dcc8;border:1px solid #575044;border-radius:4px}input::file-selector-button{margin-right:10px}a{color:#f3c96c;text-underline-offset:3px}kbd{color:#e5dcc8;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:540px){.marquee{padding:16px 18px}.marquee-stripes{width:23%;height:27px;bottom:19px}.edition{font-size:.55rem;letter-spacing:.1em}.crt{border-width:5px;border-radius:10px}.control-deck{padding:16px 12px;gap:8px}.d-pad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,44px)}.d-pad button{min-height:44px}#native-start{min-width:80px;padding:12px;font-size:.75rem}.attack-button{width:48px;height:48px}details{margin:0 16px}}@media(max-width:340px){body{padding:8px}.control-deck{grid-template-columns:1fr auto}#native-start{grid-area:2 / 1 / 3 / 3;justify-self:center}.attack-button{grid-area:1 / 2}}