/* The illuminated edition: carved brass, midnight ink and luminous silk. */
:root{--ink:#080f17;--paper:#f1e6cf;--muted:#a8bdb9;--gold:#d8b982;--chamber-light:#b8edc6}
body{background:radial-gradient(ellipse at 50% 0,#203331 0,transparent 60%),#070d14;font-family:'Trebuchet MS',Arial,sans-serif}
header{height:72px;padding:0 3.2%;border-bottom:1px solid #c6a7702b;background:#060c13bd;box-shadow:0 8px 35px #0003;gap:18px}
.wordmark{font-size:21px;letter-spacing:.22em;color:#f2dcae}.wordmark .moth{font-size:37px;text-shadow:0 0 22px #e5c48355}.edition{color:#9eafa8;font-size:10px;letter-spacing:.18em}
.top-actions{align-items:center;gap:16px}.top-actions button{font-family:Georgia,serif;color:#c7d2c5;font-size:11px;letter-spacing:.07em}.top-actions button:hover{color:#ffe2a8}#volume{accent-color:#d6b77f;width:68px}
main{padding:20px 2.4% 0;max-width:1820px}#stage{border:1px solid #bdab794a;max-height:calc(100dvh - 145px);box-shadow:0 24px 85px #0009,0 0 0 5px #0b1720,0 0 0 6px #a5976620;background:#0a151e}
footer{min-height:50px;font-size:10px;color:#9cafaa;gap:12px}.keys{gap:10px;font-size:11px}kbd{background:#1b292b;border-color:#bca66a33;color:#e4d6b7;box-shadow:0 2px 0 #02070c;padding:3px 5px}
button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}.primary{background:linear-gradient(135deg,#f0d9a6,#bd9861);border-color:#ffe6b2;box-shadow:0 3px 0 #5b4630,0 6px 24px #0005;color:#182425;font:600 12px Georgia,serif;letter-spacing:.1em;border-radius:3px;position:relative}.primary:hover{background:linear-gradient(135deg,#fff0cc,#dab780);box-shadow:0 3px 0 #5b4630,0 9px 28px #d7b78122}.secondary,.record-button{border-color:#d4b57b55!important;color:#e3d4b7!important;background:#14242ae6!important}
#hud{background:linear-gradient(#040c17dd,transparent 27%)}.vitals{left:28px;top:24px}#hearts{font-size:27px;letter-spacing:4px;color:#ffe1b5;filter:drop-shadow(0 2px 0 #704c35);text-shadow:0 0 13px #f8c58650}.empty-heart{color:#456364!important;filter:none}.silk-track{height:7px;border:1px solid #91c7bb66;border-radius:9px;width:176px;background:#061b24;box-shadow:0 2px 4px #0007;margin-top:10px;overflow:hidden}#silkbar{background:linear-gradient(90deg,#578e93,#c4f9e4);box-shadow:0 0 12px #98e9d6;border-radius:9px}.silk-label{font-size:10px;letter-spacing:.16em;color:#cee6d9}
.room-label{top:24px}.room-label #chapter{font:10px Georgia,serif;letter-spacing:.23em;color:#b9c6bc}.room-label b{font-size:22px;color:#f4e2b8;letter-spacing:.015em;line-height:1.25}.room-label #roommusic{color:#b6c7c0;font-size:10px;margin-top:8px}.currency{top:25px;right:28px}.currency>b{font:25px Georgia}.currency>span{color:#eacd90}#pause{border-color:#d9c69155;background:#071b25a8;border-radius:3px}.score-panel{top:142px;font-size:10px}.score-panel b{font-family:Georgia,serif}
#ability{left:28px;top:116px;color:#d8e8fa;font:10px Georgia;letter-spacing:.08em}#relics{left:28px;top:149px;max-width:180px}#relics>span{padding:5px 8px;background:#081824cc;border:1px solid #b9caa444;border-radius:3px;font-size:10px}#objective{bottom:16px;background:#07131edb;border:1px solid #c8c3a52b;border-radius:3px;padding:7px 17px;max-width:66%;color:#e7dfc7;font:12px/1.45 Georgia;box-shadow:0 4px 14px #0005}#bossbar{top:111px;left:29%;width:42%}#bossbar>div{height:7px;border:1px solid #e8ae9466;background:#160d1c;box-shadow:0 2px 8px #0009}#bossbar i{background:linear-gradient(90deg,#8b4e77,#e7b78e);box-shadow:0 0 10px #eebb8155}#bossbar span{color:#f1d4be;font:11px Georgia;letter-spacing:.15em}.map-button{border-radius:3px;background:#0b1b29d9;border:1px solid #b9b18b66;color:#e2d9b9;font:10px Georgia;letter-spacing:.07em;padding:8px 11px}#combometer{font-family:Georgia,serif;color:#ffe2ab;text-shadow:0 0 22px #ffa86777,1px 3px 0 #16212b}
.dialog{background:#020913b8;backdrop-filter:blur(7px);padding:26px}.panel-content{width:min(1120px,100%);max-width:1120px;max-height:100%;padding:30px 36px;background:radial-gradient(ellipse at 50% 0,#60776824,transparent 65%),linear-gradient(135deg,#12272bee,#09141ff5);border:1px solid #b4a47761;box-shadow:inset 0 0 0 5px #07141c,inset 0 0 0 6px #a4af8b20,0 18px 70px #0009;scrollbar-color:#867d5a #0c1a22;scrollbar-width:thin;border-radius:5px}.panel-content>h2{font:normal clamp(26px,3.1vw,43px)/1.15 Georgia;letter-spacing:.01em;margin:12px 0 18px}.panel-content h2:after{font-size:18px;color:#d8bd87;margin:10px auto}.panel-content>p{font-size:14px;line-height:1.65;color:#bfd0c8;max-width:760px;margin:16px auto}.eyebrow{font:11px Georgia;letter-spacing:.17em;color:#d1b986}.cards{gap:16px}.card{background:linear-gradient(150deg,#243a3dcc,#0b1926);border:1px solid #a9b5985c;border-radius:4px;padding:25px 20px;text-align:left;box-shadow:0 5px 15px #0004,inset 0 1px 0 #e2dbad14;overflow:hidden}.card:before{display:none}.card:hover:enabled{border-color:#e4ca93;transform:translateY(-4px);background:linear-gradient(150deg,#324944,#112332);box-shadow:0 10px 25px #0006,0 0 22px #cdb98d16}.card strong{font:24px/1.15 Georgia;color:#f0e3c8}.card small{font:13px/1.65 'Trebuchet MS',Arial;color:#c5d2c8}.card .icon{font:40px Georgia;display:block;line-height:1.4;margin:0 0 18px;width:65px;text-align:center;background:radial-gradient(ellipse,#adc6ac20,transparent 70%)}.gift-card{border-top:3px solid var(--gift-color);border-color:var(--gift-color);background:radial-gradient(ellipse at 50% -20%,#bddac527,transparent 60%),#101f2a}.gift-rarity{font-size:10px;letter-spacing:.12em;margin-bottom:12px}.gift-family{font-size:10px;line-height:1.5}.gift-card .icon{filter:drop-shadow(0 0 12px var(--gift-color))}.pact-card{background:radial-gradient(ellipse at top,#85556940,transparent 75%),#201a28}.heirloom-card{border-color:var(--heirloom-color);border-width:1px;border-top-width:3px;background:radial-gradient(ellipse at top,#a58e6133,transparent 75%),#1d2930}.heirloom-swap{font:11px Georgia;letter-spacing:.07em}.heirloom-note{font-size:12px}.gift-note{font-size:12px!important}.price{color:#efd193!important}.card:disabled{transform:none;opacity:.52}
.hearth-heading{top:24px;left:30px;right:30px}.hearth-heading .eyebrow{font-size:10px;color:#d7bd8c}.hearth-heading h2{font:42px/1.1 Georgia;color:#ffe6b7;margin:8px 0}.hearth-heading small{font-size:11px;color:#c4cfbe}.hearth-heading>b{font:29px Georgia;color:#f2d198}.hearth-heading>b small{font:9px Georgia;letter-spacing:.16em}.hearth-quest{top:123px;left:30px;max-width:265px;background:#0a1a2188;border-left:2px solid #c9b78266;padding:10px 12px;font:10px/1.5 Georgia;letter-spacing:.06em}.hearth-quest small{font:11px/1.5 'Trebuchet MS';color:#c3cebd}.hearth-context{background:#0d2329ed;border:1px solid #dac18c77;box-shadow:0 4px 20px #0008;color:#f0dfbb;padding:9px 18px;bottom:69px;border-radius:3px;font:13px Georgia}.hearth-dock{bottom:13px;left:20px;right:20px;gap:6px}.hearth-dock button{font:11px Georgia;padding:10px 12px;border-radius:3px;background:#10212eea;border-color:#c6b98c4d;color:#e5d9bd;box-shadow:0 3px 8px #0004}.hearth-dock button.primary{font-size:11px;min-height:36px;background:linear-gradient(135deg,#edd5a0,#b89b69);border-color:#ffe3ad;color:#162526}.hearth-dock button:hover{transform:translateY(-2px)}#hub{background:linear-gradient(#040b14bb,transparent 32%,transparent 74%,#040b14d9)}
.orb-map{max-width:850px;padding:0 12px;background:radial-gradient(ellipse,#577b6520,transparent 66%)}.orb-map svg{max-height:480px;overflow:visible}.orb-silk{stroke:#b0ccbb;opacity:.24;stroke-width:.8}.orb-future{stroke:#a4bdad;opacity:.39;stroke-width:1.5}.orb-traveled{stroke:#f1ca85;stroke-width:3.5;filter:drop-shadow(0 0 6px #ffbd7088)}.orb-next{filter:drop-shadow(0 0 8px #f4d19999)}.orb-next circle{stroke:#ffe4af;stroke-width:3}.orb-next:hover{filter:drop-shadow(0 0 14px #ffe3a9)}.orb-node .orb-depth{font:10px Georgia;fill:#e0d9c7}.orb-node text{font-size:16px}.orb-abandoned{opacity:.2}.orb-current circle{fill:#496760!important}.orb-map>p{font:12px/1.6 Georgia;color:#b6cabd}.orb-caption{font:10px Georgia;letter-spacing:.18em;fill:#d8c6a2}.silk-map-header{font:12px Georgia;letter-spacing:.12em;border-color:#a2b49044}.route-cards .card{min-height:155px}.route-cards .card strong{font-size:22px}.route-cards .icon{margin-bottom:8px;font-size:26px}.route-legend{font:12px/1.6 Georgia;color:#c4cbbb}.path-forecast{font-size:12px!important}.iron-orb{background:radial-gradient(ellipse,#a34f3022,transparent 72%)}
.archive-card,.build-list article,.journey-recap,.quest-brief,.heirloom-build{border-radius:4px;border-color:#bdaf8055;background:linear-gradient(135deg,#233937aa,#0b1b26);box-shadow:inset 0 1px 0 #e1d4a312,0 4px 15px #0003}.archive-card{padding:23px}.archive-family{font-size:10px}.archive-name h3{font-size:22px}.archive-card p{font-size:14px!important}.archive-card>small{font-size:11px}.archive-card button,.archive-tabs button{border-radius:3px;font-family:Georgia}.archive-tabs button[aria-pressed=true]{background:#405e50;color:#f7e2b1}.archive-card.awakened{background:linear-gradient(135deg,#355245,#11282c);border-color:#9cb98b}.traveler-line{font:italic 23px/1.65 Georgia;color:#e7dcc5}.quest-brief{padding:24px}.build-stats{font-size:13px}.build-list p,.synergy-list p{font-size:13px}.journey-grid b{color:#eed2a0}.oath-cards .card{border-radius:4px}.oath-gain{color:#b9e2b2!important}.oath-cost{color:#f1b5a7!important}#toast{border:1px solid #d1b78666;background:#0c1e28f0;box-shadow:0 7px 25px #0009;color:#f0e1c0;border-radius:3px;font:13px/1.55 Georgia;max-width:min(650px,80%);padding:12px 20px}
@media(min-width:1200px){.dialog:has(.orb-map) .panel-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.85fr);column-gap:28px;align-items:start}.dialog:has(.orb-map) .panel-content>.eyebrow,.dialog:has(.orb-map) .panel-content>h2{grid-column:1/-1}.dialog:has(.orb-map) .panel-content>.orb-map{grid-column:1;grid-row:3/8;width:100%;padding:0}.dialog:has(.orb-map) .route-cards{grid-column:2;grid-template-columns:1fr!important;gap:9px;margin:5px 0}.dialog:has(.orb-map) .route-cards .card{padding:13px 17px;min-height:0}.dialog:has(.orb-map) .route-cards .icon{float:left;width:34px;margin:0 10px 2px 0}.dialog:has(.orb-map) .route-cards .card strong{font-size:20px}.dialog:has(.orb-map) .route-cards .card small{font-size:12px}.dialog:has(.orb-map) .panel-content>h2{font-size:29px;margin:8px 0 10px}.dialog:has(.orb-map) h2:after{display:none}.dialog:has(.orb-map) .route-legend{grid-column:2}.dialog:has(.orb-map) .panel-content>p{grid-column:2;font-size:12px}.orb-map svg{max-height:400px}}
@media(max-width:1050px){header{height:62px}.edition{display:none}main{padding:16px 2% 0}#stage{max-height:calc(100dvh - 126px)}.wordmark{font-size:18px}.top-actions{gap:8px}.panel-content{padding:23px 22px}.dialog{padding:14px}.hearth-heading h2{font-size:32px}.hearth-heading small{font-size:9px}.hearth-quest{top:103px;padding:8px 10px;font-size:9px}.hearth-quest small{font-size:10px}.hearth-dock button{font-size:10px;padding:9px}.hearth-dock button.primary{font-size:10px}.hearth-context{font-size:12px;bottom:68px}.room-label b{font-size:17px}.room-label #chapter{font-size:9px}.room-label #roommusic{font-size:9px}.vitals{left:23px;top:23px}#hearts{font-size:23px}.silk-track{width:145px}#ability{left:23px;top:108px;font-size:9px}#relics{left:23px;top:138px}#bossbar{top:102px}.card{padding:20px 17px}.card strong{font-size:21px}.card small{font-size:13px}.gift-cards{gap:12px}.orb-map svg{max-height:420px}.traveler-line{font-size:19px}}
@media(max-width:700px){header{padding:0 3%;gap:8px}.wordmark{font-size:14px;letter-spacing:.12em}.wordmark .moth{font-size:27px}.top-actions{gap:7px}.top-actions button{font-size:9px}#volume{width:42px}.top-actions #help span{display:none}main{padding:10px 1% 0}.dialog{padding:8px}.panel-content{padding:22px 15px}.cards,.gift-cards{grid-template-columns:1fr!important}.card{min-height:0}.card .icon{float:left;margin-right:17px;margin-bottom:6px;font-size:30px;width:45px}.gift-rarity{font-size:10px}.card small{font-size:14px}.panel-content>p{font-size:14px}.hearth-heading{left:17px;right:17px;top:18px}.hearth-heading h2{font-size:29px}.hearth-heading>b{font-size:23px}.hearth-heading small{font-size:9px}.hearth-quest{left:17px;max-width:200px;font-size:9px}.hearth-context{bottom:102px;max-width:90%;white-space:normal}.hearth-dock{left:9px;right:9px;gap:5px}.hearth-dock button{font-size:10px;padding:9px}.hearth-dock button.primary{font-size:10px}.vitals{left:17px;top:17px}#hearts{font-size:21px;letter-spacing:2px}.silk-track{width:115px}.room-label{top:24px;max-width:38%}.room-label b{font-size:14px}.room-label #chapter{font-size:8px}.currency{right:17px;top:17px}.currency>b{font-size:20px}#ability{left:17px;top:104px;font-size:8px}#relics{left:17px;top:126px;max-width:120px}#bossbar{top:111px;left:31%;width:43%}#bossbar span{font-size:9px}#objective{font-size:10px;max-width:65%;padding:6px 9px}#toast{font-size:12px;max-width:86%;padding:10px 12px}.build-list{grid-template-columns:1fr}.keys{gap:6px}.score-panel{top:127px}.orb-map{padding:0}.orb-map svg{min-width:290px}.archive-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){button{transition:none}.card:hover:enabled,.primary:hover{transform:none}}
.route-cards .card{display:block!important;border-radius:4px}.route-cards .card .icon{float:left;width:36px;margin:0 12px 8px 0}.route-cards .card>.eyebrow{display:block;text-align:left;margin:0 0 7px;font-size:10px}.route-cards .card>strong{display:block}.route-cards .card>small{display:block}.route-cards .path-biome,.route-cards .path-forecast{display:block;width:100%;clear:both}.route-cards .path-biome{font-size:10px;line-height:1.5;margin-top:12px}.route-cards .path-forecast{line-height:1.6;color:#bed1c4}.route-cards .card strong{font-size:22px!important}.gift-card .icon{border-bottom:1px solid currentColor;border-radius:50%;width:64px;height:64px;line-height:64px;font-size:37px;margin-bottom:19px}.gift-card strong{display:block}.panel-content .card strong{color:#f1e2c5}.title-screen h1{color:#f5e2b9;text-shadow:0 3px 0 #182b2d,0 0 50px #b9deba33}.title-ornament{color:#dbbf88}.run-score{color:#f2d09c}.stats{border-color:#cbb17d55}.stats b{font-family:Georgia;color:#f2dcad}
.panel-content:has(.gift-cards){padding-top:22px;padding-bottom:22px}.panel-content:has(.gift-cards)>h2{font-size:32px;margin:10px 0 13px}.panel-content:has(.gift-cards)>h2:after{display:none}.panel-content:has(.gift-cards)>p{font-size:13px;margin:10px auto}.gift-cards{margin:18px auto 10px}.gift-cards .card{min-height:240px;padding:18px 20px}.gift-cards .icon{width:46px;height:46px;line-height:46px;font-size:30px;margin:4px auto 14px}.gift-cards .card strong{font-size:23px}.gift-cards .card small{font-size:13px;line-height:1.6;margin-top:12px}.gift-family,.heirloom-swap{margin-top:13px}.heirloom-note{margin-top:8px!important}.panel-content:has(.gift-cards) .primary,.panel-content:has(.gift-cards) .secondary{min-height:40px;padding:10px 20px}.gift-note{margin:10px auto!important}
@media(max-width:550px){.hearth-context{bottom:143px;font-size:12px}.hearth-heading .eyebrow{font-size:9px;max-width:235px;line-height:1.5}.hearth-heading>div>small{display:block;max-width:245px;font-size:10px;line-height:1.5}.hearth-quest{top:117px;font-size:9px}.hearth-quest small{font-size:11px}.gift-cards .card{min-height:0;padding:20px}.gift-cards .card small{font-size:14px}.gift-cards .icon{float:left;margin:0 14px 7px 0}.panel-content:has(.gift-cards)>h2{font-size:28px}.panel-content:has(.gift-cards)>p{font-size:14px}.hearth-dock button{min-height:34px}}