@font-face{font-family:Kindle Pixel;src:url(/site/fonts/kindle-pixel.woff2)format("woff2");font-display:block}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/site/fonts/atkinson-hyperlegible-next.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--ink:#15111a;--ink-2:#211a27;--ink-3:#2c2333;--text:#f2e8d8;--muted:#b8a890;--gold:#ffd25a;--ember:#ff7a18;--ember-deep:#a83e0a;--gap:clamp(56px, 9vw, 120px);--edge:clamp(16px, 5vw, 64px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink)}body{background:var(--ink);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:18px/1.55 Atkinson Hyperlegible Next,Georgia,serif}img{max-width:100%;height:auto;display:block}a{color:var(--gold);text-underline-offset:3px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button{font:inherit;color:inherit}.pixel{letter-spacing:0;text-transform:uppercase;font-family:Kindle Pixel,monospace;font-weight:400;line-height:1}.skip{left:var(--edge);background:var(--gold);color:var(--ink);z-index:10;padding:10px 14px;position:absolute;top:-60px}.skip:focus{top:12px}.top{align-items:flex-end;min-height:min(92vh,900px);display:flex;position:relative;overflow:hidden}.loop{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.top:after{content:"";pointer-events:none;background:linear-gradient(#15111a00 38%,#15111a8c 66%,#15111af0 100%);position:absolute;inset:0}.top-text{z-index:1;padding:0 var(--edge) clamp(36px, 7vh, 72px);max-width:1200px;position:relative}h1{color:var(--gold);text-shadow:8px 8px 0 var(--ember-deep), -3px -3px 0 var(--ink), 3px -3px 0 var(--ink), -3px 3px 0 var(--ink), 3px 3px 0 var(--ink);margin:0 0 20px;font-size:144px;animation:.6s steps(7,end) both rise}@keyframes rise{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.lead{max-width:30ch;margin:0 0 28px;font-size:clamp(20px,2.2vw,26px)}.act{flex-wrap:wrap;align-items:center;gap:14px 24px;margin:0;display:flex}.play{background:var(--ember);color:var(--ink);box-shadow:0 6px 0 var(--ember-deep);padding:18px 26px 16px;font-size:24px;text-decoration:none;display:inline-block}.play:hover{background:#ff8f3d}.play:active{box-shadow:0 2px 0 var(--ember-deep);transform:translateY(4px)}.facts{color:var(--muted)}section:not(.top){padding:var(--gap) var(--edge) 0;max-width:1280px}h2{color:var(--gold);margin:0 0 14px;font-size:40px}.one{max-width:60ch;color:var(--muted);margin:0 0 32px}.heroes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.hero{cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .2s}.hero img{width:100%;image-rendering:pixelated}.heroes.pointing .hero:not(.on){opacity:.45}.caption{min-height:2.2em;margin:16px 0 0;font-size:20px}.caption b{color:var(--gold);font-weight:700}.map-wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.map{aspect-ratio:1;background:var(--ink-2);position:relative}.map>img{width:100%;height:100%;image-rendering:pixelated}.pin{cursor:pointer;background:0 0;border:0;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;position:absolute}.pin:before{content:"";background:var(--gold);width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);position:absolute;top:10px;left:10px}.pin.on:before,.pin:hover:before{background:var(--ember);width:16px;height:16px;top:7px;left:7px}.map.region-on .pin:not(.in-region):before{opacity:.25}.place{margin:0}.place img{aspect-ratio:16/9;width:100%;image-rendering:pixelated;background:var(--ink-2)}.place figcaption{flex-direction:column;gap:4px;margin-top:14px;display:flex}.place figcaption b{color:var(--gold);font-size:24px}.place figcaption span:first-of-type{color:var(--muted)}.steps{gap:12px;margin:16px 0 0;display:flex}.steps button,.reveal{background:var(--ink-3);cursor:pointer;border:0;min-height:44px;padding:10px 16px}.steps button:hover,.reveal:hover{background:#3a2e43}.regions{flex-wrap:wrap;gap:6px 22px;margin:28px 0 0;padding:0;list-style:none;display:flex}.regions button{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;display:inline-flex}.regions button:before{content:"";background:var(--sw,var(--gold));width:14px;height:14px;box-shadow:4px 4px 0 var(--sw2,var(--ember));margin-right:4px}.regions button:hover,.regions button[aria-pressed=true]{color:var(--text)}.reveal{color:var(--text);margin-left:8px}.bosses{grid-template-columns:repeat(3,1fr);gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}.bosses img{aspect-ratio:16/9;width:100%;image-rendering:pixelated}.bosses p{margin:10px 0 0}.bosses b{color:var(--gold)}.bosses span{color:var(--muted);display:block}.keys{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 28px;margin:0;display:grid}.keys div{align-items:center;gap:14px;display:flex}.keys div:first-child{grid-column:span 2}@media (max-width:560px){.keys div:first-child{grid-column:auto}}.keys dt{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:flex}.keys dd{margin:0}kbd{text-align:center;text-transform:uppercase;min-width:38px;color:var(--text);background:var(--ink-3);padding:8px 9px 6px;font:16px/1 Kindle Pixel,monospace;display:inline-block;box-shadow:0 4px #0c090f}.also{max-width:60ch;color:var(--muted);margin:30px 0 0}.saving p{max-width:62ch;margin:0}footer{padding:var(--gap) var(--edge) 48px;color:var(--muted);max-width:1280px;font-size:16px}footer p{max-width:70ch;margin:0 0 10px}footer a{padding:8px 0;display:inline-block}@media (max-width:1100px){h1{font-size:96px}}@media (max-width:860px){.map-wrap{grid-template-columns:1fr}.heroes{grid-template-columns:repeat(3,1fr)}.bosses{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){h1{text-shadow:5px 5px 0 var(--ember-deep), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink);font-size:48px}h2{font-size:32px}.top{min-height:88vh}.play{font-size:16px}.bosses{grid-template-columns:1fr}.pin{width:26px;height:26px;margin:-13px 0 0 -13px}.pin:before{width:8px;height:8px;top:9px;left:9px}}@media (max-width:380px){h1{font-size:40px}}@media (prefers-reduced-motion:reduce){h1{animation:none}.hero{transition:none}}