[data-skin=game]{--g-bg:#efe7d2;--g-bg-alt:#e4dbc2;--g-panel:#f7f2e4;--g-panel-alt:#e8dfc6;--g-border:#b6a682;--g-border-hi:#6f6349;--g-ink:#2b2a26;--g-ink-dim:#6b6455;--g-outline:#1a1410;--g-grass:#4a7c3f;--g-grass-hi:#6ba84f;--g-grass-lo:#355c2d;--g-gold:#c8952b;--g-gold-hi:#e8bc55;--g-stone:#8d8b7e;--g-stone-hi:#b3b1a2;--g-stone-lo:#62604f;--g-water:#4b8fc4;--g-water-hi:#7cb6e0;--g-dirt:#a9834f;--g-dirt-hi:#c8a271;--g-red:#b93b34;--g-red-hi:#d96a5c;--g-wood:#7a5230;--g-wood-hi:#a2734a;--g-skin:#d99b6b;--g-skin-hi:#f2c79c;--g-skin-lo:#b87a4a;--g-skin2:#ab7048;--g-skin2-lo:#7f5031;--g-purple:#6b3fc4;--g-purple-hi:#8f6ae0;--g-hair:#1a1614;--g-hair-hi:#4a3f38;--g-tunic:#24242a;--g-tunic-hi:#3d3d45;--g-coat:#f4f6f8;--g-coat-dim:#cfd6de;--g-gold-ink:#8a5d12;--g-grass-ink:#2f5a24;--g-frame:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark [data-skin=game]{--g-bg:#12161f;--g-bg-alt:#0d1017;--g-panel:#1b2230;--g-panel-alt:#131926;--g-border:#3a465c;--g-border-hi:#6d7d99;--g-ink:#e8e6dd;--g-ink-dim:#9aa4b8;--g-outline:#0b0f16;--g-grass:#3f7a3a;--g-grass-hi:#5fa855;--g-grass-lo:#2a5327;--g-gold:#e0b040;--g-gold-hi:#f5d375;--g-stone:#4a5468;--g-stone-hi:#6c788f;--g-stone-lo:#313a4a;--g-water:#2f5d8c;--g-water-hi:#5088bb;--g-dirt:#6b5236;--g-dirt-hi:#8f7049;--g-red:#d0453e;--g-red-hi:#ec7a6f;--g-wood:#4e3620;--g-wood-hi:#75512f;--g-skin:#c98f5f;--g-skin-hi:#eab88e;--g-skin-lo:#a06f44;--g-skin2:#96603d;--g-skin2-lo:#6d452b;--g-purple:#7a4fd0;--g-purple-hi:#a07ae8;--g-hair:#14141a;--g-hair-hi:#3c3c48;--g-tunic:#21242c;--g-tunic-hi:#3a3f4b;--g-coat:#dfe4ec;--g-coat-dim:#a9b2c2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--g-gold-ink:#e8bc55;--g-grass-ink:#7fc46a}[data-skin=game]{background-color:var(--g-bg);color:var(--g-ink);font-family:var(--font-pixel),var(--font-sans),ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:none;font-smooth:never;font-size:1.125rem;line-height:1.65}[data-skin=game] ::selection{background-color:var(--g-gold);color:var(--g-outline)}[data-skin=game] .font-number{font-family:var(--font-pixel),var(--font-mono),monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em}[data-skin=game] .font-display{font-family:var(--font-display),var(--font-mono),monospace;letter-spacing:0;word-spacing:-.1em;line-height:1.5}.pixel-canvas{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-clip{--notch:6px;clip-path:polygon(var(--notch)0,calc(100% - var(--notch))0,calc(100% - var(--notch))var(--notch),100% var(--notch),100% calc(100% - var(--notch)),calc(100% - var(--notch))calc(100% - var(--notch)),calc(100% - var(--notch))100%,var(--notch)100%,var(--notch)calc(100% - var(--notch)),0 calc(100% - var(--notch)),0 var(--notch),var(--notch)var(--notch))}.dither{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='2' height='2' fill='%23000'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%23000'/%3E%3C/svg%3E");background-size:4px 4px}@keyframes g-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes g-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes g-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes g-pulse{0%,to{opacity:1}50%{opacity:.45}}.g-blink{animation:.9s step-end infinite g-blink}.g-bob{animation:1.6s steps(3,end) infinite g-bob}.g-pulse{animation:1.4s steps(2,end) infinite g-pulse}@media (prefers-reduced-motion:reduce){.g-blink,.g-bob,.g-pulse{animation:none!important}}[data-skin=game] :focus-visible{outline:3px solid var(--g-gold);outline-offset:2px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}@keyframes g-lunge{0%{transform:translate(0)}35%{transform:translate(14px)}55%{transform:translate(18px)}to{transform:translate(0)}}@keyframes g-slash{0%{transform:rotate(-40deg)translateY(2px)}40%{transform:rotate(15deg)translateY(-2px)}70%{transform:rotate(45deg)translateY(0)}to{transform:rotate(-40deg)translateY(2px)}}@keyframes g-hurt{0%,to{opacity:1;transform:translate(0)}20%{opacity:.35;transform:translate(-4px)}40%{opacity:1;transform:translate(4px)}60%{opacity:.35;transform:translate(-3px)}80%{opacity:1;transform:translate(3px)}}@keyframes g-faint{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:.5;transform:translateY(4px)scale(.9)}to{opacity:0;transform:translateY(10px)scale(.6)}}@keyframes g-chest{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-5px)scale(1.15)}60%{transform:translateY(-2px)scale(1.05)}to{transform:translateY(0)scale(1)}}@keyframes g-loot{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:1;transform:translateY(-10px)scale(1)}to{opacity:0;transform:translateY(-26px)scale(1)}}.g-lunge{animation:.42s steps(4,end) g-lunge}.g-slash{animation:.42s steps(4,end) g-slash}.g-hurt{animation:.46s steps(2,end) g-hurt}.g-faint{animation:.7s steps(4,end) both g-faint}.g-chest{animation:.38s steps(4,end) g-chest}.g-loot{animation:.9s steps(6,end) both g-loot}@media (prefers-reduced-motion:reduce){.g-lunge,.g-slash,.g-hurt,.g-faint,.g-chest,.g-loot{animation:none!important}}[data-skin=game][data-reading] .zone-section{min-height:0;padding-top:3.25rem;padding-bottom:3.25rem;display:block}@media (min-width:768px){[data-skin=game][data-reading] .zone-section{padding-top:5rem;padding-bottom:5rem}}[data-skin=game][data-reading] .zone-body{max-width:46rem!important;margin-left:auto!important;margin-right:auto!important}.reading-backdrop{z-index:0;pointer-events:none;background-color:var(--g-bg);opacity:1;position:fixed;inset:0}.reading-backdrop:after{content:"";opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='2' height='2' fill='%23888'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%23888'/%3E%3C/svg%3E");background-size:4px 4px;position:absolute;inset:0}[data-skin=game][data-reading] .zone-body :is(p,li){font-size:15px;line-height:2}[data-skin=game][data-reading] .zone-body h2{font-size:17px;line-height:1.7}@media (min-width:768px){[data-skin=game][data-reading] .zone-body :is(p,li){font-size:16px}[data-skin=game][data-reading] .zone-body h2{font-size:22px}}[data-skin=game][data-reading] .zone-body .pixel-clip>.pixel-clip>*{padding:1.35rem 1.5rem}[data-skin=game][data-reading] .zone-track>*+*{margin-top:1.15rem}[data-skin=game][data-reading] .zone-section+.zone-section{border-top:2px solid var(--g-border)}[data-skin=game] .zone-body{pointer-events:auto}[data-skin=game] .player-tag{z-index:1;pointer-events:none;white-space:nowrap;font-family:var(--font-display),monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--g-gold);background-color:var(--g-outline);padding:3px 5px 2px;font-size:10px;line-height:1;position:absolute;top:0;left:0}[data-skin=game] .loot-pop{z-index:2;pointer-events:none;white-space:nowrap;color:var(--g-gold);padding-bottom:14px;font-size:15px;line-height:1;animation:1.1s steps(6,end) both g-loot-rise;position:absolute;top:0;left:0}@keyframes g-loot-rise{0%{opacity:0;margin-top:0}15%{opacity:1}70%{opacity:1}to{opacity:0;margin-top:-22px}}[data-skin=game] .touch-controls{z-index:40;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:1rem;display:none;position:fixed;bottom:0;left:0;right:0}[data-skin=game] .touch-dpad{grid-template-areas:".up.""left.right"".down.";gap:4px;display:grid}[data-skin=game] .touch-actions{flex-direction:column;align-items:flex-end;gap:.6rem;display:flex}[data-skin=game] .touch-key,[data-skin=game] .touch-attack,[data-skin=game] .touch-exit{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}[data-skin=game] .touch-key{width:3.25rem;height:3.25rem;color:var(--g-ink);background-color:var(--g-panel);box-shadow:inset 0 0 0 2px var(--g-border);justify-content:center;align-items:center;font-size:13px;display:flex}[data-skin=game] .touch-key:active{background-color:var(--g-gold);color:var(--g-outline)}[data-skin=game] .touch-attack{background-color:var(--g-gold);width:4.25rem;height:4.25rem;box-shadow:inset 0 0 0 2px var(--g-outline);justify-content:center;align-items:center;display:flex}[data-skin=game] .touch-attack:active{background-color:var(--g-gold-hi)}[data-skin=game] .touch-exit{color:var(--g-ink);background-color:var(--g-panel);box-shadow:inset 0 0 0 2px var(--g-border);padding:.6rem .9rem}@media (max-width:767px){[data-skin=game]:not([data-reading]) .zone-section{align-items:flex-start;min-height:100svh;padding-top:40svh;padding-bottom:1.25rem}[data-skin=game]:not([data-reading]) .zone-body{background-color:var(--g-panel);border:2px solid var(--g-border);padding:.9rem .85rem}[data-skin=game] .touch-controls{display:flex}[data-skin=game]:not([data-reading]) .zone-track{display:block;transform:none}[data-skin=game]:not([data-reading]) #spawn{padding-top:6rem}[data-skin=game][data-mode=roam] .zone-body{opacity:0;pointer-events:none;transition:opacity .16s steps(3,end)}}[data-skin=game]:not([data-reading]) .zone-track>*{opacity:0}[data-skin=game]:not([data-reading]) .zone-section[data-visible] .zone-track>*{animation:.34s steps(4,end) both g-slide-in}[data-skin=game]:not([data-reading]) .zone-section[data-visible] .zone-track>:nth-child(2){animation-delay:.11s}[data-skin=game]:not([data-reading]) .zone-section[data-visible] .zone-track>:nth-child(3){animation-delay:.22s}[data-skin=game]:not([data-reading]) .zone-section[data-visible] .zone-track>:nth-child(n+4){animation-delay:.33s}@keyframes g-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){[data-skin=game] .zone-track>*{opacity:1!important;animation:none!important}}[data-skin=game][data-panels=hidden]:not([data-reading]) .zone-body{opacity:0;pointer-events:none;transition:opacity .2s steps(3,end)}@media (prefers-reduced-motion:reduce){[data-skin=game] .zone-body>*{opacity:1!important;animation:none!important}}
