:root{--bg:#0a0a12;--ink:#eceaf2;--ink-soft:#a7a4b8;--pink:#ff3fa4;--cyan:#3ee6ff;--card:#12121c;--rule:#26263a;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow:hidden}[hidden]{display:none!important}a{color:inherit}#stage{position:fixed;inset:0}#gl{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#gl.dragging{cursor:grabbing}#markers{pointer-events:none;position:absolute;inset:0}.marker{pointer-events:auto;cursor:pointer;opacity:0;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;transition:opacity .3s;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.marker.visible{opacity:1}.marker .dot{background:var(--cyan);width:12px;height:12px;box-shadow:0 0 8px var(--cyan), 0 0 24px var(--cyan);border-radius:50%;animation:2.4s ease-in-out infinite pulse}.marker:hover .dot,.marker:focus-visible .dot{background:var(--pink);box-shadow:0 0 10px var(--pink), 0 0 30px var(--pink);animation:none}.marker .label{white-space:nowrap;font-family:var(--mono);letter-spacing:.06em;color:var(--ink);opacity:0;pointer-events:none;text-transform:uppercase;background:#0a0a12bf;border-radius:4px;padding:.2rem .5rem;font-size:.72rem;transition:opacity .15s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.marker:hover .label,.marker:focus-visible .label{opacity:1}@keyframes pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}#hud{gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.hud-btn{width:40px;height:40px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a1299;border:1px solid #fff3;border-radius:50%;font-size:1.1rem}.hud-btn[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}.hud-btn[aria-pressed=false]{opacity:.55}#hint{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-soft);opacity:0;pointer-events:none;margin:0;font-size:.72rem;animation:6s ease-in-out 1s forwards hint;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}@keyframes hint{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}#splash{background:var(--bg);z-index:10;background-image:radial-gradient(at 50% 120%,#ff3fa42e,#0000 60%),radial-gradient(at 50% -20%,#3ee6ff1f,#0000 60%);place-items:center;transition:opacity .8s;display:grid;position:fixed;inset:0}#splash.out{opacity:0;pointer-events:none}.splash-inner{text-align:center;padding:2rem}.neon{letter-spacing:.08em;color:#fff;text-shadow:0 0 6px #fff, 0 0 14px var(--pink), 0 0 40px var(--pink), 0 0 80px var(--pink);margin:0;font-size:clamp(2.4rem,9vw,5.5rem);font-weight:700;animation:7s infinite flicker}.neon span{color:var(--cyan);text-shadow:0 0 6px #fff, 0 0 14px var(--cyan), 0 0 40px var(--cyan)}.kana{letter-spacing:.4em;color:var(--ink-soft);margin:.2rem 0 1.4rem;font-size:clamp(1rem,3vw,1.6rem)}.splash-sub{color:var(--ink-soft);margin:0 0 2rem}#enter{font:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--cyan);border:1px solid var(--cyan);background:0 0;border-radius:999px;padding:.9rem 2.6rem;font-weight:600;transition:background .2s,color .2s;box-shadow:0 0 12px #3ee6ff59,inset 0 0 12px #3ee6ff26}#enter:hover{background:var(--cyan);color:var(--bg)}.splash-foot{font-family:var(--mono);margin-top:2rem;font-size:.75rem}.splash-foot a{color:var(--ink-soft)}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.55}}#card{border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:14px;width:min(92vw,520px);max-height:90vh;padding:0;overflow:auto;box-shadow:0 30px 80px #0009}#card::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05050a99}#card-img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--rule);width:100%;display:block}.card-body{padding:1.25rem 1.4rem 1.4rem}.card-where{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin:0 0 .3rem;font-size:.7rem}.card-title{letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.5rem}.card-blurb{color:var(--ink-soft);margin:0 0 1rem}.card-tags{flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.card-tags li{font-family:var(--mono);border:1px solid var(--rule);color:var(--ink-soft);border-radius:4px;padding:.1rem .45rem;font-size:.7rem}.card-actions{flex-wrap:wrap;gap:.6rem;display:flex}.card-actions a{border:1px solid var(--rule);color:var(--ink);border-radius:999px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none}.card-actions a.primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.card-actions a.primary.soon{color:var(--ink-soft);pointer-events:none;background:0 0;border-style:dashed}.card-close{color:#fff;cursor:pointer;background:#0a0a1299;border:0;border-radius:50%;width:34px;height:34px;font-size:1.2rem;position:absolute;top:.6rem;right:.6rem}#list{min-height:100%;padding:0 1.5rem;position:fixed;inset:0;overflow:auto}#list header{max-width:60rem;margin:0 auto;padding:4rem 0 2rem}#list h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2rem,6vw,3rem)}.tagline{color:var(--ink-soft);margin:0}.list-back{font-family:var(--mono);margin-top:1rem;font-size:.75rem}.list-back a{color:var(--cyan);text-decoration:none}.grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;max-width:60rem;margin:0 auto;padding:0;list-style:none;display:grid}.grid a{border:1px solid var(--rule);background:var(--card);border-radius:12px;padding:1.2rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.grid a:hover{border-color:var(--cyan);transform:translateY(-2px)}.grid h3{margin:0 0 .4rem;font-size:1.05rem}.grid p{color:var(--ink-soft);margin:0 0 .8rem;font-size:.9rem}.grid .tags{font-family:var(--mono);color:var(--ink-soft);font-size:.68rem}.grid .soon{color:var(--pink);font-family:var(--mono);font-size:.68rem}#list footer{max-width:60rem;font-family:var(--mono);color:var(--ink-soft);flex-wrap:wrap;gap:1.2rem;margin:3rem auto 4rem;font-size:.75rem;display:flex}.marker:not(.visible){pointer-events:none}.offscreen{opacity:0;border:0;width:1px;height:1px;position:fixed;top:0;left:-9999px}.marker.zone{width:30px;height:30px}.marker.zone .label{top:-1.6rem}.marker.egg{width:40px;height:40px}.marker.egg .label{top:-1.6rem}#toast{color:var(--ink);border:1px solid var(--rule);font-family:var(--mono);letter-spacing:.02em;z-index:5;pointer-events:none;opacity:0;background:#0a0a12d9;border-radius:999px;padding:.6rem 1.1rem;font-size:.8rem;transition:opacity .25s,transform .25s;position:fixed;bottom:3.2rem;left:50%;transform:translate(-50%)}#toast.show{opacity:1;transform:translate(-50%)translateY(-4px)}