:root{color-scheme:dark;--green:#b5d88b;--muted:#78826c}*{box-sizing:border-box}body{margin:0;background:#090c09;color:#d3d8c8;font-family:'Courier New',monospace}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}#app{max-width:1600px;margin:auto;padding:0 42px}header{height:94px;display:flex;align-items:center;gap:30px}.brand{text-decoration:none;color:#dde2d4;font-weight:bold;font-size:21px;letter-spacing:-1px}.brand span{color:var(--green)}.build{color:#59614f;font-size:10px;letter-spacing:1.5px}header button{margin-left:auto;border:1px solid #30372a;background:transparent;color:#a7b197;padding:10px 13px;font-size:10px;letter-spacing:1px}.game-shell{position:relative;height:min(740px,calc(100svh - 165px));min-height:480px;border:1px solid #333d2b;background:#0b110b;overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none}.scanlines,.vignette{position:absolute;inset:0;pointer-events:none}.scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,#0003 3px);opacity:.38;z-index:4}.vignette{box-shadow:inset 0 0 140px 60px #0009;z-index:3}.overlay{position:absolute;inset:0;padding:7% 7%;z-index:5;background:linear-gradient(90deg,#080d0aee 5%,#080d0ab0 42%,#080d0a08 80%)}.eyebrow{color:#a1b28c;font-size:10px;letter-spacing:2.6px;display:flex;gap:12px;align-items:center}.dot,i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5d88b;box-shadow:0 0 12px #9fce7a}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(64px,8.2vw,126px);letter-spacing:-4px;margin:25px 0 15px;color:#e1e4d5;line-height:1}.dat{color:#a9c888}.title-dot{color:#788e61}.subtitle{font-size:13px;line-height:1.9;color:#a4ad99;letter-spacing:.5px}.file-info{display:grid;grid-template-columns:115px 120px;gap:8px;margin:24px 0;font-size:9px;letter-spacing:1px}.file-info span{color:#65715b}.file-info b{font-weight:normal;color:#a0ae8d}.file-info b:first-of-type{color:#cf8d72}.primary{background:#b6d791;color:#17220e;border:1px solid #c8e7a4;padding:17px 21px;min-width:255px;text-align:left;font-size:11px;letter-spacing:2px;font-weight:bold;box-shadow:0 0 25px #95c15e12}.primary span{float:right;font-size:17px;line-height:11px}.primary:hover{background:#cee9b0;box-shadow:0 0 30px #a1d66930}.warning{color:#818a77;font-size:9px;line-height:1.8;margin:18px 0 12px}.flash-setting{display:flex;align-items:center;gap:9px;font-size:9px;color:#93a084;letter-spacing:1px}input{accent-color:var(--green);margin:0}.menu-bottom{position:absolute;bottom:25px;left:7%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#69795a}footer{min-height:70px;display:flex;align-items:center;gap:25px;color:#58634d;font-size:9px;letter-spacing:.7px}footer b{color:#929d83;font-weight:normal;margin-right:6px}.footer-right{margin-left:auto;font-size:8px}.hidden{display:none!important}#hud{position:absolute;inset:0;padding:25px;pointer-events:none;z-index:4;font-size:11px;letter-spacing:1.5px}.hud-top,.hud-bottom{display:flex;justify-content:space-between}.hud-top i{margin-right:8px;background:#cb6655}.hud-bottom{position:absolute;bottom:25px;left:25px;right:25px}.crosshair{position:absolute;left:50%;top:50%;color:#d4debf66;transform:translate(-50%,-50%)}#hint{position:absolute;bottom:75px;text-align:center;left:10%;right:10%;color:#cedfb5;text-shadow:0 2px 5px #000}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#060a07df}.centered h2{font:80px Impact,'Arial Narrow',sans-serif;letter-spacing:2px;margin:25px 0;color:#bbcfa3}.centered p{font-size:12px;color:#89977d;line-height:1.8;margin-bottom:30px}.text-button{background:none;border:0;color:#8e9e7c;padding:20px;font-size:10px;letter-spacing:1px}#mobile{position:absolute;bottom:65px;left:20px;right:20px;z-index:6;display:flex;justify-content:space-between;pointer-events:none}#mobile button{pointer-events:auto;touch-action:none;width:42px;height:42px;background:#0c150baa;border:1px solid #73835b66;color:#ccdeb5;font-size:20px}.move-pad,.turn-pad{display:flex;gap:4px}@media(pointer:fine){#mobile{display:none}}@media(max-width:800px){#app{padding:0 14px}header{height:68px}.build{display:none}.game-shell{height:calc(100svh - 140px);min-height:520px}.overlay{padding:45px 26px}h1{font-size:72px}.eyebrow{font-size:8px;letter-spacing:1.5px}.menu-bottom{left:26px;font-size:7px;letter-spacing:1px}.menu-bottom span:last-child{display:none}footer{gap:10px;flex-wrap:wrap;padding:15px 0;font-size:8px;min-height:65px}.footer-right{display:none}.hud-bottom{font-size:8px}#hud{font-size:9px}.centered h2{font-size:58px}}@media(prefers-reduced-motion:reduce){.scanlines{opacity:.15}}

.gear{position:absolute;left:25px;top:62px;display:flex;gap:12px;align-items:center}.mario-badge{background:#ad302e;color:#fff0d8;border:2px solid #e6b9a2;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:bold 22px Georgia,serif}.gear b{display:block;font-size:10px;color:#dbb8a5;letter-spacing:3px}.gear #cap-status{display:block;font-size:9px;margin-top:7px;color:#a8bb95}#danger{position:absolute;top:65px;right:25px;max-width:45%;text-align:right;font-size:11px;color:#ea8a7a;text-shadow:2px 0 #4c2632,-2px 0 #325d59;line-height:1.7}footer{gap:18px;flex-wrap:wrap}.footer-right{display:none}#mobile #touch-cap{color:#ffe4d5;border-color:#b26450;background:#582721cc;font-size:15px}@media(max-width:600px){.gear{left:16px;top:55px;gap:7px}.gear #cap-status{font-size:7px}#danger{right:16px;top:115px;font-size:9px;max-width:65%}#mobile{left:10px;right:10px;bottom:60px;align-items:flex-end}#mobile button{width:36px;height:40px}.turn-pad{max-width:120px;flex-wrap:wrap;justify-content:flex-end}#hint{bottom:160px;font-size:10px}.hud-bottom{gap:12px;line-height:1.5}footer{gap:12px}}