:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0e100d;color:#e7dcc2;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 10%,rgba(97,63,50,.28),transparent 32%),linear-gradient(135deg,#10130f,#15120f 52%,#0a0c0a)}button,input,select{font:inherit}button{border:1px solid #5c4935;border-radius:6px;background:#2b2119;color:#f1e3c2;cursor:pointer;padding:.55rem .8rem}button:hover,button:focus-visible{border-color:#b98955;outline:none}input,select{width:11rem;border:1px solid #5c4935;border-radius:6px;background:#15120f;color:#f1e3c2;padding:.55rem .7rem}h1,h2,p{margin:0}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:700;line-height:1}h2{margin-bottom:.75rem;color:#d1b383;font-family:Georgia,Times New Roman,serif;font-size:1.1rem}.topbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1rem,3vw,2rem);border-bottom:1px solid rgba(185,137,85,.25)}.subtitle{margin-top:.35rem;color:#a99a80}.seed-form{display:flex;align-items:end;gap:.75rem}.seed-form label{display:grid;gap:.25rem;color:#a99a80;font-size:.8rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:1rem;padding:1rem clamp(1rem,3vw,2rem) 2rem}.left-column{align-content:start;align-self:start;display:grid;gap:1rem;min-width:0}.map-panel,.side-panel,.log-panel{border:1px solid rgba(185,137,85,.24);border-radius:8px;background:#12120fd1;box-shadow:0 18px 60px #00000052}.map-panel{align-self:start;min-width:0;overflow:hidden}.status-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border-bottom:1px solid rgba(185,137,85,.18)}.status-row span{border:1px solid rgba(185,137,85,.28);border-radius:999px;padding:.2rem .55rem;color:#cab88f;font-size:.8rem}canvas{display:block;width:100%;height:auto}.side-panel{align-self:start;display:grid;align-content:start;gap:1rem;padding:1rem}.hud-section{display:grid;gap:.65rem}.hud-section+.hud-section{border-top:1px solid rgba(185,137,85,.16);padding-top:.9rem}.hud-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hud-section-header h2{margin-bottom:0}.section-toggle{min-width:4.9rem;padding:.35rem .55rem;color:#cab88f;font-size:.76rem}.hud-section-content{display:grid;gap:.55rem}.hud-section-content[hidden]{display:none}.button-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.audio-controls{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.audio-controls button{min-width:0}.audio-volume-control{display:grid;grid-column:1 / -1;gap:.25rem;color:#a99a80;font-size:.8rem}.audio-volume-control input{width:100%}.onboarding-panel{display:grid;gap:.65rem;border:1px solid rgba(143,191,139,.28);border-radius:6px;padding:.85rem;background:#19231cb8}.onboarding-panel[hidden]{display:none}.onboarding-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.onboarding-header h2{margin-bottom:0}.onboarding-header button{padding:.35rem .55rem;font-size:.78rem}.onboarding-panel p,.onboarding-panel li{color:#c9c0ad;font-size:.84rem}.onboarding-panel ul{display:grid;gap:.35rem;margin:0;padding-left:1.1rem}.scenario-guide{border-left:2px solid rgba(143,191,139,.38);padding-left:1.3rem}.scenario-guide [data-scenario-milestone-complete=true]{color:#b9d7aa}.onboarding-outcome{border-top:1px solid rgba(185,137,85,.18);margin:0;padding-top:.65rem}.onboarding-panel strong{color:#d1b383}.info-panel[hidden]{display:none}.info-card{display:grid;gap:.45rem;border:1px solid rgba(143,191,139,.28);border-radius:6px;padding:.85rem;background:#141d18c2}.info-card.is-missing{border-color:#d98b7f70;background:#2b1a17c2}.info-card h2{margin-bottom:0}.info-card p,.info-card li{color:#c9c0ad;font-size:.84rem}.info-card ul{display:grid;gap:.3rem;margin:0;padding-left:1.1rem}.button-row button.is-selected{border-color:#8fbf8b;background:#1e3325;color:#dff1d5;box-shadow:inset 0 0 0 1px #8fbf8b47}.build-button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.build-button,.build-cancel-button{min-width:0;overflow-wrap:anywhere}.build-button.is-selected{border-color:#e8c46a;background:#3a2d1d;color:#ffe4a0;box-shadow:inset 0 0 0 1px #e8c46a73}.build-cancel-button:disabled{cursor:not-allowed;opacity:.45}.placement-message{min-height:2.2rem;margin-top:.55rem;color:#cab88f;font-size:.84rem;overflow-wrap:anywhere}.placement-message[data-placement-state=error]{color:#d98b7f}.placement-message[data-placement-state=status]{color:#8fbf8b}.stockpile-config{margin-top:.65rem}.stockpile-config-empty,.stockpile-config-panel{font-size:.82rem}.stockpile-config-empty{color:#a99a80}.stockpile-config-panel{display:grid;gap:.65rem}.stockpile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0}.stockpile-summary div{border:1px solid rgba(185,137,85,.16);border-radius:6px;padding:.4rem .5rem;background:#271f188f}.stockpile-summary dt{color:#a99a80}.stockpile-summary dd{margin:.1rem 0 0;color:#dfc995}.stockpile-control-group,.stockpile-resource-grid{display:grid;gap:.45rem}.stockpile-control-group{grid-template-columns:repeat(3,minmax(0,1fr))}.stockpile-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.labor-priority-list{display:grid;gap:.55rem;font-size:.82rem}.labor-priority-row{display:grid;gap:.35rem}.labor-priority-row>span{color:#cab88f}.labor-priority-row .button-row,.cat-labor-controls .button-row,.recovery-order-controls .button-row,.caregiver-preference-controls .button-row{display:grid;gap:.4rem;margin-bottom:0}.labor-priority-row .button-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-labor-controls,.recovery-order-controls,.caregiver-preference-controls,.recovery-stability,.quiet-nest-status{display:grid;gap:.35rem}.cat-labor-controls .button-row,.recovery-order-controls .button-row,.caregiver-preference-controls .button-row{grid-template-columns:repeat(2,minmax(0,1fr))}.labor-priority-row button,.cat-labor-controls button,.recovery-order-controls button,.caregiver-preference-controls button{padding:.4rem .45rem;font-size:.78rem}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.resource-grid div{display:flex;justify-content:space-between;gap:.5rem;border:1px solid rgba(185,137,85,.16);border-radius:6px;padding:.5rem .6rem;background:#271f18b8}.resource-grid span,.cat-card p,.cat-card-header span,.log-panel span{color:#a99a80}.cat-list{display:grid;gap:.7rem}.cat-card{border:1px solid rgba(185,137,85,.18);border-radius:6px;padding:.7rem;background:#1b1814c7}.cat-card.is-expanded{border-color:#b989557a;background:#271f18e6}.cat-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;align-items:center;gap:.75rem;margin-bottom:.25rem;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left}.cat-card-header:hover,.cat-card-header:focus-visible{color:#f6d79b}.cat-card-header:focus-visible{background:#b9895529;box-shadow:0 0 0 3px #b989556b;outline:2px solid #d1b383;outline-offset:3px}.cat-card-header-main{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.55rem;min-width:0}.cat-card-heading{display:grid;gap:.1rem;min-width:0}.cat-card-heading strong,.cat-card-heading span{line-height:1.15;overflow-wrap:anywhere}.cat-card-heading strong{color:#f1e3c2}.cat-card-heading span{font-size:.78rem}.cat-identity-summary{justify-self:end;border:1px solid rgba(185,137,85,.22);border-radius:4px;padding:.18rem .35rem;background:#14120fbd;color:#d9c0a3;font-size:.72rem;line-height:1.1;text-align:right;white-space:nowrap}.cat-portrait{position:relative;display:block;width:2.75rem;height:2.75rem;overflow:hidden;border:1px solid rgba(185,137,85,.26);border-radius:50%;background:radial-gradient(circle at 35% 22%,rgba(240,230,200,.12),transparent 30%),linear-gradient(145deg,#1b1713,#100d0b);box-shadow:inset 0 0 0 1px #00000047,0 1px #ffffff0d}.cat-portrait-pixel{position:absolute;display:block;background:var(--cat-coat);border-radius:999px;box-shadow:inset -.08rem -.08rem #0000002e}.cat-portrait-tail{left:4%;top:48%;width:29%;height:14%;background:var(--cat-shadow);transform:rotate(-24deg);transform-origin:right center}.cat-portrait-body{left:24%;top:43%;width:51%;height:31%;background:linear-gradient(135deg,var(--cat-highlight),var(--cat-coat) 38%,var(--cat-shadow))}.cat-portrait-head{left:33%;top:22%;width:41%;height:37%;background:radial-gradient(circle at 35% 24%,var(--cat-highlight),var(--cat-coat) 48%,var(--cat-shadow))}.cat-portrait-ear-left,.cat-portrait-ear-right{top:13%;width:18%;height:18%;clip-path:polygon(50% 0,6% 100%,94% 100%);border-radius:35% 35% 45% 45%}.cat-portrait-ear-left{left:32%;transform:rotate(-12deg)}.cat-portrait-ear-right{left:59%;transform:rotate(12deg)}.cat-portrait-pattern{left:41%;top:31%;width:22%;height:10%;background:var(--cat-highlight);opacity:.9}.cat-portrait-accent{left:68%;top:59%;width:13%;height:13%;background:var(--cat-accent);opacity:.92}.cat-portrait-eye-left,.cat-portrait-eye-right{top:35%;width:9%;height:10%;background:var(--cat-eye);overflow:hidden;border-radius:52% 48% 54% 46%;box-shadow:0 0 0 1px #17130f8c,0 0 .18rem #f0e6c838}.cat-portrait-eye-left:before,.cat-portrait-eye-right:before{position:absolute;top:8%;left:39%;width:27%;height:84%;border-radius:50%;background:#17130f;box-shadow:0 0 .08rem #17130fd9;content:""}.cat-portrait-eye-left{left:43%}.cat-portrait-eye-right{left:60%}.cat-portrait-eye-left:after,.cat-portrait-eye-right:after{position:absolute;top:14%;left:17%;width:31%;height:31%;border-radius:50%;background:#fff4d6;content:""}.cat-portrait-nose{left:53%;top:50%;width:7%;height:6%;background:#17130f}.cat-portrait[data-cat-identity-pattern=mask] .cat-portrait-pattern,.cat-portrait[data-cat-identity-pattern=blaze] .cat-portrait-pattern{left:50%;top:24%;width:10%;height:32%}.cat-portrait[data-cat-identity-pattern=bib] .cat-portrait-pattern,.cat-portrait[data-cat-identity-pattern=socks] .cat-portrait-pattern{left:43%;top:58%;width:22%;height:13%}.cat-portrait[data-cat-identity-pattern=tail-tip] .cat-portrait-pattern{left:5%;top:48%;width:13%;height:14%;transform:rotate(-24deg)}.cat-portrait[data-cat-identity-pattern=ear-notch] .cat-portrait-pattern,.cat-portrait[data-cat-identity-pattern=scar] .cat-portrait-pattern{left:34%;top:14%;width:14%;height:16%;background:var(--cat-accent)}.cat-portrait[data-cat-identity-pattern=mottle] .cat-portrait-pattern,.cat-portrait[data-cat-identity-pattern=speckle] .cat-portrait-pattern{left:37%;top:46%;width:12%;height:12%}.cat-portrait[data-cat-identity-tail=plume] .cat-portrait-tail{height:24%}.cat-portrait[data-cat-identity-tail=short] .cat-portrait-tail{width:14%}.cat-portrait[data-cat-identity-tail=dark-tip] .cat-portrait-tail{background:var(--cat-accent)}.cat-portrait[data-cat-identity-ear=round] .cat-portrait-ear-left,.cat-portrait[data-cat-identity-ear=round] .cat-portrait-ear-right,.cat-portrait[data-cat-identity-ear=low] .cat-portrait-ear-left,.cat-portrait[data-cat-identity-ear=low] .cat-portrait-ear-right{top:18%}.cat-portrait[data-cat-identity-ear=notched] .cat-portrait-ear-left{background:var(--cat-accent)}.cat-identity-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 .35rem}.cat-identity-tags span{border:1px solid rgba(143,191,139,.22);border-radius:4px;padding:.12rem .35rem;background:#19231c94;color:#cfe4c5;font-size:.72rem;line-height:1.15;overflow-wrap:anywhere}.cat-card p{margin-bottom:.6rem;font-size:.85rem}.cat-card-details{display:grid;gap:.55rem;margin:.7rem 0;border-top:1px solid rgba(185,137,85,.16);border-bottom:1px solid rgba(185,137,85,.16);padding:.7rem 0}.cat-card-details p{margin-bottom:0}.cat-card-details strong{color:#d1b383}.construction-status{color:#dfc995}.transfer-status{color:#d9c0a3}.care-status{color:#d7c699}.recovery-stability,.quiet-nest-status{border-left:3px solid #6f8b7a;padding-left:.5rem}.relationship-summary{border-left:3px solid #9a8765;padding-left:.5rem}.memory-list{display:grid;gap:.25rem;margin:0;padding-left:1.1rem}.memory-list li{color:#c9c0ad}.construction-status span,.transfer-status span,.care-status span,.recovery-stability span,.quiet-nest-status span{color:#a99a80}.gather-order-control{display:grid;gap:.25rem;color:#a99a80;font-size:.8rem}.gather-order-control select{width:100%}.meter-row{display:grid;gap:.35rem}.meter-row label{display:grid;grid-template-columns:4.5rem minmax(0,1fr) 2rem;align-items:center;gap:.4rem;color:#a99a80;font-size:.78rem}.meter-stat-value{color:#d9c0a3;font-variant-numeric:tabular-nums;text-align:right}progress{width:100%;height:.45rem;accent-color:#b94d68}.log-panel{padding:1rem}.log-panel div{display:grid;gap:.45rem}.log-panel p{color:#dfd0b0;font-size:.92rem}@media(max-width:900px){.topbar,.seed-form{align-items:stretch;flex-direction:column}.layout{grid-template-columns:1fr}.cat-card-header{grid-template-columns:1fr;align-items:start}.cat-identity-summary{justify-self:start;text-align:left;white-space:normal}}:root{--ink: #09070d;--ink-soft: #14101a;--iron: #25232e;--bone: #f3e6c2;--gold: #efc85a;--gold-bright: #ffe88a;--oxblood: #a82e45;--ember: #f05d43;--moss: #47a56a;--moss-bright: #9bdd77;--violet: #7058da;--spectral: #48dfd1;color-scheme:dark;font-family:Trebuchet MS,Inter,ui-sans-serif,system-ui,sans-serif;background:var(--ink);color:var(--bone);line-height:1.45}body{position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(circle at 12% -8%,rgba(240,93,67,.2),transparent 34rem),radial-gradient(circle at 88% 12%,rgba(71,165,106,.16),transparent 32rem),linear-gradient(145deg,#120a11,#08080e 48%,#07100e)}body:before{position:fixed;z-index:-1;inset:0;opacity:.38;background-image:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.02) 47% 48%,transparent 49%),radial-gradient(circle at 20% 30%,rgba(239,200,90,.06) 0 1px,transparent 1.5px),radial-gradient(circle at 75% 70%,rgba(72,223,209,.05) 0 1px,transparent 1.5px);background-size:76px 76px,34px 34px,51px 51px;content:"";pointer-events:none}button,input,select{border-color:#efc85a3d;border-radius:3px 12px;background:linear-gradient(145deg,#3a2323f5,#18141bf5);color:var(--bone);box-shadow:inset 0 1px #ffefbe14,0 4px 14px #00000024}button{position:relative;min-height:2.45rem;font-weight:700;letter-spacing:.015em;transition:transform .12s ease,border-color .12s ease,color .12s ease,background .12s ease}button:hover,button:focus-visible{border-color:var(--gold);color:var(--gold-bright);transform:translateY(-1px);box-shadow:inset 0 1px #ffefbe24,0 0 0 2px #efc85a1a,0 7px 18px #00000038}button:active{transform:translateY(1px)}h1,h2,.map-chapter strong,.cat-card-heading strong{font-family:Georgia,Times New Roman,serif}h1{color:#fff0c9;font-size:clamp(2.7rem,5.6vw,5.7rem);font-style:italic;letter-spacing:-.07em;line-height:.78;text-shadow:3px 3px 0 #621d31,7px 7px 0 rgba(0,0,0,.48),0 0 32px rgba(239,200,90,.12);transform:skew(-4deg)}h2{color:var(--gold);font-size:1rem;font-style:italic;letter-spacing:.07em;text-transform:uppercase}.topbar{position:relative;align-items:center;overflow:hidden;border-bottom:1px solid rgba(239,200,90,.22);padding:clamp(1.15rem,2.8vw,2.4rem) clamp(1rem,3.4vw,3.2rem);background:linear-gradient(92deg,rgba(106,24,42,.5),transparent 38%),linear-gradient(180deg,#140d13fa,#08080de6);box-shadow:0 14px 45px #0000004d}.topbar:after{position:absolute;right:21%;bottom:-2.7rem;width:18rem;height:6rem;border:1px solid rgba(239,200,90,.13);transform:rotate(-9deg);content:"";pointer-events:none}.brand-lockup{display:flex;align-items:center;gap:clamp(.85rem,2vw,1.55rem)}.brand-sigil{display:grid;width:clamp(3.3rem,6vw,5.3rem);aspect-ratio:1;place-items:center;flex:0 0 auto;border:2px solid var(--gold);border-radius:50% 42% 48% 38%;background:radial-gradient(circle at 35% 28%,#d4484e,#671b32 43%,#160b16 72%);color:#ffe9a6;font-family:Georgia,serif;font-size:clamp(1.8rem,3.4vw,3.1rem);font-weight:900;font-style:italic;line-height:1;box-shadow:inset 0 0 0 5px #0c080eb8,0 0 0 1px #3b1822,0 0 32px #ef5d4333;transform:rotate(-7deg)}.eyebrow,.map-kicker{color:var(--moss-bright);font-size:.68rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.subtitle{margin-top:.65rem;color:#b7a998;font-family:Georgia,serif;font-size:clamp(.82rem,1.3vw,1rem);font-style:italic}.seed-form{position:relative;z-index:1;padding:.7rem;border:1px solid rgba(239,200,90,.14);border-radius:3px 18px;background:#09080d9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seed-form label{color:#bfb0a1;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.layout{width:min(100%,1780px);margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(21rem,25rem);gap:clamp(.9rem,1.8vw,1.6rem);padding:clamp(.85rem,2vw,1.6rem) clamp(.75rem,2.5vw,2.5rem) 3rem}.left-column{gap:1.15rem}.map-panel,.side-panel,.log-panel{border:1px solid rgba(239,200,90,.23);border-radius:4px 20px;background:linear-gradient(145deg,#1b1218f5,#080a0dfa);box-shadow:inset 0 1px #ffefbe0d,0 24px 70px #0000006b}.map-panel{position:relative;overflow:hidden;border-color:#efc85a5c;box-shadow:0 0 0 1px #070a0dd9,0 30px 90px #00000085,0 0 60px #47a56a12}.map-chapter{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.9rem 1rem .75rem;border-bottom:1px solid rgba(239,200,90,.15);background:linear-gradient(90deg,rgba(126,31,52,.32),transparent 40%),#09080dc7}.map-chapter strong{display:block;margin-top:.12rem;color:#fff0ca;font-size:clamp(1.3rem,2.2vw,2rem);font-style:italic;line-height:1}.map-chapter-note{max-width:24rem;color:#c4b6a4;font-family:Georgia,serif;font-size:.82rem;font-style:italic;text-align:right}.status-row{position:relative;z-index:2;gap:.4rem;padding:.65rem .8rem;border-bottom:1px solid rgba(239,200,90,.16);background:#08080cc7}.status-row span{border-color:#efc85a3d;border-radius:2px 9px;padding:.25rem .52rem;background:linear-gradient(135deg,#7a27363d,#19181fb8);color:#e7d4b0;font-weight:800;letter-spacing:.015em}.map-canvas-shell{position:relative;display:grid;overflow:hidden;min-height:18rem;place-items:center;padding:clamp(.65rem,1.25vw,1.15rem);background:radial-gradient(circle at 36% 30%,rgba(71,165,106,.18),transparent 38%),#07100d}.map-canvas-shell:after{position:absolute;z-index:3;inset:-.2%;background:url(/clawhold/art/clawhold-map-frame.png) center / 100% 100% no-repeat;content:"";filter:saturate(1.08) contrast(1.04);pointer-events:none}canvas{position:relative;z-index:1;display:block;width:auto;max-width:100%;height:auto;border:1px solid rgba(255,231,154,.16);border-radius:8px;background:#07100d;box-shadow:0 0 0 4px #020708c7,0 0 42px #2a815229}#app[data-active-layer=underground] .map-panel{border-color:#7058da80;box-shadow:0 0 0 1px #03050fe6,0 30px 90px #00000094,0 0 72px #48dfd11f}#app[data-active-layer=underground] .map-chapter{background:linear-gradient(90deg,rgba(91,60,184,.44),rgba(5,38,55,.2) 56%,transparent),#070711}#app[data-active-layer=underground] .map-kicker{color:var(--spectral)}#app[data-active-layer=underground] .map-canvas-shell{background:radial-gradient(circle at 50% 40%,rgba(72,223,209,.13),transparent 36%),radial-gradient(circle at 20% 70%,rgba(112,88,218,.2),transparent 42%),#02040d}.side-panel{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;gap:0;padding:.2rem .9rem 1rem;scrollbar-color:rgba(239,200,90,.48) rgba(0,0,0,.2);scrollbar-width:thin}.hud-section{gap:.75rem;padding:.9rem .15rem}.hud-section+.hud-section{border-top:1px solid rgba(239,200,90,.12);padding-top:.9rem}.hud-section-header{position:relative;padding-left:.72rem}.hud-section-header:before{position:absolute;top:.1rem;bottom:.1rem;left:0;width:3px;background:linear-gradient(var(--ember),var(--gold));box-shadow:0 0 8px #f05d4366;content:"";transform:skewY(-18deg)}.section-toggle{min-height:2rem;border-radius:2px 8px;color:#c6b69d;font-size:.68rem;text-transform:uppercase}.button-row button.is-selected,.build-button.is-selected{border-color:var(--moss-bright);background:linear-gradient(145deg,#2f6745f2,#122b24fa);color:#eaffd7;box-shadow:inset 0 0 0 1px #9bdd7738,0 0 18px #47a56a29}.build-button-row,.stockpile-resource-grid,.resource-grid{gap:.42rem}.build-button{min-height:2.65rem;font-size:.78rem}.onboarding-panel,.info-card{position:relative;overflow:hidden;border-color:#47a56a6b;border-radius:3px 16px;background:linear-gradient(145deg,#1c3d2db3,#0d1216eb);box-shadow:inset 3px 0 #9bdd776b}.onboarding-panel:after,.info-card:after{position:absolute;right:-2.2rem;bottom:-2.2rem;width:5rem;aspect-ratio:1;border:1px solid rgba(155,221,119,.16);transform:rotate(45deg);content:"";pointer-events:none}.scenario-guide{border-left-color:#9bdd777a}.scenario-guide [data-scenario-milestone-complete=true]{color:#c7f29e}.resource-grid div,.stockpile-summary div{position:relative;overflow:hidden;border-color:#efc85a21;border-radius:2px 10px;background:linear-gradient(120deg,#68263138,#1a181fd6)}.resource-grid div:before{position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(var(--gold),var(--oxblood));content:""}.resource-grid strong{color:#ffe8a8;font-size:1rem}.cat-list{gap:.8rem}.cat-card{position:relative;overflow:hidden;border-color:#efc85a30;border-radius:3px 16px;padding:.72rem;background:linear-gradient(135deg,rgba(80,31,42,.23),transparent 42%),#121117e6;box-shadow:inset 0 1px #ffffff09}.cat-card:after{position:absolute;right:-2.2rem;bottom:-2.5rem;width:5.4rem;aspect-ratio:1;border:1px solid rgba(239,200,90,.08);content:"";transform:rotate(45deg);pointer-events:none}.cat-card.is-expanded{border-color:#efc85a85;background:linear-gradient(135deg,rgba(117,38,51,.36),transparent 44%),#1a181ff5;box-shadow:inset 3px 0 0 var(--gold),0 12px 32px #00000040}.cat-card-header-main{grid-template-columns:3.65rem minmax(0,1fr);gap:.75rem}.cat-card-heading strong{color:#fff0ca;font-size:1.04rem;font-style:italic}.cat-identity-summary{border-color:#efc85a33;border-radius:2px 8px;color:#e5cfa4;font-weight:700}.cat-portrait{width:3.65rem;height:3.65rem;border:2px solid var(--cat-accent);border-radius:48% 38% 52% 42%;background:linear-gradient(145deg,color-mix(in srgb,var(--cat-accent) 24%,#18121b),#09080d 68%);box-shadow:inset 0 0 0 3px #050408bf,3px 4px #08060a,0 0 18px color-mix(in srgb,var(--cat-accent) 24%,transparent);transform:rotate(-2deg)}.cat-portrait:before{position:absolute;z-index:0;inset:10%;border:1px solid color-mix(in srgb,var(--cat-accent) 36%,transparent);border-radius:50%;content:""}.cat-portrait-pixel{z-index:1;border:1px solid rgba(10,6,12,.58);box-shadow:inset -.14rem -.12rem #0000003d,inset .08rem .07rem color-mix(in srgb,var(--cat-highlight) 38%,transparent)}.cat-portrait-tail{top:55%;height:17%}.cat-portrait-body{top:48%;height:34%}.cat-portrait-head{top:20%;width:44%;height:40%}.cat-portrait-accent{left:21%;top:61%;width:58%;height:10%;border-radius:0 100%;transform:rotate(7deg)}.cat-portrait-eye-left,.cat-portrait-eye-right{box-shadow:0 0 0 1px #0c050cd9,0 0 .28rem var(--cat-eye)}.cat-identity-tags span{border-color:#47a56a57;border-radius:2px 7px;background:#1a392a94;color:#cdf0b8;font-weight:800}.meter-row{gap:.42rem}progress{overflow:hidden;height:.52rem;border-radius:0;accent-color:var(--oxblood);transform:skew(-10deg)}.log-panel{position:relative;overflow:hidden;padding:1rem 1.15rem 1.1rem;background:linear-gradient(90deg,rgba(102,30,48,.18),transparent 45%),#0b0a0feb}.log-panel:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(var(--ember),var(--gold),var(--moss));content:""}.log-panel p{color:#d8c7aa;font-family:Georgia,serif;font-size:.9rem}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) minmax(19rem,22rem)}.map-chapter-note{display:none}}@media(max-width:900px){.topbar{align-items:stretch;gap:1rem}.layout{grid-template-columns:1fr}.side-panel{position:static;max-height:none;overflow:visible}.map-canvas-shell{min-height:0;padding:.5rem}.map-canvas-shell:after{opacity:.75}}@media(max-width:560px){.brand-sigil{width:3.35rem}h1{font-size:3rem}.map-chapter{padding:.72rem}.map-chapter strong{font-size:1.35rem}.status-row{gap:.32rem;padding:.5rem}.status-row span{font-size:.68rem}.map-canvas-shell:after{display:none}.build-button-row,.resource-grid,.stockpile-resource-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){button{transition:none}}