:root{--night: #2a1b2e;--plum: #3f2740;--ridge: #5e3a57;--mauve: #a06e8c;--rose: #d88a86;--moon: #fff6e3;--moon-dim: #d9c8c9;--foam: #8fd3c9;--gold: #ffd77a;--glass: color-mix(in srgb, var(--night) 78%, transparent);--cell: color-mix(in srgb, var(--panel) 70%, var(--ink-soft) 12%);--panel-hover: color-mix(in srgb, var(--panel) 88%, var(--moon) 12%);--rose-hover: color-mix(in srgb, var(--rose) 80%, white 20%);--ink: var(--moon);--ink-soft: #cdb6c3;--panel: #33213a;--panel-edge: #1b1120;--display: "Pixelify Sans", ui-monospace, monospace;--body: "Atkinson Hyperlegible", system-ui, sans-serif;--t-sm: .875rem;--t-md: 1.0625rem;--t-lg: 1.33rem;--t-xl: 1.66rem;--t-2xl: 2.6rem;--t-hero: clamp(3.4rem, 11vw, 8.5rem);--step: 4px;--gutter: clamp(16px, 4vw, 48px);--max: 1040px}*{box-sizing:border-box}html,body{overflow-x:clip}html{font-size:90%;scroll-behavior:smooth;scroll-padding-top:72px}html,body,#root{margin:0}body{background:var(--night);transition:background-color 2s linear;color:var(--ink);font-family:var(--body);font-size:var(--t-md);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;margin:0}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.px{box-shadow:0 calc(var(--step) * -1) 0 0 var(--panel-edge),0 var(--step) 0 0 var(--panel-edge),calc(var(--step) * -1) 0 0 0 var(--panel-edge),var(--step) 0 0 0 var(--panel-edge)}.page{overflow-x:clip}.topbar{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gutter);background:linear-gradient(var(--night) 0 0) top / 100% 0 no-repeat}.brand{text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;font-family:var(--display);font-weight:700;background:var(--night);color:var(--moon);box-shadow:0 -4px 0 0 var(--moon),0 4px 0 0 var(--moon),-4px 0 0 0 var(--moon),4px 0 0 0 var(--moon)}.topbar nav{display:flex;margin-left:auto;gap:4px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a{font-family:var(--display);text-decoration:none;padding:6px 10px;background:var(--glass)}.topbar nav a:hover{background:var(--moon);color:var(--night)}.pv{position:relative}.pv-gear{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;cursor:pointer;color:var(--ink-soft);background:var(--glass)}.pv-gear svg{width:16px;height:16px}.pv-gear:hover,.pv-gear[aria-expanded=true]{color:var(--night);background:var(--moon)}.pv-gear.on:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;background:var(--gold)}.pv-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:30;display:grid;gap:12px;width:min(300px,calc(100vw - 32px));padding:16px;background:var(--night);box-shadow:0 -4px 0 0 var(--panel-edge),0 4px 0 0 var(--panel-edge),-4px 0 0 0 var(--panel-edge),4px 0 0 0 var(--panel-edge)}.pv-title{margin:0;font-family:var(--display);font-size:var(--t-lg)}.pv-note{margin:-6px 0 0;font-size:var(--t-sm);color:var(--ink-soft)}.pv-field{display:grid;gap:6px}.pv-label{font-family:var(--display);font-size:var(--t-sm)}.pv-row-head{display:flex;justify-content:space-between;align-items:center;font-variant-numeric:tabular-nums}.pv-time{display:grid;gap:6px}.pv-live{padding:2px 8px;border:0;cursor:pointer;font:inherit;font-size:var(--t-sm);color:var(--night);background:var(--foam)}.pv-range{display:flex;gap:10px;align-items:center}.pv-range input{flex:1}.pv-range span{min-width:3.5ch;text-align:right;font-variant-numeric:tabular-nums}.pv-panel input[type=range]{width:100%;accent-color:var(--gold)}.pv-panel select,.pv-panel input[type=date]{width:100%;padding:6px 8px;font:inherit;color:var(--moon);background:var(--panel);border:0;box-shadow:inset 2px 2px 0 0 var(--panel-edge);color-scheme:dark}.pv-reset:disabled{opacity:.5;cursor:default}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:120px var(--gutter) max(16vh,96px);cursor:crosshair;isolation:isolate}.pixel-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;image-rendering:pixelated;image-rendering:crisp-edges}.hero-copy{max-width:640px;cursor:auto}.hero-title{display:flex;flex-direction:column;font-size:var(--t-hero);font-weight:700;line-height:.88;letter-spacing:-.01em;color:var(--moon);text-shadow:.06em .06em 0 var(--plum),.12em .12em 0 var(--night)}.hero-title span{display:block;animation:dropIn .7s steps(6) both}.hero-title span+span{animation-delay:.15s;padding-left:.5em}.lede{max-width:46ch;margin:28px 0 0;padding:14px 16px;font-size:var(--t-md);background:var(--glass);animation:fadeIn .6s .5s both}.cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;animation:fadeIn .6s .65s both}.hero-hint{position:absolute;right:var(--gutter);bottom:3vh;padding:5px 10px;background:var(--glass)}.hint-keys{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:.78rem;color:var(--ink-soft)}.hint-keys span{display:inline-flex;gap:4px;align-items:center}kbd{display:inline-grid;place-items:center;min-width:18px;height:17px;padding:0 5px 2px;font-family:var(--display);font-size:.7rem;line-height:1;color:var(--night);background:var(--moon-dim);box-shadow:inset 0 -2px #00000040}.say{position:absolute;z-index:3;max-width:220px;padding:6px 10px;transform:translate(-50%,-100%);pointer-events:none;font-size:var(--t-sm);line-height:1.35;text-align:center;color:var(--night);background:var(--moon);box-shadow:0 0 0 2px var(--panel-edge)}.say[hidden]{display:none}.say.horror{color:#ff5a4f;background:#0b0306;box-shadow:0 0 0 2px #3a0b10;font-family:var(--display);letter-spacing:.02em;animation:shiver .18s steps(2) infinite}@keyframes shiver{50%{transform:translate(calc(-50% + 1px),calc(-100% - 1px))}}.sky-line.sky-horror{color:#ff5a4f;font-family:var(--display)}.game-hud{position:absolute;top:92px;left:50%;z-index:3;transform:translate(-50%);padding:6px 12px;font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--night);background:var(--gold);box-shadow:0 0 0 2px var(--panel-edge)}.game-hud[hidden]{display:none}.sky-tip{position:absolute;z-index:2;display:grid;padding:4px 8px;pointer-events:none;background:var(--glass);box-shadow:0 0 0 2px var(--panel-edge)}.sky-tip[hidden]{display:none}.sky-tip strong{font-family:var(--display);font-size:var(--t-sm);color:var(--moon)}.sky-tip span{font-size:.75rem;color:var(--ink-soft)}.sky-clock{position:absolute;top:92px;right:var(--gutter);padding:10px 14px;text-align:right;background:var(--glass);cursor:auto}.sky-clock p{margin:0}.sky-time{font-size:var(--t-xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.sky-time small{margin-left:6px;font-size:var(--t-sm);font-weight:400;color:var(--ink-soft)}.sky-line{font-size:var(--t-sm);color:var(--ink-soft)}.sky-line.sky-event{color:var(--gold)}.now-playing{display:flex;align-items:center;gap:10px;max-width:280px;margin:10px 0 0 auto;padding-top:10px;text-align:left;text-decoration:none;border-top:2px dashed color-mix(in srgb,var(--ink-soft) 40%,transparent)}.now-playing img{flex-shrink:0;width:52px;height:52px;object-fit:cover;box-shadow:0 0 0 2px var(--panel-edge)}.np-text{display:grid;gap:1px;min-width:0;font-size:var(--t-sm);line-height:1.35}.np-text strong{font-size:var(--t-md)}.np-label{font-size:var(--t-sm)}.np-text strong,.np-text>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.np-text>span:last-child,.np-label{color:var(--ink-soft)}.np-genre{padding:0 6px;color:var(--night);background:var(--foam)}.np-label{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.np-bars{display:inline-flex;gap:2px;align-items:flex-end;height:10px}.np-bars i{width:3px;background:var(--foam);animation:eq .9s steps(3) infinite}.np-bars i:nth-child(2){animation-delay:-.3s}.np-bars i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:3px}50%{height:10px}}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-family:var(--display);font-size:var(--t-md);text-decoration:none;color:var(--moon);background:var(--plum);border:0;cursor:pointer;box-shadow:0 -4px 0 0 var(--panel-edge),0 4px 0 0 var(--panel-edge),-4px 0 0 0 var(--panel-edge),4px 0 0 0 var(--panel-edge),inset 0 -4px #00000040;transition:transform 80ms steps(2)}.btn:hover{background:var(--ridge)}.btn:active{transform:translateY(3px);box-shadow:0 -4px 0 0 var(--panel-edge),0 4px 0 0 var(--panel-edge),-4px 0 0 0 var(--panel-edge),4px 0 0 0 var(--panel-edge)}.btn-primary{background:var(--moon);color:#1b1120}.btn-primary:hover{background:var(--gold)}main>.section{max-width:var(--max);margin:0 auto;padding:84px var(--gutter) 20px}.section-heading{margin-bottom:36px;max-width:60ch}.section-heading h2,.contact-intro h2{font-size:var(--t-2xl);color:var(--moon)}.section-heading p{margin:10px 0 0;color:var(--ink-soft)}#stats{position:relative}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}.player-card{display:flex;flex-direction:column;gap:10px;padding:20px;text-decoration:none;background:var(--panel);box-shadow:0 -4px 0 0 var(--panel-edge),0 4px 0 0 var(--panel-edge),-4px 0 0 0 var(--panel-edge),4px 0 0 0 var(--panel-edge),inset 0 4px #fff6e30f}.player-card:hover{background:var(--panel-hover)}.player-card h3{display:flex;align-items:center;gap:10px;font-size:var(--t-lg)}.player-card h3 img{width:22px;height:22px}.player-rating{margin:4px 0 0;display:flex;align-items:baseline;gap:10px;font-family:var(--body);font-size:2.8rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;color:var(--gold)}.player-rating small{font-size:var(--t-md);font-weight:400;color:var(--ink-soft)}.player-meta,.player-empty{margin:0;font-size:var(--t-sm);color:var(--ink-soft)}.xp{display:grid;grid-template-columns:repeat(20,1fr);gap:2px;padding:3px;background:var(--panel-edge)}.xp span{height:10px;background:var(--cell)}.xp span.on{background:var(--foam);animation:fillCell .25s steps(2) both;animation-delay:calc(var(--i) * 40ms + .3s)}.sparkline{width:100%;height:40px;margin-top:4px}.sparkline path{fill:none;stroke:var(--rose);stroke-width:2;shape-rendering:crispEdges}.lc-split{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 0;padding:0;list-style:none;font-family:var(--body);font-weight:700;font-size:var(--t-lg);font-variant-numeric:tabular-nums}.lc-split li{display:flex;flex-direction:column;padding:6px 8px;background:var(--panel-edge)}.lc-split span{font-weight:400;font-size:var(--t-sm);color:var(--ink-soft)}.lc-split .easy{color:var(--foam)}.lc-split .medium{color:var(--gold)}.lc-split .hard{color:var(--rose)}.dialogue{display:grid;grid-template-columns:132px 1fr;gap:24px;max-width:860px;padding:20px;background:var(--night);box-shadow:0 -4px 0 0 var(--moon),0 4px 0 0 var(--moon),-4px 0 0 0 var(--moon),4px 0 0 0 var(--moon),0 0 0 8px var(--plum)}.dialogue-portrait{aspect-ratio:1;overflow:hidden;background:linear-gradient(var(--mauve) 0 70%,var(--plum) 70%);box-shadow:0 0 0 4px var(--ridge)}.dialogue-portrait{display:grid;place-items:center}.dialogue-portrait svg{width:62%;height:auto;image-rendering:pixelated;animation:bob 1.2s steps(2) infinite}.dialogue-body{position:relative;display:flex;flex-direction:column;min-height:132px}.dialogue-name{margin:0 0 6px;font-family:var(--display);font-size:var(--t-lg);color:var(--rose)}.dialogue-text{flex:1;margin:0;font-size:var(--t-lg);line-height:1.5;max-width:54ch}.dialogue-next{align-self:flex-end;margin-top:12px;display:inline-flex;gap:8px;align-items:center;padding:4px 8px;font-family:var(--display);font-size:var(--t-md);color:var(--moon);background:none;border:0;cursor:pointer}.dialogue-next:hover{background:var(--plum)}.caret{animation:bob .8s steps(2) infinite}.dialogue-count{position:absolute;left:0;bottom:4px;margin:0;font-size:var(--t-sm);color:var(--ink-soft)}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:28px}.quest{display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--panel);color:var(--ink);box-shadow:0 -4px 0 0 var(--panel-edge),0 4px 0 0 var(--panel-edge),-4px 0 0 0 var(--panel-edge),4px 0 0 0 var(--panel-edge),inset 0 4px 0 0 var(--rose)}.quest-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.quest h3{font-size:var(--t-lg)}.quest-loot{flex-shrink:0;font-family:var(--body);font-weight:700;font-variant-numeric:tabular-nums;font-size:var(--t-sm);padding:2px 6px;background:var(--panel-edge);color:var(--gold)}.quest p{margin:0;flex:1;font-size:var(--t-sm);line-height:1.6;color:var(--ink-soft)}.quest-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.quest-tags li{padding:2px 8px;font-family:var(--display);font-size:var(--t-sm);background:var(--cell)}.quest .quest-role{flex:none;margin-top:-6px;font-family:var(--display);color:var(--gold)}.quest-links{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.quest-private{font-size:var(--t-sm);color:var(--ink-soft)}.quest-link{align-self:flex-start;font-family:var(--display);font-weight:600;color:var(--foam);text-decoration-thickness:2px;text-underline-offset:4px}.quest-link:hover{color:var(--night);background:var(--gold)}.inventory{display:grid;gap:32px}.inv-group h3{font-size:var(--t-lg);margin-bottom:14px;color:var(--ink-soft)}.inv-grid{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.inv-slot{position:relative;display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;cursor:pointer;background:var(--panel);box-shadow:inset 4px 4px 0 0 var(--panel-edge),inset -4px -4px 0 0 var(--cell)}.inv-slot img{width:32px;height:32px;transition:transform .12s steps(3)}.inv-slot:hover img,.inv-slot.active img{transform:translateY(-4px) scale(1.1)}.inv-name{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:nowrap;padding:4px 8px;font-family:var(--display);font-size:var(--t-sm);background:var(--moon);color:var(--night);pointer-events:none;opacity:0;z-index:2}.inv-slot:hover .inv-name,.inv-slot:focus-visible .inv-name,.inv-slot.active .inv-name{opacity:1}.inv-slot.active{box-shadow:inset 4px 4px 0 0 var(--panel-edge),inset -4px -4px 0 0 var(--cell),0 0 0 4px var(--gold)}.level-map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none}.level-map:before{content:"";position:absolute;top:22px;left:22px;right:22px;height:4px;background:repeating-linear-gradient(90deg,var(--mauve) 0 12px,transparent 12px 20px)}.level-map li{position:relative}.level-node{position:relative;display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;font-family:var(--display);font-size:var(--t-lg);background:var(--ridge);box-shadow:0 0 0 4px var(--panel-edge)}.level-map .current .level-node{background:var(--gold)}.level-player{width:16px;height:22px;background:linear-gradient(var(--night) 0 0) 4px 0 / 8px 6px no-repeat,linear-gradient(#f2c9a8 0,#f2c9a8 0) 4px 6px / 8px 4px no-repeat,linear-gradient(var(--foam) 0 0) 0 10px / 16px 6px no-repeat,linear-gradient(var(--plum) 0 0) 4px 16px / 8px 6px no-repeat;animation:bob .9s steps(2) infinite}.level-when{margin:0;font-family:var(--display);color:var(--rose)}.level-map h3{margin:4px 0 6px;font-size:var(--t-lg)}.level-map li>p:last-child{margin:0;color:var(--ink-soft);font-size:var(--t-sm)}.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:start}.contact-intro p{margin:12px 0 24px;color:var(--ink-soft);max-width:40ch}.contact-links{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.contact-links a{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-family:var(--display);text-decoration:none;background:var(--panel)}.contact-links a:hover{background:var(--moon);color:var(--night)}.contact-links img{width:16px;height:16px}.contact-form{display:grid;gap:18px;padding:24px;background:var(--panel);box-shadow:0 -4px 0 0 var(--panel-edge),0 4px 0 0 var(--panel-edge),-4px 0 0 0 var(--panel-edge),4px 0 0 0 var(--panel-edge)}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:6px}.field span{font-family:var(--display)}.field input,.field textarea{width:100%;padding:10px 12px;font:inherit;color:var(--moon);background:var(--night);border:0;box-shadow:inset 4px 4px 0 0 var(--panel-edge);resize:vertical}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--ink-soft) 70%,transparent)}.field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--foam);outline-offset:0}.contact-actions{display:flex;gap:16px;flex-wrap:wrap}.site-footer{padding:64px var(--gutter) 40px;text-align:center;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.site-footer p{margin:0}@keyframes dropIn{0%{opacity:0;transform:translateY(-.4em)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{50%{opacity:.45}}@keyframes bob{50%{transform:translateY(-3px)}}@keyframes fillCell{0%{background:var(--cell)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media (max-width: 820px){.contact,.level-map{grid-template-columns:1fr}.level-map:before{top:22px;bottom:22px;left:22px;right:auto;width:4px;height:auto;background:repeating-linear-gradient(180deg,var(--mauve) 0 12px,transparent 12px 20px)}.level-map li{padding-left:72px}.level-node{position:absolute;left:0;top:0}}@media (max-width: 600px){.topbar{padding:10px var(--gutter)}.topbar nav{gap:2px}.topbar nav a{padding:4px 6px;font-size:var(--t-sm)}.player-grid,.quest-grid{gap:24px}main>.section{padding-top:72px}.hero{padding-bottom:14vh}.hero-hint{left:var(--gutter);right:auto}.sky-clock{top:68px;left:var(--gutter);right:var(--gutter);padding:8px 10px}.sky-time{font-size:var(--t-lg)}.now-playing{max-width:none}.now-playing img{width:44px;height:44px}.np-text strong{font-size:var(--t-md)}.hero{padding-top:260px}.lede{font-size:var(--t-sm)}.cta-row{gap:12px}.btn{padding:8px 12px;font-size:var(--t-sm)}.player-rating{font-size:2.4rem}.dialogue{grid-template-columns:1fr}.dialogue-portrait{width:72px}.contact-row{grid-template-columns:1fr}.section-heading h2,.contact-intro h2{font-size:var(--t-xl)}}@media (max-width: 440px){.brand{display:none}.topbar nav{flex:1;justify-content:space-between}}@media (max-height: 560px) and (orientation: landscape){.hero{min-height:560px}}.hint-touch{display:none;margin:0;font-size:.78rem;color:var(--ink-soft)}@media (hover: none){.hint-keys{display:none}.hint-touch{display:block}}