@layer reset,base,components,layout,pages;@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p-5c7e04d0202b58d3df25dd6ed69ce9b2.woff2?vsn=d) format("woff2");font-display:swap}@font-face{font-family:VT323;src:url(/fonts/vt323-9cb03ff101745b695ab00581bfb7ceb8.woff2?vsn=d) format("woff2");font-display:swap}@property --panel{syntax: "<color>"; inherits: true; initial-value: #140a2e;}@property --panel-2{syntax: "<color>"; inherits: true; initial-value: #22113f;}@property --ink{syntax: "<color>"; inherits: true; initial-value: #f4e9ff;}@property --muted{syntax: "<color>"; inherits: true; initial-value: #a996c9;}@property --border{syntax: "<color>"; inherits: true; initial-value: #05020f;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #ff2fd0;}@property --accent-2{syntax: "<color>"; inherits: true; initial-value: #22e8ff;}@property --accent-ink{syntax: "<color>"; inherits: true; initial-value: #05020f;}@property --highlight{syntax: "<color>"; inherits: true; initial-value: #ffd23f;}@property --shadow{syntax: "<color>"; inherits: true; initial-value: #05020f99;}:root{--px: 4px;--font-pixel: "Press Start 2P", ui-monospace, "Courier New", monospace;--font-body: "VT323", ui-monospace, "Courier New", monospace;--gold: #ffd23f;--panel: #140a2e;--panel-2: #22113f;--ink: #f4e9ff;--muted: #a996c9;--border: #05020f;--accent: #ff2fd0;--accent-2: #22e8ff;--accent-ink: #05020f;--highlight: #ffd23f;--shadow: #05020f99;--bevel-light: color-mix(in oklab, var(--panel) 70%, white);--bevel-dark: color-mix(in oklab, var(--panel) 70%, black);color-scheme:dark;transition-property:--panel,--panel-2,--ink,--muted,--border,--accent,--accent-2,--accent-ink,--highlight;transition-duration:.6s;transition-timing-function:steps(6)}:root[data-daypart=dusk]{--panel: #1e0b3a;--panel-2: #2e1152;--ink: #ffe9f7;--muted: #d19ac6;--border: #0d0319;--accent: #ff4f9a;--accent-2: #ffd23f;--accent-ink: #1a0520}:root[data-daypart=dawn]{--panel: #fdeaf2;--panel-2: #f6d3ea;--ink: #33144f;--muted: #7d5a93;--border: #33144f;--accent: #d6246e;--accent-2: #6a3fd6;--accent-ink: #fff5fa;--highlight: #b8570f;--shadow: #33144f66;color-scheme:light}:root[data-daypart=day]{--panel: #fff6e0;--panel-2: #ffe7b8;--ink: #2a1640;--muted: #75608a;--border: #2a1640;--accent: #e0237a;--accent-2: #1b7fd6;--accent-ink: #fff6e0;--highlight: #b8490f;--shadow: #2a164066;color-scheme:light}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100dvh}img,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer base{body{background:#05020f;color:var(--ink);font-family:var(--font-body);font-size:1.5rem;line-height:1.15;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h3v3H0zM0 3h3v18H0zM3 3h3v3H3zm0 3h6v3H3zm0 3h9v3H3zm0 3h12v3H3zm0 3h6v3H3zm6 3h3v3H9z' fill='%2305020f'/%3E%3Cpath d='M3 6h3v3H3zm0 3h6v3H3zm0 3h9v3H3z' fill='%23ffffff'/%3E%3C/svg%3E") 0 0,auto}h1,h2,h3{font-family:var(--font-pixel);font-weight:400;line-height:1.3;text-wrap:balance}h1{font-size:clamp(1.25rem,1rem + 1.5vw,2rem)}h2{font-size:1rem}h3{font-size:.75rem}p{text-wrap:pretty}a:not([class]){color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}a:not([class]):hover{color:var(--accent-2)}:focus-visible{outline:var(--px) dashed var(--accent-2);outline-offset:var(--px)}::selection{background:var(--accent);color:var(--accent-ink)}.accent{color:var(--accent)}.eyebrow{font-family:var(--font-pixel);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2)}.pixel-title{text-shadow:2px 2px 0 var(--accent),4px 4px 0 var(--shadow)}}@layer layout{.scene{position:fixed;inset:0;z-index:-1;background:linear-gradient(to bottom,#05021a 0 20%,#12053a 20% 35%,#2a0b4a 35% 50%,#ff2fd0 50% 50.6%,#0b0633 50.6% 75%,#1c0f33 75%)}:root[data-daypart=dawn] .scene{background:linear-gradient(to bottom,#2b1b6b 0 20%,#8a3a9a 20% 35%,#ff7aa8 35% 50%,#3a2a80 50% 75%,#6a4270 75%)}:root[data-daypart=day] .scene{background:linear-gradient(to bottom,#1e7fff 0 20%,#5ab4ff 20% 35%,#a8ecff 35% 50%,#0e6fd8 50% 75%,#ffd29a 75%)}:root[data-daypart=dusk] .scene{background:linear-gradient(to bottom,#2a0f5c 0 20%,#8a1f7a 20% 35%,#ff3d7f 35% 50%,#3b0f6e 50% 75%,#4a1850 75%)}.scene__canvas{width:100%;height:100%;image-rendering:pixelated;visibility:hidden}:root.has-webgl .scene__canvas{visibility:visible}}@layer layout{.stage{min-height:100dvh;display:grid;place-items:center;padding-block:clamp(1.5rem,6vh,5rem) 8rem;padding-inline:1rem}}@layer layout{.window{width:min(100%,56rem)}.window__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(var(--px) * 2) calc(var(--px) * 3);background:repeating-linear-gradient(to bottom,var(--accent) 0 var(--px),color-mix(in oklab,var(--accent) 75%,var(--border)) var(--px) calc(var(--px) * 2));border-bottom:var(--px) solid var(--border)}.window__title{font-family:var(--font-pixel);font-size:.75rem;text-decoration:none;color:var(--ink);background:var(--panel);padding:var(--px) calc(var(--px) * 2);box-shadow:0 0 0 var(--px) var(--border)}.window__title:hover .accent{color:var(--accent-2)}.window__buttons{display:flex;gap:calc(var(--px) * 2)}.window__buttons i{width:calc(var(--px) * 3);height:calc(var(--px) * 3);background:var(--panel);box-shadow:0 0 0 var(--px) var(--border)}.window__buttons i:nth-child(1){background:var(--gold)}.window__buttons i:nth-child(2){background:var(--accent-2)}.menu{display:flex;flex-wrap:wrap;gap:calc(var(--px) * 2) calc(var(--px) * 6);padding:calc(var(--px) * 3) calc(var(--px) * 5);background:var(--panel-2);border-bottom:var(--px) solid var(--border)}.menu__item{position:relative;font-family:var(--font-pixel);font-size:.75rem;text-transform:uppercase;text-decoration:none;color:var(--muted);padding-left:1.25em}.menu__item:before{content:"\25b6";position:absolute;left:0;color:var(--accent);visibility:hidden}.menu__item:hover,.menu__item:focus-visible,.menu__item[aria-current=page]{color:var(--ink)}:is(.menu__item:hover,.menu__item:focus-visible,.menu__item[aria-current=page]):before{visibility:visible}.menu__item[aria-current=page]:before{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.window__body{padding:clamp(1.25rem,4vw,2.5rem);display:grid;gap:1.5rem}}@layer layout{.hud{position:fixed;left:calc(var(--px) * 4);bottom:calc(var(--px) * 4);display:flex;align-items:center;gap:.75em;padding:calc(var(--px) * 2) calc(var(--px) * 3);font-family:var(--font-pixel);font-size:.625rem;text-transform:uppercase;pointer-events:none}@media (width < 40rem){.hud{position:relative;left:auto;bottom:auto;width:fit-content;margin:-3.5rem auto 1.5rem}}.hud__icon{color:var(--highlight)}.hud__part{color:var(--accent-2)}}@layer layout{.time-control{--thumb: calc(var(--px) * 5);position:fixed;right:calc(var(--px) * 4);bottom:calc(var(--px) * 4);z-index:5;width:17rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(var(--px) * 2) calc(var(--px) * 3);padding:calc(var(--px) * 3) calc(var(--px) * 4) calc(var(--px) * 4)}@media (width < 40rem){.time-control{position:relative;right:auto;bottom:auto;width:min(100% - 2rem,20rem);margin:0 auto 1.5rem}}.time-control__head{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline}.time-control__title{font-family:var(--font-pixel);font-size:.5625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2)}.time-control__value{font-family:var(--font-pixel);font-size:.75rem;color:var(--ink)}.time-control__range{grid-column:1 / -1;appearance:none;width:100%;height:var(--thumb);margin:var(--px) 0 0;background:transparent;cursor:inherit;--sky: linear-gradient(to right, #140a3a 0 20%, #ff7aa8 20% 30%, #5ab4ff 30% 70%, #ff3d7f 70% 82%, #140a3a 82%)}.time-control__range::-webkit-slider-runnable-track{height:calc(var(--px) * 3);background:var(--sky);box-shadow:0 0 0 var(--px) var(--border)}.time-control__range::-moz-range-track{height:calc(var(--px) * 3);background:var(--sky);box-shadow:0 0 0 var(--px) var(--border)}.time-control__range::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc(var(--px) * -1);border:0;border-radius:0;background:var(--gold);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #c98a12,0 0 0 var(--px) var(--border)}.time-control__range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:0;border-radius:0;background:var(--gold);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 #c98a12,0 0 0 var(--px) var(--border)}.time-control__range:hover::-webkit-slider-thumb,.time-control__range:active::-webkit-slider-thumb{background:#ffe680}.time-control__range:hover::-moz-range-thumb,.time-control__range:active::-moz-range-thumb{background:#ffe680}.time-control__range:focus-visible{outline:var(--px) dashed var(--accent-2);outline-offset:calc(var(--px) * 2)}.time-control__ticks{grid-column:1 / -1;display:flex;justify-content:space-between;padding-inline:calc(var(--thumb) / 2 - .35em);font-size:1rem;line-height:1;color:var(--muted)}.time-control__live{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:.6em;padding:var(--px) calc(var(--px) * 2);font-family:var(--font-pixel);font-size:.5625rem;text-transform:uppercase;color:var(--muted);background:var(--panel-2);box-shadow:0 0 0 var(--px) var(--border);cursor:inherit}.time-control__live:hover{color:var(--ink)}.time-control__dot{width:calc(var(--px) * 2);height:calc(var(--px) * 2);background:var(--muted)}.time-control.is-live .time-control__live{color:var(--ink)}.time-control.is-live .time-control__dot{background:#ff4f6d;animation:blink 1s steps(1) infinite}}@layer components{.pixel-box{--b: var(--px);margin:var(--b);background:var(--panel);color:var(--ink);box-shadow:inset var(--b) var(--b) 0 0 var(--bevel-light),inset calc(var(--b) * -1) calc(var(--b) * -1) 0 0 var(--bevel-dark),0 calc(var(--b) * -1) 0 0 var(--border),0 var(--b) 0 0 var(--border),calc(var(--b) * -1) 0 0 0 var(--border),var(--b) 0 0 0 var(--border),calc(var(--b) * 2) calc(var(--b) * 2) 0 0 var(--shadow),var(--b) calc(var(--b) * 3) 0 0 var(--shadow),calc(var(--b) * 3) var(--b) 0 0 var(--shadow)}.pixel-box--inset{background:var(--panel-2);box-shadow:inset var(--b) var(--b) 0 0 var(--bevel-dark),0 calc(var(--b) * -1) 0 0 var(--border),0 var(--b) 0 0 var(--border),calc(var(--b) * -1) 0 0 0 var(--border),var(--b) 0 0 0 var(--border)}}@layer components{.pixel-btn{--b: var(--px);--btn-bg: var(--accent);--btn-ink: var(--accent-ink);display:inline-flex;align-items:center;gap:.75em;margin:var(--b);padding:calc(var(--b) * 3) calc(var(--b) * 4) calc(var(--b) * 4);font-family:var(--font-pixel);font-size:.6875rem;line-height:1;text-transform:uppercase;text-decoration:none;color:var(--btn-ink);background:var(--btn-bg);cursor:inherit;box-shadow:inset 0 calc(var(--b) * -1) 0 0 color-mix(in oklab,var(--btn-bg) 60%,black),inset var(--b) var(--b) 0 0 color-mix(in oklab,var(--btn-bg) 65%,white),0 calc(var(--b) * -1) 0 0 var(--border),0 var(--b) 0 0 var(--border),calc(var(--b) * -1) 0 0 0 var(--border),var(--b) 0 0 0 var(--border),0 calc(var(--b) * 2) 0 0 var(--border)}.pixel-btn:hover{--btn-bg: color-mix(in oklab, var(--accent) 80%, white)}.pixel-btn:active{translate:0 var(--b);box-shadow:inset var(--b) var(--b) 0 0 color-mix(in oklab,var(--btn-bg) 60%,black),0 calc(var(--b) * -1) 0 0 var(--border),0 var(--b) 0 0 var(--border),calc(var(--b) * -1) 0 0 0 var(--border),var(--b) 0 0 0 var(--border)}.pixel-btn--secondary{--btn-bg: var(--panel-2);--btn-ink: var(--ink)}.pixel-btn--secondary:hover{--btn-bg: color-mix(in oklab, var(--panel-2) 80%, var(--accent-2))}}@layer components{.meter{display:grid;grid-template-columns:3ch 1fr;align-items:center;gap:.75rem}.meter__label{font-family:var(--font-pixel);font-size:.625rem;color:var(--muted)}.meter__track{height:calc(var(--px) * 4);background:var(--border);box-shadow:0 0 0 var(--px) var(--border);overflow:hidden}.meter__fill{display:block;height:100%;width:calc(var(--meter-value) * 1%);background:repeating-linear-gradient(to right,var(--meter-color) 0 calc(var(--px) * 3),transparent calc(var(--px) * 3) calc(var(--px) * 4)),linear-gradient(to bottom,transparent 50%,#0003 50%);background-blend-mode:normal;animation:meter-fill 1.2s steps(10) both}@keyframes meter-fill{0%{width:0}}}@layer components{.dialog{position:relative;padding:1rem 1.25rem 1.5rem;font-size:1.625rem;line-height:1.15}.dialog:after{content:"\25bc";position:absolute;right:.9rem;bottom:.35rem;font-size:.875rem;color:var(--accent);animation:nudge .8s steps(2) infinite}.dialog p+p{margin-top:.6em}@keyframes nudge{50%{translate:0 calc(var(--px) * 1)}}}@layer components{.flash-group{position:fixed;top:1rem;right:1rem;z-index:10;display:grid;gap:1rem;width:min(22rem,calc(100vw - 2rem))}.flash{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;padding:.75rem 1rem;font-size:1.25rem;cursor:inherit}.flash__icon{font-family:var(--font-pixel);font-size:.875rem;color:var(--accent-2)}.flash--error .flash__icon{color:var(--accent)}.flash__title{font-family:var(--font-pixel);font-size:.625rem;margin-bottom:.4rem}.flash__close{font-family:var(--font-pixel);font-size:.75rem;opacity:.7}.fx-enter,.fx-leave{transition:opacity .15s steps(3),translate .15s steps(3)}.fx-hidden{opacity:0;translate:0 calc(var(--px) * -2)}.fx-shown{opacity:1;translate:0 0}}@layer components{.field{display:grid;gap:.4rem;min-width:0}.field__label{font-family:var(--font-pixel);font-size:.625rem;text-transform:uppercase;color:var(--muted)}.field__control{width:100%;padding:.35rem .6rem;font:inherit;font-size:1.375rem;color:var(--ink);background:var(--panel);border:0;border-radius:0;box-shadow:inset var(--px) var(--px) 0 0 var(--bevel-dark),0 0 0 var(--px) var(--border)}.field__control::placeholder{color:var(--muted)}.field__control:focus-visible{outline:none;box-shadow:inset var(--px) var(--px) 0 0 var(--bevel-dark),0 0 0 var(--px) var(--accent-2)}textarea.field__control{resize:vertical;min-height:8rem}.field__control--error{box-shadow:inset var(--px) var(--px) 0 0 var(--bevel-dark),0 0 0 var(--px) var(--accent)}.field__error{font-size:1.125rem;color:var(--accent)}}@layer components{.sprite{image-rendering:pixelated;overflow:visible}.wizard__eyes{animation:wizard-blink 5s steps(1) infinite}@keyframes wizard-blink{0%,92%,96%,to{opacity:1}93%,95%{opacity:0}}.sprite__pixels{image-rendering:pixelated}.wizard--beach{display:none}:root[data-daypart=day] .wizard--robe{display:none}:root[data-daypart=day] .wizard--beach{display:block}}@layer pages{.hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem)}@media (width < 40rem){.hero{grid-template-columns:1fr;justify-items:center;text-align:center}}.hero__avatar{position:relative;display:grid;justify-items:center;gap:1rem}.hero__wizard{--scale: 3;--sp: calc(var(--scale) * 1px);width:calc(78px * var(--scale));height:auto;animation:wizard-bob 1.6s steps(2) infinite;filter:drop-shadow(var(--sp) 0 0 var(--neon-edge)) drop-shadow(calc(var(--sp) * -1) 0 0 var(--neon-edge)) drop-shadow(0 var(--sp) 0 var(--neon-edge)) drop-shadow(0 calc(var(--sp) * -1) 0 var(--neon-edge));--neon-edge: #ff2fd0}@media (width < 40rem){.hero__wizard{--scale: 2}}@keyframes wizard-bob{50%{translate:0 calc(var(--px) * -1)}}.hero__avatar:before{content:"";position:absolute;left:calc(8 / 78 * 100%);top:calc(36.5 / 144 * (100% - 2.5rem));width:30%;aspect-ratio:1;translate:-50% -50%;background:radial-gradient(closest-side,#3ff6ff66,#3ff6ff22 50%,transparent);animation:orb-glow 2.4s steps(4) infinite alternate;pointer-events:none}@keyframes orb-glow{to{scale:1.25;opacity:.6}}.hero__sparkles{position:absolute;left:calc(8 / 78 * 100%);top:calc(36.5 / 144 * (100% - 2.5rem));width:var(--px);height:var(--px);color:#e8ffff;box-shadow:calc(var(--px) * -9) calc(var(--px) * -6) 0 0 currentColor,calc(var(--px) * 8) calc(var(--px) * -10) 0 0 var(--gold),calc(var(--px) * 11) calc(var(--px) * 3) 0 0 currentColor,calc(var(--px) * -7) calc(var(--px) * 9) 0 0 var(--accent),calc(var(--px) * 2) calc(var(--px) * -14) 0 0 currentColor;animation:sparkle 1.8s steps(1) infinite;pointer-events:none}@keyframes sparkle{33%{rotate:90deg}66%{rotate:200deg;opacity:.4}}.hero__plate{font-family:var(--font-pixel);font-size:.625rem;padding:calc(var(--px) * 2) calc(var(--px) * 3);color:var(--highlight)}.hero__text{display:grid;gap:1.25rem;min-width:0}.hero__stats{display:grid;gap:.6rem;max-width:22rem;text-align:left}@media (width < 40rem){.hero__stats{width:100%;justify-self:center}}.actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem}@media (width < 40rem){.actions{justify-content:center}}}@layer pages{.page-header{display:grid;gap:.75rem}.lore{display:grid;gap:.75em;max-width:60ch;font-size:1.625rem}.section-title{display:flex;align-items:center;gap:.75rem;color:var(--accent-2)}.section-title:after{content:"";flex:1;height:var(--px);background:repeating-linear-gradient(to right,currentColor 0 var(--px),transparent var(--px) calc(var(--px) * 2))}.inventory{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1rem}.inventory li{padding:.6rem .8rem;font-size:1.375rem;display:flex;align-items:center;gap:.6rem}.inventory li:before{content:"";flex:none;width:calc(var(--px) * 2);height:calc(var(--px) * 2);background:var(--accent);box-shadow:var(--px) var(--px) 0 0 var(--accent-2)}}@layer pages{.contact-form{display:grid;gap:1.25rem;padding:1.25rem}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (width < 40rem){.contact-form__row{grid-template-columns:1fr}}.contact-form__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.contact-form__error{color:var(--accent)}.contact-form__turnstile{min-height:65px}.contact-offline{color:var(--muted)}.pixel-btn:disabled{opacity:.6;pointer-events:none}}@layer pages{.quests{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.5rem}.quest{display:grid;gap:.6rem;align-content:start;padding:1rem 1.25rem 1.25rem;transition:translate .2s steps(2)}.quest:has(a:hover){translate:0 calc(var(--px) * -1)}.quest__status{font-family:var(--font-pixel);font-size:.5rem;text-transform:uppercase;color:var(--highlight)}.quest__name{font-size:.8125rem}.quest__name a{color:var(--ink);text-decoration:none}.quest__name a:hover{color:var(--accent)}.quest__desc{color:var(--muted);font-size:1.375rem}.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.tags li{font-size:1.125rem;padding:0 .5rem;background:var(--panel);box-shadow:0 0 0 2px var(--border);color:var(--accent-2)}}