@font-face{font-family:"Jersey 15";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-15-latin-ext-400-normal-CvhfUKc7.woff2)format("woff2"),url(/assets/jersey-15-latin-ext-400-normal-CbkgKn9S.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Jersey 15";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-15-latin-400-normal-C8Nlw5JP.woff2)format("woff2"),url(/assets/jersey-15-latin-400-normal-4mtCZV7-.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--space-deep:#15173d;--space:#1f2257;--hull:#2b2f78;--hull-hi:#5c62cf;--hull-lo:#11133a;--ink:#f4f5ff;--ink-dim:#c3c6ee;--grass:#3d7f2a;--grass-hi:#7fd05a;--grass-lo:#234d17;--stone:#5d6170;--stone-hi:#9ea3b3;--stone-lo:#33363f;--lava:#b8401a;--lava-hi:#ff8a3a;--lava-lo:#6e2108;--crystal:#7cf3ff;--crystal-deep:#1a6b76;--saber:#b33ea8;--font-pixel:"Jersey 15", "Courier New", monospace;--font-body:"Atkinson Hyperlegible Next Variable", "Segoe UI", system-ui, sans-serif;--px:4px;--gutter:16px;--notch:polygon(var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px), var(--px) var(--px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:112.5%}@media (width>=720px){:root{--gutter:28px}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;font-family:var(--font-body);color:var(--ink);background-color:var(--space-deep);-webkit-tap-highlight-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='230' shape-rendering='crispEdges'%3E%3Cg fill='%23c3c6ee'%3E%3Crect x='12' y='30' width='2' height='2'/%3E%3Crect x='80' y='8' width='2' height='2'/%3E%3Crect x='150' y='60' width='3' height='3' fill='%23fff'/%3E%3Crect x='200' y='140' width='2' height='2'/%3E%3Crect x='40' y='170' width='2' height='2'/%3E%3Crect x='110' y='120' width='2' height='2'/%3E%3Crect x='170' y='210' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' shape-rendering='crispEdges'%3E%3Cg fill='%235d62a8'%3E%3Crect x='20' y='90' width='2' height='2'/%3E%3Crect x='95' y='40' width='2' height='2'/%3E%3Crect x='140' y='130' width='2' height='2'/%3E%3Crect x='60' y='150' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(#15173d 0,#1c1f55 900px 100%);line-height:1.5}h1,h2,h3{font-family:var(--font-pixel);letter-spacing:.02em;margin:0;font-weight:400;line-height:1.05}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--crystal);outline-offset:3px}.app{min-height:100dvh;position:relative}.screen{padding:12px var(--gutter) 48px;max-width:1240px;margin:0 auto}.page{gap:20px;display:grid}.panel{background:var(--hull);box-shadow:inset var(--px) var(--px) 0 var(--hull-hi), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--hull-lo);clip-path:var(--notch);padding:18px 20px 20px}.panel__title{margin-bottom:12px;font-size:1.6rem}.btn{--bg:var(--stone);--hi:var(--stone-hi);--lo:var(--stone-lo);text-align:center;min-height:48px;color:var(--ink);background:var(--bg);box-shadow:inset var(--px) var(--px) 0 var(--hi), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--lo), 0 var(--px) 0 0 #0a0b22;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:1rem;font-weight:700;line-height:1.2;transition:transform 60ms ease-out;display:inline-flex}.btn:active:not(:disabled){transform:translateY(var(--px));box-shadow:inset var(--px) var(--px) 0 var(--lo), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--hi)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--grass{--bg:var(--grass);--hi:var(--grass-hi);--lo:var(--grass-lo)}.btn--lava{--bg:var(--lava);--hi:var(--lava-hi);--lo:var(--lava-lo)}.btn--crystal{--bg:var(--crystal-deep);--hi:var(--crystal);--lo:#0b3a41}.btn--saber{--bg:var(--saber);--hi:#ff8ae8;--lo:#5c1454}.btn--big{min-height:60px;padding:10px 28px;font-size:1.2rem}.btn--icon{padding-inline:12px}.swatch{background:var(--hull-lo);text-align:center;cursor:pointer;touch-action:manipulation;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:72px;min-height:72px;padding:8px 6px;font-size:.85rem;font-weight:600;line-height:1.15;display:inline-flex;box-shadow:inset 0 0 0 2px #3a3f99}.swatch[aria-checked=true],.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--crystal), 0 0 14px #7cf3ff59;background:#3a3f99}.choices{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.namefield{gap:6px;display:grid}.namefield label{font-family:var(--font-pixel);font-size:1.45rem}.namefield__row{flex-wrap:wrap;gap:10px;display:flex}.namefield input{min-width:0;min-height:52px;font:700 1.15rem var(--font-body);color:var(--ink);background:var(--hull-lo);border:0;border-radius:0;flex:14ch;padding:8px 14px;box-shadow:inset 3px 3px #07081f,inset 0 0 0 2px #3a3f99}.namefield input:focus-visible{outline:3px solid var(--crystal);outline-offset:2px}.namefield__count{color:var(--ink-dim);font-size:.85rem}.topbar{flex-wrap:wrap;align-items:center;gap:12px 16px;padding-top:4px;display:flex}.topbar__title{text-shadow:3px 3px 0 var(--hull-lo), 6px 6px 0 #00000040;flex:12ch;font-size:clamp(1.9rem,5.5vw,3rem)}.topbar__end{gap:10px;margin-left:auto;display:flex}.how{padding:0}.how summary{cursor:pointer;min-height:48px;font-family:var(--font-pixel);align-items:center;gap:12px;padding:16px 20px;font-size:1.45rem;list-style:none;display:flex}.how summary::-webkit-details-marker{display:none}.how summary:before{content:"";background:var(--crystal);clip-path:polygon(0 0,100% 50%,0 100%);width:12px;height:12px;transition:transform .12s}.how[open] summary:before{transform:rotate(90deg)}.how__body{max-width:68ch;color:var(--ink-dim);gap:10px;padding:0 20px 20px;display:grid}.dialog-backdrop{z-index:50;padding:var(--gutter);background:#0a0b22bf;place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:12px;max-width:420px;display:grid}.dialog h2{font-size:1.9rem}.dialog__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hyperspace{z-index:40;pointer-events:none;opacity:0;background:repeating-linear-gradient(90deg,#0000 0 37px,#7cf3ff8c 37px 39px,#0000 39px 83px),repeating-linear-gradient(90deg,#0000 0 61px,#ffffffb3 61px 63px,#0000 63px 131px);animation:.52s ease-out hyperspace;position:fixed;inset:0}@keyframes hyperspace{0%{opacity:.9;transform:scaleY(.1)}60%{opacity:.6;transform:scaleY(1.6)}to{opacity:0;transform:scaleY(2.4)}}.notfound{gap:10px;max-width:60ch;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hyperspace{display:none}}@media (width<=480px){.btn--icon .btn__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.char{flex:none;display:inline-block;position:relative}.char__layer{image-rendering:pixelated;background-repeat:no-repeat;position:absolute;inset:0;width:100%!important;height:100%!important}.builder__layout{align-items:start;gap:20px;display:grid}@media (width>=900px){.builder__layout{grid-template-columns:minmax(0,1fr) 340px}}.builder__world{gap:10px;display:grid}.builder__grid{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);aspect-ratio:calc(var(--cols) / var(--rows));width:100%;min-height:0;max-height:calc(100dvh - 180px);box-shadow:0 0 0 4px var(--hull-lo), 0 0 0 8px var(--hull-hi);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#2b3a8f;background-image:linear-gradient(#1a1d57 0%,#2d3a92 70%,#4052a8 100%);margin-inline:auto;display:grid}@media (width>=900px){.builder__grid{width:auto;max-width:100%;height:min(100dvh - 190px,720px)}}.cell{min-width:0;min-height:0;image-rendering:pixelated;cursor:pointer;background:0 0/100% 100%;border:0;padding:0;display:block;box-shadow:inset 0 0 0 .5px #ffffff12}.cell:focus-visible{outline-offset:-3px;z-index:1;position:relative}.cell--filled{box-shadow:none}.cell--glow{z-index:1;box-shadow:0 0 12px 2px color-mix(in srgb, var(--glow) 55%, transparent);position:relative}.builder__status{flex-wrap:wrap;gap:6px 16px;min-height:1.5em;font-weight:600;display:flex}.builder__dirty{color:#ffc98a}.builder__message{color:var(--crystal)}.builder__side{gap:16px;display:grid}.palette{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.palette .swatch svg{filter:drop-shadow(2px 2px #0006)}.palette__tip{color:var(--ink-dim);min-height:3em;margin-top:12px}.builder__actions{flex-wrap:wrap;gap:12px;display:flex}.builder__actions .btn{flex:auto}.templates{flex-wrap:wrap;gap:10px;display:flex}.crafting__layout{align-items:start;gap:20px;display:grid}@media (width>=900px){.crafting__layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.crafting__bench{grid-row:span 2;position:sticky;top:16px}}.crafting__bench{gap:16px;display:grid}.crafting__help{color:var(--ink-dim);max-width:56ch}.bench{background:#5e3d22;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 20px;padding:16px;display:flex;box-shadow:inset 4px 4px #9a6a3e,inset -4px -4px #3a2410}.bench__grid{grid-template-columns:repeat(3,minmax(64px,88px));gap:6px;display:grid}.slot{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:#2a1a0c;border:0;place-items:center;padding:10px;display:grid;box-shadow:inset 3px 3px #120a04,inset -3px -3px #7a5230}.slot svg{filter:drop-shadow(2px 2px #00000080)}.bench__arrow{display:grid}.bench__out{justify-items:center;gap:10px;display:grid}.slot--out{cursor:default;width:100px}.slot--ready{box-shadow:inset 3px 3px #120a04,inset -3px -3px #7a5230,0 0 18px 4px #7cf3ff8c}.slot__q{font-family:var(--font-pixel);color:#7a5230;font-size:3rem}.crafting__row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.crafting__match{font-weight:700}.crafted{background:var(--crystal-deep);align-items:center;gap:16px;display:flex;box-shadow:inset 4px 4px #59d0dc,inset -4px -4px #0f4650}.crafted>div{gap:4px;display:grid}.crafted__title{font-family:var(--font-pixel);font-size:1.7rem}.crafted__extra{color:#d9fbff;font-size:.95rem}.bag{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;display:grid}.progress{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;font-weight:700;display:flex}.progress__bar{gap:3px;display:flex}.progress__bar span{background:var(--hull-lo);width:16px;height:16px;box-shadow:inset 0 0 0 2px #3a3f99}.progress__bar span.is-on{background:var(--crystal);box-shadow:inset -3px -3px #3fb6d9}.book{gap:10px;margin:0;padding:0;list-style:none;display:grid}.book__entry{background:var(--hull-lo);align-items:flex-start;gap:12px;padding:10px;display:flex}.book__entry.is-known{background:#1d2166}.book__text{gap:6px;display:grid}.book__name{font-weight:700}.book__hint{color:var(--ink-dim);font-size:.95rem}.mini{gap:2px;display:grid}.mini__cell{background:#2a1a0c;width:1.6rem;height:1.6rem;padding:2px;display:grid}.book__entry>svg{flex:none}.book__clue{color:#d9fbff;font-size:.95rem}.book__clue-btn{min-height:44px;color:var(--crystal);box-shadow:inset 0 0 0 2px var(--crystal-deep);cursor:pointer;background:0 0;border:0;justify-self:start;padding:6px 14px;font-size:.95rem;font-weight:700}.galaxy__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:14px;display:flex}.galaxy__head h2,.galaxy__head h3{font-size:1.9rem}.galaxy__count{color:var(--ink-dim);font-weight:700}.galaxy__empty{color:var(--ink-dim);max-width:50ch;margin-bottom:16px}.galaxy__note{color:#ffc98a;margin-top:10px}.galaxy__saved{color:var(--ink-dim);font-size:.95rem}.galaxy__saved.is-error{color:#ffc98a;font-weight:700}.gtiles,.ptiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.gtile,.ptile{text-align:center;background:var(--hull-lo);cursor:pointer;touch-action:manipulation;border:0;align-content:center;justify-items:center;gap:6px;width:100%;min-height:150px;padding:12px 8px;display:grid;box-shadow:inset 0 0 0 2px #3a3f99}.gtile:active,.ptile:active{background:#3a3f99}.gtile__name,.ptile__name{font-family:var(--font-pixel);overflow-wrap:anywhere;font-size:1.45rem;line-height:1.05}.gtile__meta,.ptile__meta{color:var(--ink-dim);align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.gform{gap:20px;display:grid}@media (width>=900px){.gform{grid-template-columns:300px minmax(0,1fr);align-items:start}.gform__preview{position:sticky;top:16px}}.gform__preview{background:#0d0f2e;justify-items:center;gap:12px;padding:16px;display:grid}.pform__preview svg{width:min(100%,280px)!important}.gform__fields{gap:18px;min-width:0;display:grid}.gform__fields h2{font-size:2rem}.gform fieldset{border:0;min-width:0;margin:0;padding:0}.gform legend{font-family:var(--font-pixel);margin-bottom:8px;padding:0;font-size:1.45rem}.gform__about{max-width:56ch;color:var(--ink-dim);margin-top:10px}.gform__actions{flex-wrap:wrap;gap:12px;display:flex}.swatch--wide{min-height:92px}.habitats{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.habitat{min-height:96px}.breathe-toggle{grid-template-columns:1fr 1fr;gap:10px;display:grid}.breathe-toggle__opt{min-height:96px;font-size:1rem}.pform__row{flex-wrap:wrap;gap:18px 36px;display:flex}.stepper{align-items:center;gap:12px;display:flex}.stepper .btn{min-width:52px;font-size:1.5rem}.stepper__value{text-align:center;min-width:2ch;font-family:var(--font-pixel);font-size:2rem}.breathe{align-items:center;gap:10px;padding:8px 14px;font-weight:700;display:inline-flex}.breathe.is-yes{background:#1f4d2a;box-shadow:inset 0 0 0 2px #57b84a}.breathe.is-no{background:#1d2f55;box-shadow:inset 0 0 0 2px #7cf3ff}.gview{gap:16px;display:grid}.gview__bar{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.gview__title{overflow-wrap:anywhere;flex:10ch;font-size:clamp(2rem,6vw,2.8rem)}.gview__tools{flex-wrap:wrap;gap:10px;display:flex}.gview__layout{align-items:start;gap:20px;display:grid}@media (width>=900px){.gview__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.orbits{aspect-ratio:1;width:min(100%,560px);box-shadow:0 0 0 4px var(--hull-lo), 0 0 0 8px var(--hull-hi);background:radial-gradient(circle,#262a78 0,#15173d 70%);margin-inline:auto;position:relative;overflow:hidden}.orbits__ring{width:calc(var(--r) * 2);height:calc(var(--r) * 2);border:2px dashed #c3c6ee47;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbits__core{width:30%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbiter{pointer-events:none;transform:rotate(var(--start));animation:orbit var(--dur) linear infinite;position:absolute;inset:0}.orbiter__body{left:50%;top:calc(50% - var(--r));aspect-ratio:28/22;pointer-events:auto;cursor:pointer;width:14%;min-width:44px;transform:translate(-50%, -50%) rotate(calc(-1 * var(--start)));animation:orbit-counter var(--dur) linear infinite;background:0 0;border:0;padding:0;display:grid;position:absolute}@keyframes orbit{0%{transform:rotate(var(--start))}to{transform:rotate(calc(var(--start) + 360deg))}}@keyframes orbit-counter{0%{transform:translate(-50%, -50%) rotate(calc(-1 * var(--start)))}to{transform:translate(-50%, -50%) rotate(calc(-1 * var(--start) - 360deg))}}@media (prefers-reduced-motion:reduce){.orbiter,.orbiter__body{animation:none!important}}.pcard{gap:20px;display:grid}@media (width>=900px){.pcard{grid-template-columns:minmax(260px,420px) minmax(0,1fr);align-items:start}}.pcard__art{background:#0d0f2e;padding:16px;display:grid}.pcard__text{justify-items:start;gap:14px;display:grid}.pcard__text h2{overflow-wrap:anywhere;font-size:clamp(2.2rem,7vw,3.2rem)}.pcard__where{color:var(--ink-dim)}.pcard__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;display:grid}.pcard__facts dt{color:var(--ink-dim);font-size:.85rem}.pcard__facts dd{font-family:var(--font-pixel);margin:0;font-size:1.6rem}.pcard__npcs{color:var(--ink-dim);margin-top:-6px}.pcard__fact{max-width:56ch}.klist{justify-items:start;gap:16px;display:grid}.klist__items{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.ktile{background:var(--hull-lo);align-items:center;gap:14px;padding:12px;display:flex;box-shadow:inset 0 0 0 2px #3a3f99}.ktile__text{gap:4px;min-width:0;display:grid}.ktile__name{font-family:var(--font-pixel);overflow-wrap:anywhere;font-size:1.7rem;line-height:1}.ktile__sword{color:var(--ink-dim);font-size:.95rem}.ktile__actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.kpreview__stage{align-items:flex-end;gap:4px;min-height:190px;display:flex}.kpreview__name{font-family:var(--font-pixel);text-align:center;overflow-wrap:anywhere;font-size:1.8rem}.kpreview__sword{color:var(--ink-dim);text-align:center}p.kpreview__sword,.kpreview__name{margin:0}.ksword{flex-direction:column;align-items:center;margin-bottom:30px;display:inline-flex}.ksword__blade{width:7px;height:var(--len);box-shadow:0 0 6px 3px var(--blade), 0 0 16px 4px var(--blade);background:#fff;border-radius:4px 4px 0 0}.ksword__blade--down{border-radius:0 0 4px 4px;order:2}.kform__import{justify-items:start;gap:6px;margin-bottom:12px;display:grid}.kform fieldset .choices+.choices{margin-top:10px}.surface{z-index:40;background:var(--space-deep);color:var(--ink);flex-direction:column;display:flex;position:fixed;inset:0}.surface__bar{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));background:var(--hull-lo);z-index:2;flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex;position:relative;box-shadow:0 3px #07081f}.surface__bar .btn{min-height:44px;padding-block:6px}.surface__title{flex:12ch;min-width:0}.surface__title h2{overflow-wrap:anywhere;font-size:1.7rem;line-height:1}.surface__title p{color:var(--ink-dim);font-size:.9rem}.surface__tools{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.surface__stage{background:var(--ground,#0d0f2e);flex:auto;min-height:0;position:relative;overflow:hidden}.surface__canvas{touch-action:none;width:100%;height:100%;image-rendering:pixelated;cursor:pointer;position:absolute;inset:0}.surface--play .surface__canvas{cursor:default}.surface__strip{padding:8px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--hull-lo);z-index:2;box-shadow:0 -3px #07081f}.surface__strip ul{scrollbar-width:thin;gap:8px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.strip__item{white-space:nowrap;background:var(--hull);cursor:pointer;touch-action:manipulation;border:0;align-items:center;gap:6px;min-height:48px;padding:4px 12px 4px 6px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 2px #3a3f99}.strip__item[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--crystal)}.strip__foe{color:#ffd6dc;background:#7a0d1a;padding:2px 6px;font-size:.75rem}.surface__empty,.surface__where{color:var(--ink-dim);font-size:.9rem}.surface__where{margin-top:2px}.surface__sheet{overscroll-behavior:contain;z-index:3;align-content:start;gap:14px;max-height:calc(100% - 16px);display:grid;position:absolute;bottom:8px;left:8px;right:8px;overflow-y:auto;box-shadow:0 10px 30px #00000080}@media (width>=900px){.surface__sheet{width:420px;top:8px;left:auto}.surface__sheet--tall{width:min(760px,100% - 16px)}}.surface__sheet--tall{top:8px}.sheet__head{align-items:center;gap:12px;display:flex}.sheet__head h3{overflow-wrap:anywhere;flex:1;font-size:1.7rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.gallery__item{width:100%;min-height:96px}.npcpanel__who{flex:1;min-width:0}.npcpanel__who p{color:var(--ink-dim);font-size:.9rem}.npcpanel fieldset{border:0;min-width:0;margin:0;padding:0}.npcpanel legend{font-family:var(--font-pixel);margin-bottom:8px;padding:0;font-size:1.35rem}.npcpanel__row{flex-wrap:wrap;gap:8px;display:flex}.npcpanel__row .swatch{flex:70px;min-height:52px;font-size:1rem}.npcpanel__attitude--fientlig[aria-checked=true]{background:#5a1a28;box-shadow:inset 0 0 0 3px #ff6b7f,0 0 14px #ff6b7f59}.stats{gap:10px;margin-top:12px;display:grid}.stat{gap:4px;display:grid}.stat__name{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-weight:700;display:flex}.stat__name small{color:var(--ink-dim);font-weight:400}.stat input[type=range]{width:100%;min-height:36px;accent-color:var(--crystal)}.stat input:disabled{opacity:.5}.difficulty{color:#ffd23f;margin-top:10px;font-size:1.1rem;font-weight:700}.difficulty__off{color:#4a4f8a}.controls{bottom:max(14px, env(safe-area-inset-bottom));z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.controls--move{left:max(14px, env(safe-area-inset-left))}.controls--actions{right:max(14px, env(safe-area-inset-right));grid-template-columns:repeat(2,auto);grid-template-areas:".jump""block strike";align-items:end;gap:10px;display:grid}.joystick{touch-action:none;background:#11133a8c;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;box-shadow:inset 0 0 0 3px #7cf3ff80,0 0 0 3px #07081f80}.joystick__knob{background:var(--hull-hi);width:56px;height:56px;box-shadow:inset -4px -4px 0 var(--hull), inset 4px 4px 0 #8f94f0;pointer-events:none;border-radius:50%}.action{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:84px;min-height:64px;font-size:1.1rem}.action--jump{grid-area:jump}.action--strike{grid-area:strike;min-width:96px;min-height:76px}.action--block{grid-area:block}.hearts{flex:auto;gap:4px;display:flex}.surface__faint{text-align:center;z-index:2;pointer-events:none;background:#0a0b2273;place-content:center;gap:6px;display:grid;position:absolute;inset:0}.surface__faint-title{font-family:var(--font-pixel);color:#ffd23f;text-shadow:4px 4px #07081f;font-size:clamp(2.6rem,9vw,4.5rem)}.surface__help{z-index:4;gap:12px;width:min(560px,100% - 24px);max-height:calc(100% - 24px);display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0009}.surface__help h3{font-size:1.8rem}.surface__help ul{gap:8px;margin:0;padding-left:1.2em;display:grid}.narrow-only{display:none}@media (width<=520px){.wide-only{display:none}.narrow-only{display:inline}.surface__cap{text-transform:capitalize}.surface--view .surface__tools{flex-wrap:nowrap}}@media (height<=480px){.surface__bar{padding-block:4px}.surface__title h2{font-size:1.3rem}.surface__bar .btn__label,.surface__where{display:none}.strip__item{min-height:40px}.surface__strip{padding-block:4px}.joystick{width:112px;height:112px}.action{min-width:72px;min-height:52px}.action--strike{min-height:60px}}.home{gap:28px;display:grid}.home__bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.wordmark{font-family:var(--font-pixel);color:var(--crystal);font-size:1.6rem}.hero{align-items:center;gap:8px;display:grid}@media (width>=760px){.hero{grid-template-columns:1.2fr 1fr;gap:32px}}.hero__title{color:#fff;text-shadow:4px 4px 0 var(--crystal-deep), 8px 8px 0 #0f4650, 12px 12px 0 var(--hull-lo);margin-bottom:20px;font-size:clamp(4rem,16vw,8rem);line-height:.9}.hero__lead{max-width:44ch;color:var(--ink-dim);font-size:1.15rem}.hero__art{justify-self:center;width:min(100%,420px);position:relative}.hero__island{width:100%;height:auto;animation:6s ease-in-out infinite float;display:block}.hero__ship{filter:drop-shadow(0 6px #0000004d);animation:4s ease-in-out infinite fly;position:absolute;top:2%;right:8%;transform:rotate(35deg);width:14%!important}@keyframes float{50%{transform:translateY(-8px)}}@keyframes fly{50%{transform:rotate(35deg)translate(6px,-10px)}}.home__heading{font-size:clamp(2rem,6vw,2.8rem)}.planets{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=620px) and (width<=979px){.planets>li:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=980px){.planets>li:last-child:nth-child(3n+1){grid-column:1/-1}}@media (width>=620px){.planets{grid-template-columns:1fr 1fr}}@media (width>=980px){.planets{grid-template-columns:repeat(3,1fr)}}.planets__item{display:flex}.planet{--bg:var(--grass);--hi:var(--grass-hi);--lo:var(--grass-lo);text-align:left;color:#fff;background:var(--bg);min-height:120px;box-shadow:inset 6px 6px 0 var(--hi), inset -6px -6px 0 var(--lo), 0 6px 0 0 #0a0b22;clip-path:var(--notch);cursor:pointer;touch-action:manipulation;border:0;flex:1;align-items:center;gap:16px;padding:18px 20px 20px;transition:transform 80ms ease-out;display:flex}.planet:active{transform:translateY(6px)}.planet--wood{--bg:#7a5230;--hi:#c38a50;--lo:#4a2f18}.planet--space{--bg:#2a2d86;--hi:#6b72e6;--lo:#121448;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' shape-rendering='crispEdges'%3E%3Cg fill='%23fff'%3E%3Crect x='10' y='14' width='3' height='3'/%3E%3Crect x='60' y='30' width='2' height='2'/%3E%3Crect x='34' y='70' width='2' height='2'/%3E%3Crect x='80' y='80' width='3' height='3'/%3E%3C/g%3E%3C/svg%3E")}.planet--saber{--bg:#6b2a78;--hi:#c05fd6;--lo:#3a1242}.planet--robe{--bg:#7a2a34;--hi:#e0707a;--lo:#3a1016}.planet--nebula{--bg:#4a2a7a;--hi:#9a6ae0;--lo:#241040}.planet--paint{--bg:var(--crystal-deep);--hi:#59d0dc;--lo:#0f4650}.planet__icon{filter:drop-shadow(4px 4px #00000059);flex:none;width:72px;display:grid}.planet__text{gap:4px;display:grid}.planet__title{font-family:var(--font-pixel);font-size:1.85rem;line-height:1}.planet__blurb{font-size:.98rem;line-height:1.4}.ideas{gap:12px;display:grid}.ideas h2{font-size:1.9rem}.ideas p{max-width:64ch;color:var(--ink-dim)}.ideas__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ideas__list li{max-width:64ch;padding-left:26px;position:relative}.ideas__list li:before{content:"";background:var(--crystal);width:12px;height:12px;box-shadow:3px 3px 0 var(--crystal-deep);position:absolute;top:.45em;left:0}.pixel__layout{align-items:start;gap:20px;display:grid}@media (width>=900px){.pixel__layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}}.pixel__canvas-wrap{justify-items:center;gap:8px;display:grid}.pixel__grid{aspect-ratio:1;width:min(100%,100dvh - 190px,640px);min-width:min(100%,300px);box-shadow:0 0 0 4px var(--hull-lo), 0 0 0 8px var(--hull-hi);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#2a2e70;background-image:linear-gradient(45deg,#232662 25%,#0000 25% 75%,#232662 75%),linear-gradient(45deg,#232662 25%,#0000 25% 75%,#232662 75%);background-position:0 0,6.25% 6.25%;background-size:12.5% 12.5%;grid-template-columns:repeat(16,1fr);display:grid}.px{cursor:crosshair;background:0 0;border:0;min-width:0;min-height:0;padding:0;box-shadow:inset 0 0 0 .5px #ffffff14}.px--ghost{background:color-mix(in srgb, var(--ghost) 38%, transparent)}.px--mid{box-shadow:inset 2px 0 #7cf3ff99,inset 0 0 0 .5px #ffffff14}.px:focus-visible{outline-offset:-3px;position:relative}.pixel__saved{color:var(--ink-dim);font-size:.9rem}.pixel__side{gap:16px;display:grid}.colors{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;display:grid}.color{aspect-ratio:1;cursor:pointer;touch-action:manipulation;border:0;box-shadow:inset 3px 3px #ffffff4d,inset -3px -3px #00000059}.color[aria-checked=true]{outline:4px solid var(--crystal);outline-offset:2px;position:relative}.pixel__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.pixel__help{color:var(--ink-dim);margin-bottom:12px}.challenge{justify-items:start;gap:10px;margin-top:14px;display:grid}.challenge__score{font-family:var(--font-pixel);font-size:1.8rem}.challenge__meter{background:var(--hull-lo);width:100%;height:16px;display:block}.challenge__meter span{background:repeating-linear-gradient(90deg, var(--crystal) 0 12px, #3fb6d9 12px 16px);height:100%;transition:width .2s steps(6,end);display:block}.saber__layout{align-items:start;gap:20px;display:grid}@media (width>=900px){.saber__layout{grid-template-columns:minmax(300px,1fr) minmax(0,1.2fr)}}.saber__stage{background:#11133a;justify-items:center;gap:16px;display:grid;box-shadow:inset 4px 4px #2b2f78,inset -4px -4px #07081f}.saber__name{font-family:var(--font-pixel);text-align:center;place-items:center;min-height:2.4em;font-size:clamp(1.6rem,5vw,2.3rem);display:grid}.saber__display{--blade:#4fa8ff;--len:.8;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:end center;width:100%;height:clamp(320px,54dvh,500px);padding:0 0 12px;display:grid;position:relative}.saber__model{transform-origin:50% 90%;flex-direction:column;align-items:center;display:flex}.saber__model.is-swinging{animation:.45s ease-out swing}@keyframes swing{30%{transform:rotate(-28deg)}65%{transform:rotate(14deg)}}.saber__hilt{filter:drop-shadow(4px 4px #00000080);display:block}.blade{--max:calc(clamp(320px, 54dvh, 500px) - 175px);width:20px;height:0;filter:drop-shadow(0 0 4px var(--blade)) drop-shadow(0 0 12px var(--blade));transition:height .26s steps(8,end);display:grid}.blade__core{background:linear-gradient(90deg, var(--blade) 0 5px, #fff 5px 15px, var(--blade) 15px);clip-path:polygon(5px 0,15px 0,15px 5px,20px 5px,20px 100%,0 100%,0 5px,5px 5px)}.blade--down .blade__core{clip-path:polygon(0 0,20px 0,20px calc(100% - 5px),15px calc(100% - 5px),15px 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px))}.is-lit .blade{height:calc(var(--len) * var(--max))}.is-double.is-lit .blade{height:calc(var(--len) * var(--max) / 2)}.is-double{place-items:center}.saber__buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.saber__controls{gap:16px;display:grid}.swatch--tall{min-height:110px}.swatch--color{min-width:76px}.swatch__dot{background:var(--c);width:28px;height:28px;box-shadow:0 0 10px var(--c)}.saber__pitch{color:var(--ink-dim);margin-top:12px}.saber__fact{justify-items:start;gap:12px;display:grid}.saber__fact p{max-width:56ch}.space__layout{justify-items:center;gap:16px;display:grid}@media (width>=900px){.space__layout{grid-template-columns:220px auto;justify-content:center;align-items:start;gap:28px}}.space__hud{flex-wrap:wrap;justify-content:center;gap:8px 20px;width:100%;display:flex}@media (width>=900px){.space__hud{flex-direction:column;justify-content:flex-start}}.hud__item{gap:0;display:grid}.hud__label{color:var(--ink-dim);font-size:.85rem}.hud__value{font-family:var(--font-pixel);font-size:2rem;line-height:1}.hud__hearts{align-items:center;gap:4px;min-height:1.76rem;display:flex}.hud__power{color:#0b3a41;background:var(--crystal);align-self:center;padding:4px 10px;font-weight:700}.space__stage{aspect-ratio:360/560;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;height:min(100dvh - 190px,760px);min-height:360px;box-shadow:0 0 0 4px var(--hull-lo), 0 0 0 8px var(--hull-hi);outline:none;position:relative}@media (width<=899px){.space__stage{width:min(100%,64.2857dvh - 147.857px);min-width:min(100%,280px);height:auto}}.space__canvas{width:100%;height:100%;image-rendering:pixelated;background:#10123a;display:block}.space__overlay{text-align:center;background:#10123adb;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.space__overlay h2{font-size:clamp(2rem,7vw,2.8rem)}.space__overlay p{max-width:32ch}.space__howto{text-align:left;max-width:34ch;color:var(--ink-dim);gap:6px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.space__howto li{padding-left:18px;position:relative}.space__howto li:before{content:"";background:var(--crystal);width:8px;height:8px;position:absolute;top:.5em;left:0}.space__final strong{font-family:var(--font-pixel);color:var(--crystal);font-size:1.4em}.space__record{font-family:var(--font-pixel);color:#ffd23f;font-size:2rem}.space__flash{text-align:center;font-family:var(--font-pixel);color:#ffd23f;text-shadow:4px 4px #6e2108;pointer-events:none;font-size:3rem;position:absolute;top:30%;left:0;right:0}