/* Ink, jade and old gold. Text and controls remain real, accessible DOM. */
:root{--bg:#080f19;--panel:#101e2a;--panel2:#1b3040;--edge:#3c5260;--gold:#f0ce8b;--text:#f5efe2;--muted:#b6c7cd;--jade:#9ee0c0;--red:#ffb1a7}
body{background-image:linear-gradient(#08121bd9,#080f19f5),url('./assets/scenes/world-v30.webp');background-attachment:fixed}
.app-header{background:#0a1520f5;border-bottom-color:#bc995655;box-shadow:0 3px 20px #0004}
.brand strong{letter-spacing:.02em}.brand>.painted-icon{width:38px;height:38px}.app-footer{color:#b6c7cd}
.character-panel,.birth-preview{background:linear-gradient(155deg,#1c3040f2,#0d1b29fa);border-color:#52616a99;box-shadow:0 8px 30px #0003}
.story-board,.birth-form{background:linear-gradient(130deg,#1c3040fc,#142430fc);border-color:#a58b5966;box-shadow:0 10px 36px #0004,inset 0 1px #eed5a01a}
.info-panel{background:linear-gradient(140deg,#142737f5,#0c1a28fc);border-color:#52616a99}
.hero-portrait,.birth-avatar{background-image:linear-gradient(0deg,#112333ed,transparent 60%),url('./assets/scenes/portrait-v30.webp');background-position:center 38%;background-size:cover;border:1px solid #ceaf6d55}
.hero-seal{background:#102534bb;color:#f0ce8b;border-color:#d8b87099;outline-color:#d8b87044}
.scene-banner{background-image:linear-gradient(0deg,#142430ed,#0a182144),url('./assets/scenes/world-v30.webp');background-position:center 28%;border-bottom-color:#c1a26277;position:relative}
.scene-banner>span{color:#fff3d6;text-shadow:0 1px 4px #000;background:#0c1824ad;border:1px solid #dfc58d3b;padding:3px 8px;border-radius:4px;gap:6px}
.art-celestial{background-image:linear-gradient(0deg,#142430e0,#0a18211a),url('./assets/scenes/celestial-v30.webp')}
.art-reincarnation{background-image:linear-gradient(0deg,#142430e0,#0a18211a),url('./assets/scenes/rebirth-v30.webp')}
.scene-heading h2{color:#f4d598;text-shadow:0 2px 8px #0003;line-height:1.65}
.scene-heading .eyebrow{color:#bdcecf}.reader-copy{color:#f5efe2;font-weight:400;letter-spacing:.01em}
.reader-controls{border-top:1px solid #6f87913b}.reader-controls button{color:#d4e0df;border:1px solid #69838b66;border-radius:5px;min-height:30px;padding:3px 9px}
.reader-controls button:disabled{opacity:.3}.reader-count{color:#bacdd0}
.stat{background:#0a1826c9;border-color:#4e6b7766;border-left-width:2px}
.stat-health{border-left-color:#ea8f82}.stat-martial{border-left-color:#e5c17e}.stat-qi{border-left-color:#71c9dd}.stat-insight{border-left-color:#b5a9ea}.stat-karma{border-left-color:#7bc8a2}.stat-reputation{border-left-color:#e8bc5b}
.stat span{color:#c4d2d6}.stat b{font-weight:600;color:#fff5df}.realm-chip{color:#b0ebcc}
.answer{background:linear-gradient(110deg,#243e4c,#1b3040);border-color:#63798599;box-shadow:inset 0 1px #d8e2dc0b,0 2px 6px #0002;border-radius:7px;transition:background .15s,border-color .15s}
.answer:hover:not(:disabled){background:linear-gradient(110deg,#33594f,#254238);border-color:#d5b46d;box-shadow:inset 3px 0 #e8c47d}
.answer-copy strong{color:#fff3d6;font-weight:500}.answer-copy small{color:#bed0d6}
.answer-symbol{background:radial-gradient(#4c746133,#0b1b2a33);border:1px solid #b6a06a33;border-radius:6px;position:relative}
.answer-symbol kbd{background:#0d202c;color:#f6d792;border:1px solid #b39a5a88;font:600 9px var(--sans);border-radius:3px;min-width:15px;min-height:15px;right:-5px;bottom:-4px;display:flex;align-items:center;justify-content:center}
.answer-symbol>.painted-icon{width:32px;height:32px}.answer-info{color:#c4d4d9}.answer-info:hover{color:var(--gold);background:#d6bb7a17}
.answer.locked{background:#101e2a;opacity:.65}.answers-heading strong{color:#f0d19b}.answers-heading>small,.answers-heading>span{color:#bbcdd1}
.result-empty,.story-hint{color:#b7c8ca}.result-strip{border-top-color:#76958c66}.result-text strong{color:#caeadb}.result-text small{color:#b6c9c8}
.effect{border-color:#78aa9566;background:#386c5029;color:#b3efcf}.effect.negative{background:#7e3c3529;border-color:#cc8b7d66;color:#ffc4b5}
.info-tabs,.mobile-nav{background:#0b1926}.info-tabs button,.mobile-nav button{color:#c6d3d6;border-radius:5px;font-size:10px;position:relative}
.info-tabs button[aria-selected=true],.mobile-nav button[aria-pressed=true]{color:#ffe2a1;background:linear-gradient(#c7a76d24,#c7a76d0b);box-shadow:inset 0 -3px #d6b46e}
.info-tabs .painted-icon,.mobile-nav .painted-icon{width:32px;height:32px;filter:drop-shadow(0 2px 3px #0005)}
.info-heading strong{color:#f3d79c}.info-list>button{background:#1b3040a6;border-color:#536d7c77;border-radius:6px}.info-list>button:hover{background:#294653bb}
.info-list strong{color:#f3e9d3}.info-list small{color:#b6cbd1}.world-controls select,.info-search{background:#0d1c2a;border-color:#5d768077}
.world-modes button,.gear-filters button{color:#c0d1d7;border-color:#4e667177}.world-modes button[aria-pressed=true],.gear-filters button[aria-pressed=true]{color:#ffe0a0;background:#bc94552b;border-color:#c2a46b}
.gear-filters button{font-size:10px}.gear-filters .painted-icon{width:25px;height:25px;border-radius:4px}
.info-list.relic-grid{gap:8px}.relic-grid>button{padding:5px;background:#0c1a26;border-color:#65757688;gap:5px}.relic-grid strong{font-size:12px;-webkit-line-clamp:2;line-height:1.5}.relic-grid small{font-size:9px;color:#c7bc93}
.relic-grid .relic-thumb{background:#0b181e;border-radius:4px}.relic-figure{background:#0b181e;border-color:#b3996366}.relic-figure>figcaption{color:#e3d6ad}
.scene-relic,.equipped-card{background:#0c1d2bbc;border-color:#9a855a66}.scene-relic strong,.equipped-card strong{color:#f2d69e}.info-detail .reader-copy,.relic-dialog .reader-copy{font-size:15px;line-height:1.85}
.relic-ownership{background:#254a3a44;color:#bbebd1}.info-detail h3{color:#f5d794}
.birth-heading h1{color:#f7db9b}.birth-heading>button{background:#183b354d;border-color:#91ad8d88;color:#d6efd7}
.name-field{background:#091a28;border-color:#8c977966}.name-field>input{color:#fff0cf}.name-field>span{color:#d2dcd7}
.birth-card{background:linear-gradient(120deg,#213a49,#182e3c);border-color:#60777c88}.birth-card:hover{background:#2b4b50}.birth-card strong{color:#ffedc8;font-size:14px}.birth-card small{color:#c2d0d2}.birth-card em{color:#dbc18b}
.catalog-icon{background:#0a1c2b;border-color:#9f8c5c4d}.catalog-icon .painted-icon{width:32px;height:32px}.biography-card{background:#1d3d3d77;border-color:#60898177}.biography-card small{color:#bfd0d2}
.primary{background:linear-gradient(110deg,#efd39a,#cba568);color:#10202a;border-color:#ffe1a3;box-shadow:0 3px 10px #0003}.primary:hover:not(:disabled){background:linear-gradient(110deg,#ffe3ab,#dbb77d);color:#10202a}
.overlay>section,dialog{background:linear-gradient(140deg,#20394b,#102332);border-color:#c0a16c99}.overlay-heading small,.overlay .muted{color:#c2d1d4}
.pick-row{background:#112737;border-color:#66818a77}.pick-row.selected{background:#41634c55;border-color:#c6b77a}.pick-row strong{color:#f2e7cb}.pick-row small{color:#bcd0d3}
.list-pager button,.list-pager span{color:#cfdbd9}.info-files button{color:#b6cbd0}.standing{border-color:#667d7766}.standing>div>b{color:#f3d391}
.painted-icon{image-rendering:auto}.painted-icon.item-icon{border-radius:4px;background:#0b181e;box-shadow:0 0 0 1px #c2ad7930}.icon-btn,.reader-controls button,.list-pager button{touch-action:manipulation}
@media(min-width:1101px){.game-screen{grid-template-columns:224px minmax(420px,1fr) 306px;gap:14px}.reader-copy{font-size:18px;line-height:1.95}.answer-copy strong{font-size:14px}.answer-copy small{font-size:11px}.scene-banner{height:96px}.scene-heading h2{font-size:27px}.info-tabs button{min-height:56px;font-size:10px}.birth-avatar{height:195px}.birth-card{padding:10px}.info-panel{padding-inline:12px}}
@media(min-width:1101px) and (max-height:800px){.scene-banner{height:76px;margin-bottom:8px}.reader-copy{font-size:17px;line-height:1.85}.scene-heading h2{font-size:24px}.hero-portrait{height:86px}.birth-avatar{height:115px}.birth-card{padding:7px}.answer-copy strong{font-size:13px}}
@media(max-width:1100px){.info-panel.is-open{background:linear-gradient(130deg,#1f394b,#0f2130)}.info-panel.is-open .info-tabs{display:none}.info-tabs button{min-height:48px}.mobile-nav{border-top-color:#a38d5866}.info-tabs .painted-icon,.mobile-nav .painted-icon{width:30px;height:30px}.birth-card strong{font-size:13px}}
@media(max-width:600px){.scene-banner{height:62px;display:flex}.scene-banner>span{font-size:9px;padding:2px 5px}.scene-heading h2{font-size:22px}.reader-copy{font-size:16px;line-height:1.85}.answer-copy strong{font-size:12px}.answer-copy small{font-size:10px}.answer-symbol>.painted-icon{width:27px;height:27px}.answer-symbol{width:30px;height:33px;padding:0;border:0}.answer-symbol kbd{right:-2px;bottom:-4px;font-size:8px;min-height:14px;min-width:14px}.answers-heading strong{font-size:12px}.birth-card strong{font-size:12px}.birth-card small{font-size:10px}.birth-card em{font-size:8px}.birth-card .catalog-icon{width:29px;height:32px}.catalog-icon .painted-icon{width:28px;height:28px}.mobile-nav button{font-size:10px;gap:1px}.info-tabs button{font-size:10px}.stat span{font-size:9px}.reader-controls button{min-height:30px}.info-search input{font-size:13px}.world-controls select{font-size:12px}.relic-grid strong{font-size:13px}.relic-grid small{font-size:10px}}
@media(max-height:740px) and (max-width:600px) and (min-height:521px){.scene-banner{height:40px;margin-bottom:5px}.scene-heading h2{font-size:20px}.reader-copy{font-size:15px}.stat span{font-size:8px}.answer-copy strong{font-size:11px}.answer-copy small{font-size:9px}.birth-card strong{font-size:11px}.birth-card small{font-size:9px}.birth-card em{font-size:7px}}
@media(max-height:520px) and (max-width:1100px){.scene-banner{display:none}.reader-copy{font-size:14px;line-height:1.75}.info-tabs button{min-height:29px;font-size:9px}.info-tabs .painted-icon{width:19px;height:19px}.birth-card strong{font-size:10px}.birth-card small{font-size:8px}.answer-copy strong{font-size:11px}.answer-symbol>.painted-icon{width:23px;height:23px}.mobile-nav .painted-icon{width:23px;height:23px}.birth-avatar{display:none}.gear-filters button{font-size:8px;gap:3px}.gear-filters .painted-icon{width:13px;height:13px}.info-detail .reader-copy,.relic-dialog .reader-copy{font-size:14px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.answer{transition:none}}