:root{--paper:#0a0c13;--shadow:#161b2e;--line:#f4e9d4;--ink:#ffb03a;--line-dim:#f4e9d48c;--line-faint:#f4e9d438;--font-display:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono:"Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--rail-gap:18px;--panel-width:268px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;background:var(--paper);height:100dvh;color:var(--line);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}#app{height:100dvh;position:fixed;inset:0}canvas#stage{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;gap:var(--rail-gap);padding-top:max(var(--rail-gap), env(safe-area-inset-top));padding-right:max(var(--rail-gap), env(safe-area-inset-right));padding-bottom:max(var(--rail-gap), env(safe-area-inset-bottom));padding-left:max(var(--rail-gap), env(safe-area-inset-left));grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;display:grid;position:absolute;inset:0}.hud>*{pointer-events:none}.masthead,.chapter-nav,.rail{pointer-events:auto}.hud-topleft{grid-area:1/1}.hud-topright{grid-area:1/3;justify-self:end}.hud-bottomleft{grid-area:3/1;align-self:end}.hud-bottomright{grid-area:3/3;place-self:end}.rail{width:var(--panel-width);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-faint) transparent;flex-direction:column;gap:10px;max-height:min(74vh,720px);display:flex;overflow-y:auto}.masthead{align-items:flex-start;gap:14px;max-width:460px;display:flex}.masthead-index{font-family:var(--font-mono);letter-spacing:.16em;color:var(--ink);border:1px solid;flex-shrink:0;margin-top:3px;padding:4px 7px;font-size:11px;line-height:1}.masthead-title{letter-spacing:-.015em;text-transform:uppercase;margin:0;font-size:25px;font-weight:700;line-height:1.05}.masthead-subtitle{font-family:var(--font-mono);letter-spacing:.05em;color:var(--line-dim);max-width:42ch;margin:5px 0 0;font-size:11px;line-height:1.5}.seed-chip{border:1px solid var(--line-faint);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-top:9px;padding:4px 8px;font-size:10px;display:inline-flex}.seed-chip-label{color:var(--line-faint)}.seed-chip-value{color:var(--ink)}.seed-chip-reroll{color:var(--line-dim);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:13px;line-height:1;transition:color .12s,transform .2s}.seed-chip-reroll:hover{color:var(--ink);transform:rotate(90deg)}.chapter-nav-home{border-bottom:1px solid var(--line-faint);justify-content:flex-end;width:100%;margin-bottom:7px;padding-bottom:7px}.chapter-nav{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.chapter-nav-link{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--line-faint);align-items:baseline;gap:9px;padding:2px 0;font-size:10.5px;text-decoration:none;transition:color .12s;display:flex}.chapter-nav-link:hover:not(.is-disabled){color:var(--line)}.chapter-nav-link.is-active{color:var(--ink)}.chapter-nav-link.is-disabled{opacity:.4;cursor:default;pointer-events:none}.chapter-nav-num{font-variant-numeric:tabular-nums;opacity:.7}.chapter-nav-rule{opacity:.5;background:currentColor;align-self:center;width:20px;height:1px}.chapter-nav-link.is-active .chapter-nav-rule{opacity:1;width:34px}.panel{border:1px solid var(--line-faint);background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.panel-header{border:0;border-bottom:1px solid var(--line-faint);width:100%;color:var(--line);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:10px;display:flex}.panel.is-collapsed .panel-header{border-bottom-color:#0000}.panel-chevron{color:var(--ink);font-size:12px;line-height:1}.panel-body{flex-direction:column;gap:9px;padding:11px;display:flex}.panel.is-collapsed .panel-body{display:none}.control{font-family:var(--font-mono);letter-spacing:.04em;color:var(--line-dim);font-size:10.5px;display:flex}.control-group{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--line-faint);border-bottom:1px solid var(--line-faint);margin-top:4px;padding-bottom:5px;font-size:9.5px}.control-group:first-child{margin-top:0}.control-slider{cursor:ew-resize;flex-direction:column;gap:4px}.control-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.control-value{color:var(--ink);font-variant-numeric:tabular-nums}.control-readout{justify-content:space-between;align-items:baseline;gap:8px}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:13px}input[type=range]::-webkit-slider-runnable-track{background:var(--line-faint);height:1px}input[type=range]::-moz-range-track{background:var(--line-faint);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:0;width:3px;height:13px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:0;width:3px;height:13px}.control-toggle{cursor:pointer;align-items:center;gap:8px}.control-toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-box{border:1px solid var(--line-dim);flex-shrink:0;width:11px;height:11px;position:relative}.control-toggle input:checked+.toggle-box{border-color:var(--ink)}.control-toggle input:checked+.toggle-box:after{content:"";background:var(--ink);position:absolute;inset:2px}.control-toggle input:focus-visible+.toggle-box{outline:1px solid var(--ink);outline-offset:2px}.control-select{cursor:pointer;justify-content:space-between;align-items:center;gap:8px}.control-select select{background:var(--shadow);min-width:0;color:var(--line);border:1px solid var(--line-faint);font-family:var(--font-mono);cursor:pointer;flex:1;padding:3px 5px;font-size:10.5px}.control-button{border:1px solid var(--line-dim);color:var(--line);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;justify-content:center;padding:6px 9px;font-size:10px;transition:background .12s,color .12s}.control-button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.concept-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.concept-list li{font-family:var(--font-mono);color:var(--line-dim);padding-left:13px;font-size:10.5px;line-height:1.45;position:relative}.concept-list li:before{content:"";background:var(--ink);width:6px;height:1px;position:absolute;top:6px;left:0}.concept-note{font-family:var(--font-mono);color:var(--line-faint);border-top:1px solid var(--line-faint);margin:0;padding-top:8px;font-size:10px;line-height:1.55}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--label-color,var(--line));opacity:0;will-change:transform;text-shadow:1px 1px 0 var(--paper), -1px 1px 0 var(--paper), 1px -1px 0 var(--paper), -1px -1px 0 var(--paper);align-items:center;gap:5px;font-size:10px;transition:opacity .22s;display:flex;position:absolute;top:0;left:0}.label-tick{opacity:.65;background:currentColor;flex-shrink:0;width:13px;height:1px}.label-detail{opacity:.5;letter-spacing:.08em}.notice{text-align:center;background:var(--paper);z-index:10;place-content:center;gap:12px;padding:32px;display:grid;position:absolute;inset:0}.notice h2{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:20px}.notice p{font-family:var(--font-mono);color:var(--line-dim);max-width:52ch;margin:0;font-size:12px;line-height:1.6}.notice pre{font-family:var(--font-mono);text-align:left;color:var(--line-faint);border:1px solid var(--line-faint);white-space:pre-wrap;max-width:80ch;max-height:42vh;padding:12px;font-size:10.5px;overflow:auto}.loading{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--line-faint);pointer-events:none;place-content:center;font-size:10px;display:grid;position:absolute;inset:0}.gallery{z-index:5;-webkit-overflow-scrolling:touch;background:var(--paper);padding:clamp(24px,5vh,64px) clamp(20px,6vw,96px);padding-top:max(clamp(24px, 5vh, 64px), env(safe-area-inset-top));padding-right:max(clamp(20px, 6vw, 96px), env(safe-area-inset-right));padding-bottom:calc(clamp(24px, 5vh, 64px) + env(safe-area-inset-bottom));padding-left:max(clamp(20px, 6vw, 96px), env(safe-area-inset-left));position:absolute;inset:0;overflow-y:auto}.gallery-header{max-width:1180px;margin:0 auto 34px}.gallery-title{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(34px,5vw,58px);font-weight:700;line-height:1}.gallery-title:after{content:"";background:var(--ink);width:64px;height:3px;margin-top:12px;display:block}.gallery-subtitle{font-family:var(--font-mono);letter-spacing:.04em;color:var(--line-dim);max-width:58ch;margin:14px 0 0;font-size:12px;line-height:1.6}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;max-width:1180px;margin:0 auto;display:grid}.plate{color:inherit;text-decoration:none;display:block}.plate-frame{border:1px solid var(--line-faint);aspect-ratio:16/10;transition:border-color .2s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.plate-frame canvas{width:100%;height:100%;display:block}.plate:not(.is-unprinted):hover .plate-frame{border-color:var(--ink);box-shadow:0 14px 34px -18px var(--ink);transform:translateY(-3px)}.plate-stamp{border:1px solid var(--line-faint);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--line-faint);padding:3px 7px;font-size:9px;position:absolute;top:10px;right:10px;transform:rotate(4deg)}.plate-caption{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:10px;padding:9px 2px 0;display:flex}.plate-num{color:var(--ink);font-size:10px}.plate-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--line);font-size:14px;font-weight:700}.plate-api{color:var(--line-faint);margin-left:auto;font-size:9px}.plate.is-unprinted{cursor:default}.plate.is-unprinted .plate-frame canvas{opacity:.55}.plate.is-unprinted .plate-name{color:var(--line-dim)}@media (max-width:900px){.hud{padding-top:max(12px, env(safe-area-inset-top));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.hud-topright,.hud-bottomright{display:none}.hud-bottomleft{grid-area:3/1}.rail{width:min(268px,72vw);max-height:44vh}.masthead-title{font-size:19px}}@media (max-width:620px){.masthead-subtitle{display:none}.masthead{align-items:center;gap:10px}.masthead-index{margin-top:0}.rail{width:min(268px,86vw);max-height:38dvh}input[type=range]{height:30px}input[type=range]::-webkit-slider-thumb{height:24px;margin-top:-11.5px}input[type=range]::-moz-range-thumb{height:24px}.control-select select{padding:7px 5px}.control-button{padding:11px 9px}.control-toggle{padding:4px 0}.panel-header{padding:12px}}@media (max-height:460px) and (max-width:900px){.masthead-subtitle{display:none}.rail{max-height:62dvh}}