.den{max-width:1120px;padding:calc(var(--header-height) + 2.5rem) var(--gutter) 5rem;box-sizing:border-box;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:1.5rem 2.5rem;margin:0 auto;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.den :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.den-stage-col{top:calc(var(--header-height) + 1.5rem);position:sticky}.den .eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8125rem;font-weight:700}.den h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 .75rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.05}.den h1 [data-den-name]{color:var(--accent)}.den .lede{max-width:42ch;color:var(--muted);margin:0 0 1.5rem}.stage{height:clamp(340px, calc(100svh - var(--header-height) - 20rem), 540px);background:var(--surface);border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden}.web{width:100%;height:240px;color:var(--ink);position:absolute;inset:0 0 auto}.web path{fill:none;stroke:currentColor;stroke-opacity:.2;stroke-width:1px;vector-effect:non-scaling-stroke}.hook{position:absolute;top:80px;left:50%}.stage-slot{width:calc(clamp(120px, 40%, 210px) * var(--grow,1));aspect-ratio:596/401;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.stage-hint{text-align:center;color:var(--muted);margin:0;font-size:.8125rem;position:absolute;inset:auto 1rem .875rem}.wardrobe{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.wardrobe-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:1rem 1.25rem;display:flex}.name-field{align-items:center;gap:.625rem;font-size:.875rem;font-weight:700;display:flex}.name-field input{width:11ch;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.45rem .75rem;font-weight:600}.head-actions,.chips,.threads{flex-wrap:wrap;gap:.5rem;display:flex}.chip{color:var(--ink);background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .9rem;font:600 .875rem/1 system-ui,sans-serif;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip:active{background:var(--fill)}.chip[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:.25rem;padding:0 .75rem;display:flex;overflow-x:auto}.tabs [role=tab]{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;padding:1rem .625rem .875rem;font:700 .8125rem/1 system-ui,sans-serif}.tabs [role=tab]:hover{color:var(--ink)}.tabs [role=tab][aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.panel{padding:1.25rem}.shelf+.shelf{margin-top:1.75rem}.shelf h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-size:.8125rem;font-weight:700}.tiles{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;display:grid}.tile{color:var(--ink);text-align:center;background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:14px;gap:.25rem;padding:.5rem .375rem;font:600 .75rem/1.2 system-ui,sans-serif;display:grid;position:relative}.tile:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.tile[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 9%, var(--bg));border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tile-art{width:100%;height:68px;display:block}.tile[data-locked] .tile-art{opacity:.6}.tile-lock{width:20px;height:20px;color:var(--bg);background:var(--ink);border-radius:50%;place-items:center;display:none;position:absolute;top:.375rem;right:.375rem}.tile[data-locked] .tile-lock{display:grid}.snacks .tile-art{height:44px}.swatches{flex-wrap:wrap;gap:.5rem;margin-top:.875rem;display:flex}.swatch{background:var(--swatch);border:2px solid var(--surface);width:28px;height:28px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.thread-line{background:var(--thread,var(--ink));border-radius:2px;width:1.5rem;height:3px}.thread-line[data-kind=rainbow]{background:linear-gradient(90deg,#e8705a,#f0b43c,#6ac7a7,#5b9bd5,#7a5aa6)}.shelf-note{color:var(--muted);margin:.875rem 0 .5rem;font-size:.875rem}.shelf-note strong{color:var(--ink)}.progress{gap:.375rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:grid}.progress li{grid-template-columns:7rem 1fr 3.5rem;align-items:center;gap:.75rem;display:grid}.progress-bar{background:var(--fill);border-radius:3px;height:6px;overflow:hidden}.progress-bar span{width:var(--done,0%);background:var(--accent);border-radius:inherit;height:100%;transition:width .3s;display:block}.progress-count{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.notice{color:var(--muted);border-top:1px solid var(--line);margin:0;padding:.875rem 1.25rem;font-size:.875rem}.notice strong{color:var(--ink)}.den-bar{grid-column:1/-1;align-items:center;gap:.75rem;min-width:0;display:flex}.view-switch{background:var(--fill);border-radius:999px;flex:none;padding:3px;display:flex}.view-switch button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem .95rem;font:700 .8125rem/1 system-ui,sans-serif}.view-switch button:hover{color:var(--ink)}.view-switch button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #0000001f}.picker{scrollbar-width:thin;gap:.25rem;min-width:0;padding:2px;display:flex;overflow-x:auto}.picker-spider{width:3.5rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;justify-items:center;padding:.2rem .1rem .25rem;font:600 .6875rem/1.1 system-ui,sans-serif;display:grid;position:relative}.picker-spider:hover{color:var(--ink);background:var(--fill)}.picker-spider[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb, var(--accent) 9%, transparent);border-color:var(--accent)}.picker-spider canvas{width:2.75rem;height:1.9rem}.picker-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.picker-spider[data-main]:after{content:"★";color:var(--accent);font-size:.75rem;position:absolute;top:0;right:.2rem}.den-world,.den-card,.bar-button,.scene-switch,.drawer-close{display:none}.den[data-den-view=den] .scene-switch{display:flex}.den[data-den-view=den] .bar-button{flex:none;display:inline-flex}.bar-button[aria-expanded=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}:root[data-den-view=den]{overflow:hidden}.den[data-den-view=den]{max-width:none;padding:0;display:block}.den[data-den-view=den] .den-stage-col{display:none}:root[data-den-view=den] .spider-string[data-mode=stage]{visibility:hidden}.den[data-den-view=den] .den-world{inset:var(--header-height) 0 0;z-index:1;display:block;position:fixed;overflow:hidden}.den-world canvas{touch-action:none;width:100%;height:100%;display:block}.den[data-den-view=den] :is(.den-bar,.den-card,.wardrobe){z-index:3;position:fixed;box-shadow:0 10px 34px #00000024}.den[data-den-view=den] .den-bar{top:calc(var(--header-height) + .75rem);box-sizing:border-box;background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line);backdrop-filter:blur(6px);border-radius:18px;gap:.5rem;max-width:calc(100vw - 9.5rem);padding:.3rem .4rem .3rem .3rem;left:.75rem}.den[data-den-view=den]:is([data-wardrobe=open],[data-info=open]) .den-bar{max-width:calc(100vw + -1*min(400px,100vw - 1.5rem) - 10.25rem)}.den[data-den-view=den] .wardrobe{top:calc(var(--header-height) + .75rem);overscroll-behavior:contain;width:min(400px,100vw - 1.5rem);bottom:.75rem;right:.75rem;overflow-y:auto}.den[data-den-view=den][data-wardrobe=closed] .wardrobe{display:none}.den[data-den-view=den] .drawer-close{padding-inline:.7rem;display:inline-flex}.tile-ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 0 1px color-mix(in srgb, var(--ink) 60%, transparent)) drop-shadow(0 6px 12px #00000040);position:fixed;top:0;left:0}.nobody-hint{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-bottom:1px solid var(--line);margin:0;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:none}.den[data-den-view=den] .wardrobe[data-nobody] .nobody-hint{display:block}.den[data-den-view=den] .wardrobe[data-nobody] .tile{cursor:grab}.den-card[hidden],.den[data-den-view=den] .den-card[hidden]{display:none}.card-close{width:1.75rem;height:1.75rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;font:600 .8125rem/1 system-ui,sans-serif;display:grid;position:absolute;top:.5rem;right:.5rem}.card-close:hover{color:var(--ink);background:var(--fill)}.name-field input:disabled,.head-actions .chip:disabled{opacity:.5;cursor:default}.den[data-den-view=den] .den-card{top:calc(var(--header-height) + .75rem);width:min(400px,100vw - 1.5rem);max-height:calc(100svh - var(--header-height) - 1.5rem);overscroll-behavior:contain;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:6.5rem minmax(0,1fr);align-content:start;gap:.25rem 1rem;padding:1.1rem 1.25rem 1.25rem;display:grid;right:.75rem;overflow-y:auto}.den[data-den-view=den][data-info=closed] .den-card{display:none}.card-portrait{align-self:center;width:6.5rem;height:4.75rem}.den[data-den-view=den] .picker-spider:is(:hover,:focus-visible):before{content:"i";width:.95rem;height:.95rem;color:var(--bg);background:var(--accent);border-radius:50%;place-items:center;font:italic 700 .625rem/1 Georgia,serif;display:grid;position:absolute;top:0;left:.2rem}.den-toast{display:none}.den[data-den-view=den] .den-toast:not([hidden]){z-index:4;box-sizing:border-box;max-width:min(460px,100vw - 2rem);color:var(--muted);text-align:center;background:color-mix(in srgb, var(--surface) 96%, transparent);border:1px solid var(--line);border-radius:999px;margin:0;padding:.6rem 1.1rem;font-size:.875rem;animation:.25s den-toast-in;display:block;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #00000024}.den-toast strong{color:var(--ink)}@keyframes den-toast-in{0%{opacity:0;transform:translate(-50%,.5rem)}}@media (prefers-reduced-motion:reduce){.den[data-den-view=den] .den-toast:not([hidden]){animation:none}}.card-body p{margin:0}.card-name{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;font-size:1.0625rem;line-height:1.2;display:flex}.card-name strong{overflow-wrap:anywhere}.card-main{color:var(--accent);white-space:nowrap;font-size:.75rem;font-weight:700}.den-card .card-age{color:var(--muted);margin-bottom:.4rem;font-size:.8125rem}.meter{grid-template-columns:3.6rem 1fr 4.2rem;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.meter+.meter{margin-top:.2rem}.meter-label{color:var(--muted)}.meter-bar{background:var(--fill);border-radius:3px;height:6px;overflow:hidden}.meter-bar span{width:var(--done,0%);background:var(--accent);border-radius:inherit;height:100%;transition:width .3s;display:block}.meter[data-low] .meter-bar span{background:#e8705a}.meter-value{font-variant-numeric:tabular-nums;font-weight:600}.card-actions{flex-wrap:wrap;grid-column:1/-1;gap:.375rem;margin-top:.5rem;display:flex}.card-actions .chip{padding:.45rem .75rem;font-size:.8125rem}.card-actions .chip[aria-disabled=true]{color:var(--muted)}.card-note{color:var(--muted);grid-column:1/-1;margin:.4rem 0 0;font-size:.8125rem}.card-note strong{color:var(--ink)}.den-card [hidden],.den-settings,.den-deaths,.bar-button[hidden],.den[data-den-view=den] .bar-button[hidden]{display:none}.bar-icon{justify-content:center;width:2.25rem;height:2.25rem;padding:0;font-size:1rem}.bar-icon[aria-pressed=true]{color:var(--bg);background:var(--ink);border-color:var(--ink)}.den[data-den-view=den] .den-settings:not([hidden]){z-index:4;top:calc(var(--header-height) + 4.1rem);width:min(360px,100vw - 1.5rem);max-height:calc(100svh - var(--header-height) - 5rem);box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:.9rem;padding:.875rem 1rem 1rem;display:grid;position:fixed;left:.75rem;overflow-y:auto;box-shadow:0 10px 34px #00000024}.panel-head{align-items:center;gap:.5rem;min-height:1.75rem;display:flex}.panel-head strong{font-size:1.0625rem}.panel-head .card-close{margin-left:auto;position:static}.setting{justify-items:start;gap:.4rem;display:grid}.setting-label{font-size:.8125rem;font-weight:700}.setting-note{color:var(--muted);margin:0;font-size:.75rem}.setting .view-switch{flex-wrap:wrap}.setting-clock{margin:0;font-size:.75rem;font-weight:600}.setting-clock:empty{display:none}.setting .view-switch button{padding:.45rem .75rem}.setting-toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.625rem}.setting-toggle>span{gap:.15rem;display:grid}.setting-toggle input{width:1.05rem;height:1.05rem;accent-color:var(--accent);margin:.05rem 0 0}.code-form{border-top:1px solid var(--line);gap:.4rem;padding-top:.875rem;display:grid}.code-form label{font-size:.8125rem;font-weight:700}.code-row{gap:.4rem;display:flex}.code-row input{letter-spacing:.04em;text-transform:uppercase;min-width:0;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;flex:1;padding:.45rem .75rem;font:600 .875rem/1.2 system-ui,sans-serif}.code-row input::placeholder{letter-spacing:normal;text-transform:none}.code-note{color:var(--muted);margin:0;font-size:.75rem}.code-note:empty{display:none}.code-note[data-ok]{color:var(--accent);font-weight:600}.wardrobe-code{margin-top:1.75rem}.colour-lock{color:var(--muted);background:var(--fill);border-radius:12px;margin:0 0 1.25rem;padding:.625rem .875rem;font-size:.8125rem}.colour-lock strong{color:var(--ink)}.colour-lock[hidden]{display:none}.tile[aria-disabled=true],.chip.thread[aria-disabled=true]{cursor:not-allowed}.tile[aria-disabled=true]:not([aria-pressed=true]){opacity:.55}.den[data-den-view=den] .den-deaths{z-index:4;top:calc(var(--header-height) + .75rem);display:block;position:fixed;right:.75rem}.den[data-den-view=den]:is([data-wardrobe=open],[data-info=open]) .den-deaths{right:calc(min(400px,100vw - 1.5rem) + 1.5rem)}.deaths-toggle{height:2.75rem;color:var(--ink);background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line);backdrop-filter:blur(6px);cursor:pointer;border-radius:18px;align-items:center;gap:.4rem;padding:0 .9rem;font:700 .8125rem/1 system-ui,sans-serif;display:inline-flex;box-shadow:0 10px 34px #00000024}.deaths-toggle:hover,.deaths-toggle[aria-expanded=true]{border-color:var(--accent)}.deaths-badge{box-sizing:border-box;color:#fff;text-align:center;background:#d9473f;border-radius:999px;min-width:1.25rem;padding:.2rem .35rem;font-size:.6875rem}.deaths-badge[hidden]{display:none}.deaths-toggle[data-new]{animation:.6s deaths-nudge}@keyframes deaths-nudge{20%,60%{transform:rotate(-6deg)}40%,80%{transform:rotate(6deg)}}@media (prefers-reduced-motion:reduce){.deaths-toggle[data-new]{animation:none}}.deaths-panel{width:min(360px,100vw - 1.5rem);max-height:calc(100svh - var(--header-height) - 5.5rem);overscroll-behavior:contain;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:.875rem 1rem .5rem;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:0 10px 34px #00000024}.deaths-panel[hidden]{display:none}.deaths-count{color:var(--muted);font-size:.8125rem}.deaths-clear{margin-left:auto;padding:.35rem .65rem;font-size:.75rem}.deaths-clear+.card-close{margin-left:0}.deaths-empty{color:var(--muted);margin:.75rem 0 .5rem;font-size:.875rem}.deaths-empty[hidden]{display:none}.deaths-list{margin:.5rem 0 0;padding:0;list-style:none}.death{border-top:1px solid var(--line);grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.25rem .75rem;padding:.6rem 0;display:grid}.death canvas{filter:grayscale(.85);opacity:.75;width:3.25rem;height:2.4rem}.death-name{flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;margin:0;font-size:.875rem;display:flex}.death-name strong{overflow-wrap:anywhere}.death-when{color:var(--muted);font-size:.75rem}.death[data-unseen] .death-name strong:after{content:"new";color:#fff;vertical-align:.1em;background:#d9473f;border-radius:999px;margin-left:.4rem;padding:.1rem .35rem;font-size:.625rem;font-weight:700}.death-cause{margin:.1rem 0 0;font-size:.8125rem;font-weight:600}.death[data-cause=starved] .death-cause,.death[data-cause=old] .death-cause{color:var(--muted)}.death-detail{color:var(--muted);margin:.1rem 0 0;font-size:.75rem}.card-family{color:var(--muted);margin:-.25rem 0 .4rem;font-size:.75rem}.card-traits{flex-wrap:wrap;grid-column:1/-1;gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.card-traits:empty{display:none}.card-traits li{background:var(--fill);border-radius:999px;padding:.2rem .5rem;font-size:.6875rem;font-weight:600}.card-traits li[data-tone=warn]{color:#fff;background:#c4553f}.card-traits li[data-tone=rare]{color:var(--bg);background:var(--accent)}.card-genes{border-top:1px solid var(--line);grid-column:1/-1;margin-top:.5rem;font-size:.75rem}.card-genes summary{cursor:pointer;padding:.5rem 0 .25rem;font-weight:700}.card-genes summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--fill);border-radius:4px;margin-left:.25rem;padding:.1rem .35rem;font-size:.625rem}.genes-grid{grid-template-columns:5.5rem minmax(0,1fr) 2.4rem;align-items:center;gap:.2rem .5rem;max-height:13rem;padding:.25rem .25rem .25rem 0;display:grid;overflow-y:auto}.genes-grid h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;margin:.4rem 0 .1rem;font-size:.6875rem}.genes-grid input[type=range]{width:100%;accent-color:var(--accent);margin:0}.genes-grid select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;grid-column:2/-1;padding:.2rem .3rem}.genes-grid output{font-variant-numeric:tabular-nums;text-align:right}.genes-actions{flex-wrap:wrap;gap:.3rem;padding:.5rem 0 .1rem;display:flex}.genes-actions .chip{padding:.35rem .6rem;font-size:.75rem}@media (width<=860px){.den{padding-top:calc(var(--header-height) + 1.5rem);grid-template-columns:minmax(0,1fr);gap:1.5rem}.den-stage-col{position:static}.stage{height:360px}.wardrobe-head,.panel{padding-inline:1rem}.tile-art{height:56px}.den[data-den-view=den] :is(.wardrobe,.den-card){width:auto;height:62svh;inset:auto .5rem .5rem}.den[data-den-view=den]:is([data-wardrobe=open],[data-info=open]) .den-bar{max-width:calc(100vw - 9.5rem)}.den[data-den-view=den]:is([data-wardrobe=open],[data-info=open]) .den-deaths{right:.75rem}.den[data-den-view=den] .den-card{height:auto;max-height:62svh}}@media (width<=700px){.den[data-den-view=den] .den-bar,.den[data-den-view=den]:is([data-wardrobe=open],[data-info=open]) .den-bar{top:calc(var(--header-height) + .5rem);flex-wrap:wrap;gap:.25rem;max-width:none;left:.5rem;right:3.75rem}.den[data-den-view=den] .den-deaths,.den[data-den-view=den]:is([data-wardrobe=open],[data-info=open]) .den-deaths{top:calc(var(--header-height) + .5rem);right:.5rem}.deaths-toggle{justify-content:center;width:2.75rem;padding:0;position:relative}.deaths-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.deaths-badge{position:absolute;top:-.3rem;right:-.3rem}.den[data-den-view=den] .den-settings:not([hidden]){width:calc(100vw - 1rem);max-height:70svh;top:auto;bottom:.5rem;left:.5rem}.den[data-den-view=den] .picker{flex-basis:100%}.den[data-den-view=den] .view-switch button{padding-inline:.7rem}}