:root{--navy: #101a3a;--navy-2: #1b2a5a;--yellow: #ffe23a;--yellow-2: #ffb800;--white: #f4f1ea;--red: #c8323c;--font: "VT323", "Courier New", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0d1538;color:var(--white);font-family:var(--font);font-size:20px;text-transform:lowercase;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent}button,a{font-family:inherit;text-transform:lowercase}.app{position:fixed;top:0;right:0;bottom:0;left:0}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.canvas-wrap.dragging{cursor:grabbing}.canvas-wrap.pointing{cursor:pointer}.canvas-wrap canvas{image-rendering:pixelated;image-rendering:crisp-edges;width:100%!important;height:100%!important;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) 18px 18px;display:flex;justify-content:space-between;align-items:flex-start}.brand{pointer-events:auto;font-size:44px;line-height:1;color:var(--yellow);text-shadow:3px 3px 0 #000,0 0 18px rgba(255,210,60,.6);letter-spacing:-1px;background:none;border:0;padding:0;cursor:pointer}.brand:hover{color:#fff4a8}.links{pointer-events:auto;display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.links a,.links button{color:var(--white);text-decoration:none;background:#080c20bf;border:2px solid var(--white);box-shadow:3px 3px #000;padding:2px 10px 0;font-size:20px;line-height:1.3;cursor:pointer}.links a:hover,.links button:hover{background:var(--yellow);color:var(--navy);border-color:var(--navy)}.links .on{color:var(--yellow)}.hint{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);background:#080c20cc;border:2px solid var(--white);box-shadow:3px 3px #000;padding:4px 14px 2px;font-size:20px;white-space:nowrap;pointer-events:none;animation:hint-in .6s ease-out both;transition:opacity .6s}.hint.hide{opacity:0}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)}}.modal-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto;background:#04061059}.window{width:min(560px,100%);max-height:calc(100% - 24px);overflow:auto;background:var(--navy);border:3px solid var(--white);outline:3px solid var(--navy-2);box-shadow:6px 6px #000;color:var(--white);animation:pop .18s steps(3,end) both}.rm .window,.rm .dialog,.rm .hint{animation:none}@keyframes pop{0%{transform:scale(.9);opacity:0}}.window-title{display:flex;justify-content:space-between;align-items:center;background:var(--yellow);color:var(--navy);padding:2px 10px 0;font-size:22px;border-bottom:3px solid var(--white)}.window-title button{background:var(--navy);color:var(--yellow);border:2px solid var(--navy);width:28px;height:24px;line-height:1;cursor:pointer;font-size:18px;padding:0}.window-body{padding:14px 16px 18px;font-size:22px;line-height:1.25}.window-body p{margin:0 0 12px}.window-body ol{margin:0 0 12px;padding-left:26px}.window-body li{margin-bottom:8px}.window-body .muted{color:#aab3d6;font-size:19px}.contract{display:flex;gap:8px;align-items:center;background:#080c20;border:2px solid var(--navy-2);padding:6px 10px;margin:0 0 12px;word-break:break-all;font-size:19px}.contract button{margin-left:auto;white-space:nowrap}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.btn{display:inline-block;background:var(--yellow);color:var(--navy);border:2px solid var(--white);box-shadow:3px 3px #000;padding:3px 14px 1px;text-decoration:none;font-size:21px;cursor:pointer}.btn.secondary{background:var(--navy-2);color:var(--white)}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.dialog{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(640px,calc(100% - 24px));background:var(--navy);border:3px solid var(--white);outline:3px solid var(--navy-2);box-shadow:6px 6px #000;display:flex;gap:14px;padding:12px 14px;pointer-events:auto;cursor:pointer;animation:pop .18s steps(3,end) both}.portrait{flex:0 0 56px;height:56px;border:3px solid var(--white);image-rendering:pixelated;position:relative;overflow:hidden}.portrait .eye{position:absolute;width:8px;height:8px;background:#111;top:22px}.portrait .eye.l{left:14px}.portrait .eye.r{right:14px}.portrait .nose{position:absolute;width:8px;height:6px;background:#111;left:50%;top:34px;transform:translate(-50%)}.dialog-text{flex:1;min-width:0}.dialog-name{color:var(--yellow);font-size:22px;margin-bottom:2px}.dialog-line{font-size:24px;line-height:1.15;min-height:2.3em}.dialog-next{text-align:right;font-size:18px;color:#aab3d6;animation:blink 1s steps(2,end) infinite}.rm .dialog-next{animation:none}@keyframes blink{50%{opacity:0}}.loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1538;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:10;transition:opacity .7s}.loading.out{opacity:0;pointer-events:none}.loading h1{margin:0;font-size:clamp(64px,14vw,140px);color:var(--yellow);line-height:1;text-shadow:4px 4px 0 #000,0 0 40px rgba(255,210,60,.7);letter-spacing:-2px;font-family:Arial Black,Arial,sans-serif;font-weight:900}.bar{width:min(320px,70vw);height:22px;border:3px solid var(--white);box-shadow:4px 4px #000;padding:3px}.bar i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--yellow) 0 12px,var(--navy) 12px 15px);transition:width .15s steps(4,end)}.loading small{font-size:20px;color:#aab3d6}.loading .start{margin-top:6px}.joystick{position:absolute;left:22px;bottom:max(22px,env(safe-area-inset-bottom));width:130px;height:130px;border:3px solid rgba(244,241,234,.7);background:#080c2066;box-shadow:3px 3px #0009;touch-action:none;pointer-events:auto;z-index:3}.joystick .knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;background:var(--yellow);border:3px solid var(--white);box-shadow:3px 3px #000}.joystick .lbl{position:absolute;bottom:-26px;left:0;right:0;text-align:center;font-size:16px;color:#aab3d6}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%)}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.6}@media (max-width: 640px){.brand{font-size:34px}.links a,.links button{font-size:17px;padding:1px 8px 0}.hint{font-size:16px;white-space:normal;text-align:center;width:calc(100% - 32px)}.window-body,.dialog-line{font-size:20px}}