@font-face{font-family:UmbralTerm;src:url(../fonts/VT323-Regular.ttf)format("truetype");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d8e6d4;font-synthesis:none;--line:#26392f;--muted:#91aa98;--green:#9fe8b0;--gold:#ffd75a;background:#030508;font-family:UmbralTerm,monospace}*{box-sizing:border-box}body{min-width:280px;margin:0;padding:0 28px 36px;font-size:22px;line-height:1.15}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;max-width:1560px;min-height:80px;margin:auto;display:flex}h1,h2,h3,h4,h5{font:inherit;font-weight:400}h1{color:var(--muted);margin:0;font-size:26px}h1 span{color:var(--gold);font-size:40px}nav{flex-shrink:0;gap:20px;display:flex}a{color:var(--green);text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.demo{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(240px,280px);align-items:start;gap:clamp(20px,3vw,46px);max-width:1480px;margin:28px auto 0;display:grid}.controls{min-width:0}h2{color:var(--gold);margin:0 0 18px;font-size:27px}.controls h2:not(:first-child){margin-top:24px}.cycle{margin-bottom:12px}.cycle label{color:var(--muted);display:block}.cycle-row{grid-template-columns:44px minmax(0,1fr) 44px;display:grid}button,select,input{min-width:44px;min-height:44px;font:inherit;color:var(--green);touch-action:manipulation;background:0 0;border:0;border-radius:0}button{cursor:pointer;padding:6px 10px}button:before{content:"["}button:after{content:"]"}.cycle-row button:before,.cycle-row button:after{content:none}.cycle-row button{padding:0;font-size:26px}select{appearance:none;cursor:pointer;text-overflow:ellipsis;text-align:center;width:100%;min-width:0;padding:6px 2px}.cycle-choice{min-width:0;display:grid}.cycle-choice select,.cycle-choice span{grid-area:1/1}.cycle-choice select{color:#0000!important}.cycle-choice span{text-align:center;color:var(--green);pointer-events:none;overflow-wrap:anywhere;align-self:center;padding:6px 2px}.cycle-choice:has(select:disabled) span{opacity:.5}.cycle-choice:has(select:hover:not(:disabled)) span{color:var(--gold)}option{color:#d8e6d4;background:#030508}button:hover:not(:disabled),select:hover:not(:disabled),a:hover{color:var(--gold);text-underline-offset:4px;text-decoration:underline}button:disabled,select:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{color:var(--gold);text-underline-offset:4px;text-decoration:underline}:focus-visible{outline:2px solid var(--green);outline-offset:2px;z-index:2;position:relative}.aside-note{color:var(--muted);margin:18px 0 0;font-size:20px;line-height:1.25}.room{text-align:center;min-width:0;margin:0}#stage{aspect-ratio:31/33;background:#030508;width:100%;min-width:0;max-width:calc(94dvh - 244.4px);margin:0 auto;position:relative;overflow:hidden}#game{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}#loading{color:var(--green);padding:16px;position:absolute;inset:45% 0 auto}figcaption{color:var(--muted);margin:12px auto 8px}.transport{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}#notice{min-height:2.4em;color:var(--muted);max-width:52ch;margin:8px auto 0;font-size:19px;line-height:1.2}.catalog{border-top:1px solid var(--line);max-width:1180px;margin:60px auto 0;padding-top:28px}.eyebrow{color:var(--muted);margin:0 0 4px;font-size:20px}.catalog h2{margin-bottom:12px;font-size:36px}.catalog-intro{max-width:90ch;color:var(--muted);margin:0 0 18px;line-height:1.25}.catalog-search-row{align-items:center;gap:14px;max-width:720px;display:flex}.catalog-search-row label{color:var(--gold)}input{border-bottom:1px solid var(--line);color:#d8e6d4;flex:1;width:100%}input::placeholder{color:var(--muted)}#catalog-categories,#catalog-effects{flex-wrap:wrap;gap:0 12px;margin:12px -10px 0;display:flex}#catalog-effects{color:var(--muted);align-items:center}#catalog-effects span{padding-left:10px}#catalog-count{color:var(--muted);margin:10px 0 0;font-size:20px}.catalog-depth>h3{color:var(--gold);border-bottom:1px solid var(--line);margin:30px 0 0;padding-bottom:10px;font-size:28px}.catalog-group>h4{color:var(--muted);margin:22px 0 4px;font-size:23px}.catalog-rows{margin:0;padding:0;list-style:none}.catalog-entry{border-bottom:1px solid #14221c;grid-template-columns:58px minmax(0,1fr) 100px;align-items:start;gap:22px;padding:20px 0;display:grid}.catalog-glyph{text-align:center;padding-top:3px;font-size:48px;line-height:1}.glyph-pic{vertical-align:-.08em}.entry-text h5{color:#e0eadc;margin:0 18px 0 0;font-size:26px;display:inline}.entry-family{color:var(--muted);font-size:19px}.entry-text p{margin:6px 0 0;line-height:1.2}.entry-text .entry-detail{color:var(--muted);font-size:20px}.catalog-entry button{justify-self:end}.empty-result{color:var(--muted);padding:24px 0}dialog{font:inherit;color:#d8e6d4;border:1px solid var(--muted);background:#030508;width:calc(100% - 32px);max-width:760px;max-height:calc(100dvh - 24px);padding:20px;overflow:auto}dialog::backdrop{background:#030508ed}.inspect-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.inspect-heading h2{margin:4px 0 0;font-size:30px}#inspect-note{color:var(--muted);margin:12px 0}#inspect-detail{color:var(--muted);margin:10px 0;font-size:20px}#inspect-stage #stage{max-width:min(100%,48dvh)}.inspect-rarity{justify-content:center;align-items:center;gap:16px;display:flex}.inspect-rarity select{width:160px}#inspect-use{margin:6px auto 0;display:block}[hidden]{display:none!important}@media (min-width:981px) and (max-height:780px){#stage{max-width:none}}@media (max-width:1120px){body{padding-inline:18px}.demo{grid-template-columns:220px minmax(0,1fr) 220px;gap:18px}}@media (max-width:980px){.masthead{min-height:68px}h1{font-size:23px}h1 span{font-size:34px}nav{gap:14px}.demo{flex-wrap:wrap;gap:24px;max-width:660px;margin-top:18px;display:flex}.controls{flex:1;width:calc(50% - 12px)}.room{z-index:3;border-bottom:1px solid var(--line);background:#030508;flex:1 0 100%;order:-1;padding:8px 0;position:sticky;top:0}#stage{max-width:min(100%,28.2svh)}figcaption{margin:5px auto;font-size:19px}#notice{min-height:0;margin:4px auto 0;font-size:18px}.controls :is(button,select){scroll-margin-top:62svh;scroll-margin-bottom:12px}}@media (max-width:560px){body{padding:0 12px 24px}.masthead{padding:12px 0 4px;display:block}h1{max-width:none}nav{flex-flow:wrap;gap:12px;font-size:19px}.transport button{padding-inline:4px;font-size:20px}.demo{gap:20px 12px}h2{font-size:23px}.cycle-choice{grid-area:1/1/auto/-1;font-size:21px}.cycle-choice span{text-align:left;padding:4px 0}.cycle-row button:last-child{grid-column:3}.cycle label{font-size:20px}.aside-note{font-size:19px}.catalog{margin-top:36px}.catalog h2{font-size:30px}.catalog-search-row{gap:10px}#catalog-categories{gap:0 2px}.catalog-entry{grid-template-columns:34px minmax(0,1fr);gap:2px 14px;padding:16px 0 8px}.catalog-glyph{font-size:38px}.entry-text h5{margin:0;font-size:25px;display:block}.catalog-entry button{grid-column:2;justify-self:start;margin-left:-10px}dialog{width:calc(100% - 16px);padding:12px}.inspect-heading h2{font-size:25px}#inspect-stage #stage{max-width:min(100%,35dvh)}#inspect-note{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}@media (min-width:561px) and (max-width:980px) and (max-height:480px){.demo{grid-template-columns:minmax(220px,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:none;display:grid}.room{grid-area:1/1;top:8px}.controls{width:auto}#stage{max-width:min(100%,39.48svh)}.transport{gap:0}.transport button{padding-inline:4px;font-size:19px}.controls :is(button,select){scroll-margin-top:12px}}@media (max-width:560px) and (max-height:680px){#stage{max-width:min(100%,23.5svh)}}.art-toolbar{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.art-toolbar label{color:var(--gold)}.art-toolbar input{flex:250px}.art-toolbar select{width:180px}#art-count{color:var(--muted);font-size:20px}#art-list h3{color:var(--gold);border-bottom:1px solid var(--line);margin:32px 0 12px;padding-bottom:10px;font-size:28px}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.artwork{border-bottom:1px solid #14221c;min-width:0;margin:0;padding-bottom:18px}.art-picture{aspect-ratio:1.12;background:#030508;place-items:center;display:grid;position:relative}.art-picture canvas{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:absolute;inset:0}.art-status{text-align:center;color:var(--muted);position:absolute;inset:30% 12px auto}.artwork figcaption{text-align:left}.artwork h4{color:#e0eadc;margin:10px 0 6px;font-size:26px}.artwork figcaption p{color:var(--muted);margin:0;font-size:20px;line-height:1.2}.art-wide{grid-column:1/-1}.art-wide .art-picture{aspect-ratio:4;max-height:340px}@media (max-width:900px){.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width:560px){.art-grid{grid-template-columns:1fr}.art-toolbar input{flex-basis:65%}.art-wide .art-picture{aspect-ratio:2.8}}#art-groups{flex-wrap:wrap;gap:0 12px;margin:12px -10px 0;display:flex}#art-groups button{font-size:20px}nav{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;gap:4px 18px}nav [aria-current=page]{color:var(--gold);text-decoration:underline}.standalone{border-top:0;margin-top:28px;padding-top:0}.room{position:static}.playground{border-top:1px solid var(--line);max-width:1480px;margin:48px auto 0;padding-top:28px}@media (max-width:560px){nav{justify-content:flex-start}}.transition-layout{grid-template-columns:minmax(210px,260px) minmax(0,1fr) minmax(210px,260px);align-items:start;gap:24px;display:grid}.transition-preview{min-width:0;margin:0}.preview-stage{aspect-ratio:4/3;background:#030508;width:100%;position:relative}.preview-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.preview-field{color:var(--muted);min-width:0;margin:0 0 12px;display:block}.preview-field select,.preview-field input{text-align:left;color:var(--green);border-bottom:1px solid var(--line);display:block}.preview-field input[type=range]{accent-color:var(--green)}.scenario-shortcuts{flex-wrap:wrap;margin:0 -10px 18px;display:flex}.transition-status{color:var(--muted);white-space:pre-line;font-size:19px;line-height:1.25}summary{cursor:pointer;min-height:44px;color:var(--green);padding-block:10px}.transition-saved{--panel-line:var(--line);--panel-text:#d8e6d4;--btn:transparent;max-width:900px;margin:24px auto 0}.transition-saved .wb-choices input{border-radius:0}.wb-field{margin:12px 0;display:block}.wb-field input,.wb-field select{text-align:left;display:block}@media (max-width:1100px){.transition-layout{grid-template-columns:minmax(190px,1fr) minmax(0,2fr)}.transition-proposal{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}}@media (max-width:600px){.transition-layout{flex-direction:column;display:flex}.transition-layout>*{width:100%}.transition-proposal{display:block}}.art-options{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:18px 0;padding:12px 0;display:grid}.art-options details,.art-options p,.art-options>a{grid-column:1/-1}.art-context-links{flex-wrap:wrap;gap:24px;display:flex}@media (max-width:560px){.art-options{grid-template-columns:1fr}}.cue{left:50%;top:calc(env(safe-area-inset-top) + 18%);text-align:center;color:#fff;opacity:0;background:#000;border:3px solid #7fe0a0;border-radius:10px;width:max-content;max-width:calc(100vw - 32px);padding:10px 22px;font:32px/1.1 UmbralTerm,ui-monospace,monospace;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,8px);pointer-events:none!important}.cue[data-tone=warn]{color:#ffe2a8;border-color:#ffc861}.cue[data-tone=bad]{color:#ffd0cb;border-color:#ff6b5e}.cue.on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.cue{transition:none}}.preview-stage .cue{z-index:1;max-width:calc(100% - 32px);position:absolute}#effect-categories{flex-wrap:wrap;gap:0 12px;margin-bottom:18px;display:flex}.effects-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.effect-preview{min-width:0;margin:0}#effect-status{color:var(--muted);font-size:20px}.lab-links{border-top:1px solid var(--line);color:var(--muted);margin-top:36px;padding-top:18px}.lab-links h3{color:var(--gold)}#lab-links{flex-wrap:wrap;gap:4px 24px;display:flex}@media (max-width:700px){.effects-layout{flex-direction:column;display:flex}.effects-layout>*{width:100%}}.entry-use{color:var(--green);margin:4px 0 8px;font-size:19px;line-height:1.25}.catalog-comparisons{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:24px;display:grid}.catalog-entry.catalog-entry--visual{flex-direction:column;gap:8px;min-width:0;padding:16px 0;display:flex}.catalog-entry--visual .entry-text{flex:1;width:100%}.catalog-entry--visual .entry-text h5{margin:0;display:block}.catalog-entry--visual .entry-text>p:not(.entry-use){margin:6px 0 0;font-size:19px}.catalog-sample{aspect-ratio:400/416;object-fit:contain;width:100%;height:auto;color:var(--muted);background:#030508;font-size:18px;display:block}.catalog-entry--visual button{align-self:flex-start;margin-left:-10px}.catalog-render-stage{pointer-events:none;width:400px;height:416px;position:fixed;top:0;left:-10000px}.catalog-render-stage canvas{width:100%;height:100%}@media (max-width:560px){.catalog-comparisons{gap:12px}}.sample-unavailable{color:var(--muted);margin:0;font-size:19px}.catalog-sample[hidden]{display:none}.catalog-sample:not([data-ready=true]){visibility:hidden}.room-jumps{color:var(--muted);font-size:20px}.abzu-choices{flex-wrap:wrap;gap:4px 16px;margin-block:12px 20px;display:flex}.abzu-preview{max-width:1050px;margin:0}.abzu-preview .preview-stage{max-height:none}.abzu-preview figcaption,#abzu-status{color:var(--muted);font-size:20px}.abzu-transport{margin-top:12px}@media (pointer:coarse) and (orientation:landscape){.abzu-preview .preview-stage{width:min(100%, calc(75svh * var(--abzu-aspect,1)));margin-inline:auto}}.abzu-play-controls{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.abzu-pad{grid-template-columns:repeat(3,48px);gap:4px;display:grid}.abzu-pad button{min-height:44px;padding:2px}#abzu [hidden]{display:none!important}#abzu .preview-stage:focus-visible{outline:2px solid var(--accent,#ffd45a);outline-offset:4px}.abzu-menu-reader:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.abzu-menu-reader:focus-within{flex-wrap:wrap;gap:6px 16px;display:flex}@media (pointer:coarse) and (orientation:landscape){#abzu[data-playing=true] .abzu-interaction{grid-template-columns:minmax(0,1fr) 164px;align-items:start;gap:8px 12px;max-width:1050px;display:grid}#abzu[data-playing=true] .abzu-preview{grid-area:1/1/3}#abzu[data-playing=true] .abzu-transport{grid-column:2;margin:0}#abzu[data-playing=true] .abzu-play-controls{grid-column:2;justify-content:center;gap:0 8px}#abzu[data-playing=true] .abzu-transport button{padding-inline:2px;font-size:18px}}.creature-picks{flex-wrap:wrap;gap:4px 16px;display:flex}.creature-description{max-width:70ch;color:var(--muted)}.creature-layout{grid-template-columns:minmax(0,740px) minmax(160px,240px);align-items:start;gap:16px 24px;display:grid}.creature-preview{min-width:0;margin:0}.creature-preview .preview-stage{max-height:none}#creatures .preview-stage:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.creature-controls .transport{flex-wrap:wrap;gap:4px 8px;display:flex}.creature-pad{margin-block:12px}.creature-caption,#creature-status{color:var(--muted);font-size:20px}#creatures [hidden]{display:none!important}.creature-pack{border-block:1px solid var(--line);padding-block:8px}@media (max-width:620px){.creature-layout{flex-direction:column;display:flex}.creature-preview{width:100%}.creature-controls{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.creature-transport{width:100%}}@media (pointer:coarse) and (orientation:landscape){.creature-layout{grid-template-columns:minmax(0,1fr) 180px}.creature-preview .preview-stage{width:min(100%, calc(82svh * var(--creature-aspect,1)));margin-inline:auto}}