@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2)format("woff2"),url(/assets/pixelify-sans-latin-400-normal-JapMNN6Z.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pixelify-sans-latin-600-normal-Dd_Dy7u5.woff2)format("woff2"),url(/assets/pixelify-sans-latin-600-normal-BNlgYbDL.woff)format("woff")}:root{--bg:#14121c;--bg-2:#1e1b2a;--panel:#26223a;--ink:#f4e8c4;--ink-dim:#b0a6c0;--gold:#e0b040;--line:#000;--accent:#e0b040;--display:"Press Start 2P", monospace;--body:"Pixelify Sans", "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:none;font-smooth:never;margin:0;font-size:18px;line-height:1.35}body.playing{height:100dvh;overflow:hidden}[hidden]{display:none!important}img,canvas{image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:pixelated}a{color:var(--gold)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--gold);outline-offset:2px}#lobby{background-image:linear-gradient(var(--bg-2) 2px, transparent 2px), linear-gradient(90deg, var(--bg-2) 2px, transparent 2px);background-position:-2px -2px;background-size:32px 32px;max-width:1180px;margin:0 auto;padding:48px 16px 40px}.hero{text-align:center;margin-bottom:40px}.kicker{font-family:var(--display);letter-spacing:1px;color:var(--gold);margin:0 0 16px;font-size:10px}h1{font-family:var(--display);color:var(--ink);text-shadow:4px 4px #b8432f,8px 8px #3a2a5c;margin:0 0 24px;font-size:clamp(32px,9vw,72px);line-height:1.15}.lead{max-width:620px;color:var(--ink-dim);margin:0 auto;font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;display:grid}.museum{text-align:left;background:var(--panel);border:4px solid var(--line);flex-direction:column;gap:8px;padding:12px;transition:transform 80ms steps(2,end);display:flex;box-shadow:inset 0 0 0 4px #3a3454,8px 8px #0a0910}.museum:hover,.museum:focus-visible{box-shadow:inset 0 0 0 4px var(--accent), 12px 12px 0 #0a0910;transform:translate(-4px,-4px)}.thumb{border:4px solid var(--line);background:#0e0c14;height:160px;display:block;overflow:hidden}.thumb img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.m-name{font-family:var(--display);color:var(--ink);margin-top:8px;font-size:13px;line-height:1.5}.m-city{color:var(--accent);font-size:16px}.m-blurb{color:var(--ink-dim);flex:1}.m-foot{font-family:var(--display);color:var(--ink-dim);border-top:4px dotted #3a3454;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;font-size:9px;display:flex}.go{color:var(--accent)}.foot{text-align:center;color:var(--ink-dim);margin-top:48px;font-size:16px}#game{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{--px:3px;flex:none;position:relative}#view{cursor:crosshair;width:100%;height:100%;display:block}.hud{pointer-events:none;font-family:var(--display);font-size:clamp(8px, calc(var(--px) * 3.2), 14px);grid-template-columns:1fr auto 1fr;place-items:start;gap:8px;display:grid;position:absolute;left:0;right:0}.hud.top{padding:calc(var(--px) * 3);padding-right:calc(var(--px) * 3);top:0}.hud .btn,.close{pointer-events:auto;font-family:var(--display);font-size:inherit;color:var(--ink);border:2px solid var(--ink);background:#14121cd9;padding:.7em .9em}.hud .btn:hover{background:var(--ink);color:var(--bg)}.hud-left{gap:calc(var(--px) * 2);display:flex}#map[aria-pressed=false]{opacity:.6}.where{text-align:center;background:#14121cd9;flex-direction:column;align-items:center;gap:.6em;padding:.7em .9em;line-height:1.3;display:flex}#hud-count{color:var(--gold);font-size:.8em}#crosshair{width:calc(var(--px) * 2);height:calc(var(--px) * 2);margin:calc(var(--px) * -1) 0 0 calc(var(--px) * -1);mix-blend-mode:difference;pointer-events:none;background:#fff;position:absolute;top:50%;left:50%}.prompt{left:50%;bottom:calc(var(--px) * 8);max-width:92%;font-family:var(--display);font-size:clamp(8px, calc(var(--px) * 3.2), 14px);background:var(--ink);color:var(--bg);border:2px solid #000;padding:.8em 1em;line-height:1.5;animation:1s steps(2,end) infinite blink;position:absolute;transform:translate(-50%);box-shadow:4px 4px #000}@keyframes blink{50%{background:var(--gold)}}.hint,.loading{font-family:var(--display);font-size:clamp(7px, calc(var(--px) * 2.6), 12px);text-align:center;color:var(--ink);pointer-events:none;background:#14121ce6;width:max-content;max-width:94%;padding:.8em 1em;line-height:1.6;position:absolute;left:50%;transform:translate(-50%)}.hint{bottom:calc(var(--px) * 26)}.loading{top:50%;transform:translate(-50%,-50%)}#pad{width:100%;max-width:520px;height:190px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;display:none}@media (pointer:coarse){#pad{display:flex}}.dpad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);display:grid}.pb{font-family:var(--display);background:var(--panel);color:var(--ink);touch-action:none;border:4px solid #000;font-size:16px;box-shadow:inset 0 0 0 2px #4a4468}.pb:active{background:var(--gold);color:#000}.pb.up{grid-area:1/2}.pb.left{grid-area:2/1}.pb.right{grid-area:2/3}.pb.down{grid-area:3/2}.pb.act{background:#b8432f;border-radius:0;width:96px;height:96px;font-size:14px}.detail{z-index:10;background:#08070cd9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.card{background:var(--panel);width:min(100%,1040px);max-height:100%;box-shadow:inset 0 0 0 4px var(--gold), 12px 12px 0 #000;border:4px solid #000;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;margin:auto;padding:24px;display:grid;position:relative}.art{background:#0e0c14;border:4px solid #000;justify-content:center;align-items:center;min-height:0;margin:0;padding:12px;display:flex}.art img{border:4px solid var(--gold);max-width:100%;display:block;box-shadow:0 0 0 4px #000}.meta{min-width:0;padding-right:8px;overflow-y:auto}.meta h2{font-family:var(--display);overflow-wrap:anywhere;margin:0 32px 12px 0;font-size:clamp(14px,2.2vw,20px);line-height:1.5}.artist{color:var(--gold);margin:0 0 16px;font-size:22px;font-weight:600}.facts{border-top:4px dotted #4a4468;border-bottom:4px dotted #4a4468;grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 16px;padding:12px 0;display:grid}.facts dt{font-family:var(--display);color:var(--ink-dim);padding-top:6px;font-size:9px}.facts dd{margin:0}.story{margin:0 0 16px;font-size:21px;line-height:1.4}.credit{color:var(--ink-dim);overflow-wrap:anywhere;margin:0;font-size:14px}.close{z-index:1;background:var(--bg);font-size:12px;position:absolute;top:12px;right:12px}@media (max-width:720px){.detail{align-items:flex-start}.card{grid-template-columns:1fr;gap:16px;max-height:none;padding:16px}.meta{overflow:visible}}@media (prefers-reduced-motion:reduce){.prompt{animation:none}.museum{transition:none}}@media (max-width:600px){.hud.top{gap:calc(var(--px) * 2);grid-template-columns:1fr}.where{align-items:flex-start}#hud-name{display:none}.hint{bottom:calc(var(--px) * 12)}}
