:root{--paper: #f3efe4;--paper-dark: #d9d2c4;--ink: #151412;--accent: #c8791f;--shadow: rgba(21, 20, 18, .25);--game-max-width: 1280px;--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Press Start 2P",monospace;color:var(--ink);background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.65),transparent 45%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.45),transparent 40%),linear-gradient(160deg,var(--paper) 0%,var(--paper-dark) 100%);display:grid;place-items:center;padding:18px}#page{width:min(1100px,96vw);display:grid;gap:12px}header{text-align:center}.title{font-size:clamp(18px,3vw,28px);letter-spacing:1px}.subtitle{font-size:clamp(9px,1.5vw,12px);color:#151412b3;margin-top:6px}#game{width:min(100%,var(--game-max-width));aspect-ratio:16 / 9;display:grid;place-items:center;background:repeating-linear-gradient(45deg,rgba(21,20,18,.04) 0px,rgba(21,20,18,.04) 8px,transparent 8px,transparent 16px);border:3px solid var(--ink);box-shadow:0 18px 30px var(--shadow);border-radius:8px;overflow:hidden;margin:0 auto}canvas{width:100%!important;height:100%!important;display:block;image-rendering:pixelated}footer{text-align:center;font-size:clamp(8px,1.2vw,10px);color:#151412cc}html.mobile body{display:block;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0;height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100);background:#1b1b1b;overscroll-behavior:none;overflow:hidden}html.mobile #page{width:100%;min-height:calc(var(--vh, 1vh) * 100);display:grid;place-items:center}html.mobile header,html.mobile footer{display:none}html.mobile #game{width:100vw;height:calc(var(--vh, 1vh) * 100);background:#1b1b1b;border:none;box-shadow:none;border-radius:0}html.mobile.portrait #page{position:relative;width:100%;height:calc(var(--vh, 1vh) * 100)}html.mobile.portrait #game{position:absolute;left:50%;top:50%;width:calc(var(--vh, 1vh) * 100);height:100vw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}html.mobile body,html.mobile #game,html.mobile canvas{touch-action:none;overscroll-behavior:none}#install-overlay{position:fixed;inset:0;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));display:none;align-items:center;justify-content:center;z-index:1000;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#install-overlay.visible{display:flex}#install-overlay .install-card{max-width:520px;margin:0 auto;background:#151412f0;color:var(--paper);border:2px solid var(--paper);border-radius:10px;padding:12px;box-shadow:0 14px 30px #00000059}#install-overlay .install-title{font-size:clamp(11px,2.8vw,13px);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}#install-overlay .install-body{font-size:clamp(9.5px,2.4vw,11px);line-height:1.6;color:#f3efe4e6}#install-overlay .install-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}#install-overlay button{font-family:"Press Start 2P",monospace;font-size:clamp(9px,2.2vw,11px);padding:8px 10px;border-radius:6px;border:2px solid var(--paper);background:transparent;color:var(--paper);text-transform:uppercase}#install-overlay .install-primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}@media (max-width: 600px){body{padding:10px}#page{gap:8px}}