@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#080711;--violet:#9c6cff;--cyan:#55f6ff;--gold:#ffc857;--paper:#f3efff}
*{box-sizing:border-box}
html{background:var(--ink);color:var(--paper);font-family:'Space Mono',monospace;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 15%,#21163c 0,transparent 38%),linear-gradient(#090812,#0b0912);overflow-x:hidden;-webkit-tap-highlight-color:transparent}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,transparent 49%,#ffffff05 50%),linear-gradient(transparent 49%,#ffffff05 50%);background-size:32px 32px}
.torch{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(70px);opacity:.08;background:var(--violet);pointer-events:none}.torch-a{left:-180px;top:20%}.torch-b{right:-180px;bottom:5%;background:var(--cyan)}
main{width:min(1120px,94vw);margin:auto;padding:36px 0 64px}
header{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.sigil{width:48px;height:48px;display:block;overflow:hidden;border:2px solid var(--violet);box-shadow:4px 4px 0 #4b306f;background:#ff6d00;transform:rotate(-4deg)}
.sigil img{width:100%;height:100%;display:block;object-fit:cover}
.eyebrow{font:10px 'Press Start 2P';letter-spacing:2px;color:var(--violet);margin:0 0 9px}
h1{font:clamp(17px,3vw,29px) 'Press Start 2P';margin:0;text-shadow:3px 3px 0 #442a75}h1 span{color:var(--gold)}
.icon-btn{margin-left:auto;background:#151322;border:1px solid #39344d;color:var(--cyan);font-size:22px;width:44px;height:44px;cursor:pointer;box-shadow:3px 3px 0 #05040a}
.game-shell{background:#0d0c16;border:2px solid #37314d;box-shadow:0 0 0 5px #090811,0 0 0 7px #1d1930,0 30px 80px #0009}
.game-topbar,.game-footer{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:2px solid #28233b;background:linear-gradient(90deg,#151225,#0c0b14)}
.game-topbar small{display:block;color:#77708d;font:8px 'Press Start 2P';margin-bottom:8px}.game-topbar strong{font:10px 'Press Start 2P';letter-spacing:.5px}
.status{display:flex;gap:10px;align-items:center;color:#8c849f}.status span{width:8px;height:8px;background:#5c5669;box-shadow:0 0 0 3px #26222f}
.status.awake{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.status.awake span{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.canvas-wrap{position:relative;line-height:0;background:#06050c;overflow:hidden}
canvas{width:100%;height:auto;display:block;image-rendering:pixelated;touch-action:none}
.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0,#0000 3px,#0002 4px);mix-blend-mode:multiply}
.portal-prompt{display:none;position:absolute;left:50%;bottom:7%;transform:translateX(-50%);z-index:3;border:2px solid var(--cyan);background:#080b18dd;color:var(--cyan);padding:14px 18px;font:10px 'Press Start 2P';box-shadow:0 0 18px #55f6ff77;cursor:pointer;white-space:nowrap}
.portal-prompt.show{display:block;animation:pulse .9s steps(2) infinite}
.toast{position:absolute;top:16px;left:50%;transform:translate(-50%,-20px);opacity:0;background:#151127dd;border:1px solid var(--violet);padding:10px 14px;font:8px 'Press Start 2P';line-height:1.4;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes pulse{50%{filter:brightness(1.6);transform:translateX(-50%) scale(1.02)}}
.game-footer{min-height:56px;border-top:2px solid #28233b;border-bottom:0;color:#8c859c;font-size:12px}.game-footer p{margin:0}.game-footer span{color:#4d475d;margin:0 9px}
kbd{font:8px 'Press Start 2P';background:#262139;color:#d7cff0;border:1px solid #4d4568;border-bottom-width:3px;padding:5px 6px}
#reset{color:#9a91ac;background:none;border:0;font:9px 'Press Start 2P';cursor:pointer}#reset:hover{color:var(--gold)}
.below{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:62px 4% 20px;align-items:end}.below h2{font:clamp(17px,3vw,27px)/1.5 'Press Start 2P';margin:0}.below>p{color:#aaa3b8;line-height:1.8;margin:0}.below b{color:var(--gold)}
.dpad{display:grid;grid-template:repeat(2,54px)/repeat(3,54px);gap:7px;justify-content:center;margin-top:24px}
.dpad button{min-width:54px;min-height:54px;background:#191628;border:1px solid #50486b;border-bottom:4px solid #332d47;color:var(--paper);font-size:18px;touch-action:none;-webkit-user-select:none;user-select:none}
.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-row:2;grid-column:1}.dpad [data-dir=down]{grid-row:2;grid-column:2}.dpad [data-dir=right]{grid-row:2;grid-column:3}.dpad button:active{transform:translateY(2px);border-bottom-width:2px;color:var(--cyan)}
.status.instagram{color:#ff70c9}.status.tiktok{color:#5cf5ee}.status.decentraland{color:#ff9854}.status.sandbox{color:#49a8ff}.status.otherside{color:#9aabff}.status.nifty{color:#64f0c8}.status.transmissions{color:#ff63ad}.status.afterhours{color:#ffd768}.status.fourkr{color:#b8ff5c}.status.chiegoll{color:#ff8c52}
.status.instagram span{background:#ff70c9}.status.tiktok span{background:#5cf5ee}.status.decentraland span{background:#ff6b52}.status.sandbox span{background:#49a8ff}.status.otherside span{background:#9aabff}.status.nifty span{background:#64f0c8}.status.transmissions span{background:#ff3d8d}.status.afterhours span{background:#ffd768}.status.fourkr span{background:#9cff3d}.status.chiegoll span{background:#ff6d3d}
.portal-prompt.instagram{border-color:#ff70c9;color:#ff9ad9}.portal-prompt.tiktok{border-color:#5cf5ee;color:#82fff8}.portal-prompt.decentraland{border-color:#ff6b52;color:#ffad70}.portal-prompt.sandbox{border-color:#49a8ff;color:#7fc3ff}.portal-prompt.otherside{border-color:#9aabff;color:#c5ceff}.portal-prompt.nifty{border-color:#64f0c8;color:#8affdc}.portal-prompt.transmissions{border-color:#ff3d8d;color:#ff9ac9}.portal-prompt.afterhours{border-color:#ffd768;color:#ffe99d}.portal-prompt.fourkr{border-color:#9cff3d;color:#ceff9d}.portal-prompt.chiegoll{border-color:#ff6d3d;color:#ffae91}
@media(max-width:720px){
  main{width:100%;padding:20px 12px calc(48px + env(safe-area-inset-bottom))}
  header{padding:0 4px;gap:12px}.sigil{width:40px;height:40px;flex:0 0 40px}h1{font-size:14px}.icon-btn{width:38px;height:38px;flex:0 0 38px}
  .game-topbar{padding:9px 10px;min-height:64px;align-items:flex-start;gap:8px}.game-topbar>div:first-child{min-width:0;flex:1}.game-topbar small{margin-bottom:6px}.game-topbar strong{font-size:7px;line-height:1.55;display:block}
  .status{flex:0 0 auto;max-width:100px;align-items:flex-start;gap:7px;padding-top:1px}.status span{flex:0 0 8px;margin-top:2px}.status strong{font-size:6px;line-height:1.5}
  .game-footer{justify-content:center;padding:12px}.game-footer p{display:none}.below{grid-template-columns:1fr;gap:20px;margin:42px 8px 0}.below h2{font-size:17px}
  .portal-prompt{max-width:calc(100% - 16px);font-size:8px;line-height:1.45;padding:11px;white-space:normal;text-align:center}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}