:root{--bg:#10162e;--surface:#202743;--paper:#28304c;--ink:#f9f5ff;--muted:#c9c8e0;--gold:#d5b8ff;--accent:#e1b5ff;--line:#cbbaff30;--glow:#7251b345}body{background:radial-gradient(ellipse at 15% 10%,var(--glow),transparent 55%),var(--bg);color:var(--ink);transition:background-color .4s,color .4s}body[data-theme=modern]{--bg:#fff5ed;--surface:#fffdf9;--paper:#ffebe0;--ink:#422d32;--muted:#785862;--gold:#a73b60;--accent:#a73b60;--line:#d9a6af66;--glow:#ffbba266}body[data-theme=divine]{--bg:#fff9e9;--surface:#fffffb;--paper:#fff1ce;--ink:#483b24;--muted:#796441;--gold:#926320;--accent:#926320;--line:#b69b6260;--glow:#eac96944}body[data-theme=magic]{--bg:#f3edff;--surface:#fffbff;--paper:#e9ddfa;--ink:#3e2b55;--muted:#745d8b;--gold:#7d42ae;--accent:#7d42ae;--line:#b497cd66;--glow:#a985e966}body[data-theme=kin]{--bg:#ecf8ef;--surface:#fafff9;--paper:#dcf0dd;--ink:#234a39;--muted:#527463;--gold:#287356;--accent:#287356;--line:#7fb39755;--glow:#78d6a344}body[data-theme=future]{--bg:#eaf8fc;--surface:#faffff;--paper:#d9f0f8;--ink:#1c405b;--muted:#4a7183;--gold:#126b8c;--accent:#bd3b7b;--line:#6cacc966;--glow:#95e2f566}
body[data-theme=cosmos]{background-image:radial-gradient(circle at 18% 22%,#ffffffa0 0 1px,transparent 2px),radial-gradient(circle at 70% 10%,#ffffff80 0 1px,transparent 2px),radial-gradient(ellipse at 10% 10%,#614e8a80,transparent 50%),radial-gradient(ellipse at 90% 35%,#1b729c66,transparent 55%);background-size:117px 161px,213px 191px,100% 100%,100% 100%;background-attachment:fixed}
.header,.progressHeader,.themeDock{background:var(--surface);color:var(--ink);border-color:var(--line)}.headerAccount a,.clearLabel span,.goalTrack,.goalMilestones,.saveIndicator,.nav,.sectionAside,.catalogmeta,.profileMeta,.infoNote,.facts p,.episodeItem p,footer{color:var(--muted)}.clearLabel strong,.logo,.kicker,.section h2{color:var(--gold)}.primary{background:var(--gold);color:var(--surface);border:1px solid var(--gold)}.outline,.choice,.world,.searchbox,select{color:var(--ink);border-color:var(--line);background:var(--surface)}.world.active,.themeDock .active{background:var(--gold);color:var(--surface)}.themeDock{display:flex;align-items:center;gap:8px;padding:12px 4.5%;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);overflow:auto}.themeDock>span{font-size:12px;margin-right:16px;white-space:nowrap;color:var(--muted)}.themeDock button{white-space:nowrap;padding:10px 15px;border:1px solid var(--line);border-radius:30px}.themeDock [data-world-picker]{margin-left:auto;color:var(--gold)}
.worldPortal{padding:55px 4.5% 36px;max-width:1800px;margin:auto}.portalHeading{text-align:center;margin-bottom:35px}.portalHeading h1{font-size:clamp(30px,4.1vw,62px);letter-spacing:-.05em;line-height:1.25}.portalHeading em{font-style:normal;color:var(--gold)}.portalHeading p:last-child{color:var(--muted);line-height:1.8;margin-top:16px}.worldCards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.worldCard{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:20px;border:1px solid #ffffff55;box-shadow:0 15px 35px #13102d22;padding:0;text-align:left;transition:transform .25s}.worldCard:hover,.worldCard:focus-visible{transform:translateY(-8px);outline:3px solid var(--gold)}.worldCard img{width:100%;height:100%;object-fit:cover}.worldCard:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#181322e8)}.worldCardText{position:absolute;bottom:23px;left:20px;right:15px;z-index:1;display:grid;gap:9px;color:white}.worldCardText small{font-size:10px;letter-spacing:.15em;color:#ffefdf}.worldCardText strong{font-size:32px}.worldCardText span{font-size:12px;line-height:1.6}.worldCardText b{font-size:12px;margin-top:12px}.cosmosChoice{width:100%;border:1px solid #af9add66;border-radius:16px;padding:22px 28px;margin-top:20px;background:linear-gradient(110deg,#26365b,#5c4273,#25485e);color:#fff;text-align:left;font-size:18px}.cosmosChoice span{float:right;font-size:13px;color:#e5def5}.worldPortal.chosen{display:none}.hero{background:var(--surface);min-height:480px;height:min(640px,60vw)}.heroShade{background:linear-gradient(90deg,var(--surface) 15%,transparent 80%)}.heroContent h1{color:var(--ink)}.heroLead,.heroFacts span{color:var(--muted)}.heroIdentity{color:white;text-shadow:0 2px 8px #000}.activityHub button,.rewardCard,.profileDialog,.playerDialog,.expansion,.profileText,.playerText,.dialoguePanel{background:var(--surface);color:var(--ink)}.activityHub button span,.activityHub button small{color:var(--muted)}.profileTabs,.episodeItem,.facts,.profileActions{border-color:var(--line)}.profileQuote{color:var(--gold)}.profileTabs button.active{color:var(--gold);border-color:var(--gold)}.choice{display:grid;grid-template-columns:25px auto 1fr;gap:12px;align-items:center;text-align:left;line-height:1.7;padding:17px;border-radius:12px;font-size:15px}.choiceTone{display:inline-block;color:var(--gold);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:4px 9px;font-size:12px;white-space:nowrap;font-weight:750}.choiceNumber{color:var(--muted)}.choice:hover{border-color:var(--gold);background:var(--paper)}.playerBrief{padding:24px;background:var(--paper);border-radius:18px;border:1px solid var(--line);margin-bottom:24px}.playerBrief h3{font-size:23px;margin:6px 0 20px}.myRole{border-left:4px solid var(--gold);padding:12px 18px;background:var(--surface);border-radius:0 10px 10px 0}.myRole span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.myRole strong{font-size:20px;color:var(--gold);line-height:1.6}.briefingCards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.briefingCards article{background:var(--surface);padding:17px;border-radius:12px}.briefingCards small{color:var(--gold);font-size:12px;font-weight:750}.briefingCards p{color:var(--ink);font-size:14px;line-height:1.85;margin-top:8px}.briefingCards .brief-1{border:1px solid var(--gold)}.conversation{display:grid;gap:18px;white-space:normal;line-height:1.9}.spoken{max-width:94%;padding:14px 19px;background:var(--paper);border-radius:4px 16px 16px 16px;border:1px solid var(--line)}.spoken b{font-size:12px;color:var(--gold)}.spoken p{font-size:17px;margin:5px 0 0;color:var(--ink)}.spoken.playerSpeech{justify-self:end;background:var(--surface);border-left:3px solid var(--accent);border-radius:16px 4px 16px 16px}.sceneNarration{font-size:14px;color:var(--muted);line-height:1.9;white-space:pre-line;margin:0}.dialogueSetting{color:var(--gold)}#reviewBanner{padding:12px 4.5%;background:#fff0be;color:#573d0b;font-size:13px;font-weight:700}#reviewBanner[hidden]{display:none}#reviewBanner span{font-size:11px;margin-left:15px;font-weight:400}
@media(max-width:900px){.worldCards{grid-template-columns:repeat(3,1fr)}.worldCardText strong{font-size:27px}.worldCard:nth-last-child(-n+2){aspect-ratio:3/4}.themeDock>span{display:none}.hero{min-height:560px}.heroShade{background:linear-gradient(0deg,var(--surface),transparent 90%)}.heroContent{background:linear-gradient(0deg,var(--surface),transparent)}.worldPortal{padding-top:32px}}@media(max-width:560px){.worldCards{grid-template-columns:repeat(2,1fr);gap:10px}.worldCard:last-child{grid-column:1/-1;aspect-ratio:2.3/1}.worldCard:last-child img{object-position:center 30%}.worldCardText{left:14px;bottom:15px}.worldCardText strong{font-size:25px}.worldCardText b{margin-top:4px}.worldCardText span{font-size:11px}.cosmosChoice{font-size:16px;padding:19px}.cosmosChoice span{display:block;float:none;margin-top:9px}.briefingCards{grid-template-columns:1fr}.playerBrief{padding:16px}.choice{grid-template-columns:20px 1fr;gap:7px}.choiceTone{justify-self:start}.choice{display:block}.choiceNumber{margin-right:9px}.choiceTone{margin-right:9px}.spoken p{font-size:16px}.themeDock{padding:10px}.themeDock button{padding:8px 12px}.headerAccount{gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.activityNavigation{display:flex;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:5;background:var(--surface);padding:10px 0 16px}.activityExit{margin-top:24px;padding:14px 20px}.rpsReveal{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;background:var(--paper);padding:25px;border:1px solid var(--line);border-radius:18px;margin:20px 0;text-align:center}.rpsReveal div{display:grid;gap:10px}.rpsReveal strong{font-size:60px}.rpsReveal small{color:var(--muted)}.rpsReveal>p{grid-column:1/-1;font-size:18px;font-weight:700}.battleHUD{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:12px;position:sticky;top:56px;z-index:3;background:var(--surface);padding:15px 0}.battleHUD>div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:7px}.battleHUD small{font-weight:700;color:var(--muted)}.battleHUD strong{font-size:28px;color:var(--ink)}.battleHUD span{font-size:11px;color:var(--muted)}.battleHUD progress{height:10px}.playerHealth progress::-webkit-progress-value{background:#dc5374}.energyValue{color:#ae7317!important}.comboMeter strong{color:var(--gold);letter-spacing:5px}.enemy{background:var(--paper);border:1px solid var(--line);position:relative;border-radius:20px;padding:22px}.enemyFigure{display:block;font-size:72px!important}.enemy progress{height:12px;max-width:400px}.enemyIntent{padding:13px;background:var(--surface);border-radius:12px;max-width:500px;margin:16px auto 0}.enemyIntent span{display:block;font-size:12px;margin-top:6px}.enemyIntent.danger{background:#ffe0df;color:#8c262b;border:2px solid #dc6265}.enemyIntent.danger b{font-size:20px}.cardHand{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.dungeonCard{width:145px;min-height:210px;padding:15px 12px;position:relative;display:flex;flex-direction:column;gap:12px;background:linear-gradient(145deg,var(--paper),var(--surface));color:var(--ink);border:2px solid var(--line);border-radius:14px;box-shadow:0 5px 10px #0001;transition:transform .2s}.dungeonCard:hover:not(:disabled){transform:translateY(-8px);border-color:var(--gold)}.dungeonCard:disabled{opacity:.45;cursor:not-allowed}.dungeonCard b{font-size:18px}.dungeonCard small{font-size:12px;line-height:1.7}.cardCost{position:absolute;top:10px;left:10px;background:var(--gold);color:var(--surface);padding:5px;border-radius:50%;min-width:28px;font-weight:800}.cardSigil{font-size:40px;padding-top:14px;color:var(--gold)}.dungeonCard em{font-size:8px;letter-spacing:.14em;color:var(--muted);margin-top:auto}.card-overdrive{border-color:#c77c46}.card-assemble,.card-charge{border-color:#9876c9}.damageNumber{position:absolute;top:20px;right:16%;font-size:36px;color:#d83d58;text-shadow:0 2px white;animation:damagePop .8s both;pointer-events:none}.heavyHit .enemyFigure{animation:bossShake .55s}.lightHit .enemyFigure{animation:bossShake .25s}.combatLog,.securedReward{padding:12px;background:var(--paper);color:var(--gold);border-radius:9px;font-weight:700}@keyframes bossShake{0%,100%{transform:translateX(0)}15%,55%{transform:translateX(-12px) rotate(-4deg);filter:brightness(1.7)}35%,75%{transform:translateX(12px) rotate(4deg)}}@keyframes damagePop{0%{transform:translateY(20px) scale(.7);opacity:0}30%{transform:translateY(0) scale(1.15);opacity:1}100%{transform:translateY(-12px);opacity:1}}@media(max-width:600px){.battleHUD{grid-template-columns:1fr 1fr;top:55px;gap:6px;padding:7px 0}.battleHUD>div{padding:10px}.battleHUD strong{font-size:23px}.dungeonCard{width:calc(50% - 6px);min-height:180px}.enemyFigure{font-size:56px!important}.rpsReveal{padding:15px;gap:12px}.rpsReveal strong{font-size:45px}}
/* Shared components follow the selected world's palette, including modal layers. */
.heroVisual{background:var(--paper)}.heroFacts b,.hero h1{color:var(--ink)}.cardInfo,.cardInfo h3,.stageCharacter,.stageCharacter h2{color:#fff}.stageCharacter .kicker{color:#f4d8b4}.cardWorld{color:#e7d9f2}.stage{background:var(--surface)}.stageReading,.stagePanel,.dialogueBox{background:var(--surface);color:var(--ink)}.stageReading{scrollbar-color:var(--gold) var(--paper)}.stageTop{background:var(--paper);border-color:var(--line);color:var(--ink)}.stageTop small,.stageSpeaker,.fact h4,.dialogueSetting{color:var(--gold)}.stageTop button{color:var(--ink);border-color:var(--line)}.dialogueText,.fact p,.storyLog p,.storyLog b,.expansion p,.expansion label,.realmGrid p{color:var(--ink)}.metric,.sceneCount,.storyLog summary,.expansion .infoNote,.voiceAvailability,.rewardCopy>p:not(.kicker),.rewardCopy>div>span{color:var(--muted)}.chapterRail i{background:var(--line)}.chapterRail i.on{background:var(--gold)}.expansion .primary{background:var(--gold);color:var(--surface)}.expansion .outline,.expansion select,.realmTabs button,.flowChapters button,.sceneNode,.branchNode,.giftTile,.walletBar span,.wardrobe button{background:var(--paper);color:var(--ink);border-color:var(--line)}.expansion .infoNote,.sceneNode small,.giftTile span,.giftChest>span,.itemHeading span,.shopSteps span,.proof,.dungeonPath span{color:var(--muted)}.realmTabs .active,.flowChapters .active{background:var(--gold);color:var(--surface)}.drawPanel,.giftDetective,.realmGrid article,.activityResult,.flowInspector,.joustArena,.sequenceBoard,.voiceReward,.newPrologue,.giftReaction{background:var(--paper);color:var(--ink);border-color:var(--line)}.walletBar b,.giftDetective blockquote,.voiceReward blockquote,.shopSteps b,.giftReaction strong,.newPrologue b{color:var(--gold)}.giftDetective blockquote{background:var(--surface);border-color:var(--gold)}.giftReaction p,.newPrologue p{color:var(--ink)}.sceneNode.visited,.branchNode.visited,.giftTile.selected{background:var(--paper);color:var(--ink);border-color:var(--gold)}.sequenceRounds span{color:var(--muted);border-color:var(--line)}.sequenceRounds .active{background:var(--gold);color:var(--surface)}.sequenceRounds .cleared{background:#d7f0e4;color:#24563e}.sequenceClock strong{color:var(--gold)}.sequenceClock span{color:var(--muted)}.dungeonPath .current{background:var(--gold);color:var(--surface)}.activityHub button:last-child{background:var(--paper)}.stage .choice{font-size:15px}.choiceTone{margin-bottom:0}.flowInspector .choiceTone{margin-right:10px}.battleHUD .energyValue{color:var(--gold)!important}.enemy>span.enemyFigure{color:var(--gold)}.enemyIntent{color:var(--ink)}.modalClose{background:var(--surface);color:var(--ink);border-color:var(--line)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.themeDock~main .hero{scroll-margin-top:70px}
@media(max-width:780px){.hero{height:750px;min-height:750px}.heroShade{background:linear-gradient(0deg,var(--surface) 5%,transparent 90%)}.heroContent{padding-top:425px}.stageTop{background:var(--paper)}.stageTop>div{flex-basis:100%}.stageTop button{padding:9px 12px}.battleHUD{position:sticky;top:60px}.worldCard{border-radius:14px}}
.galleryOverlay,.galleryOverlay b{color:#fff}.galleryOverlay b{font-size:13px;font-weight:700;line-height:1.5}.galleryOverlay small{color:#e4d8ee;font-size:10px}.galleryGrid .rewardEvent{grid-column:1/-1;aspect-ratio:3/2}.albumGrid .rewardEvent{grid-column:span 2;aspect-ratio:3/2}.rewardEvent img{object-fit:contain}.rewardEvent{background:var(--paper);border:2px solid var(--gold)}.rewardEvent .galleryOverlay{background:linear-gradient(transparent 55%,#141020d9);align-items:flex-start;padding:18px;text-align:left}.rewardEvent .galleryOverlay b{font-size:18px}@media(max-width:780px){.albumGrid .rewardEvent{grid-column:1/-1}.rewardEvent .galleryOverlay b{font-size:16px}}
.galleryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nav.on,.textButton{color:var(--gold)}.tiny,.production,.steps p,.profileTabs button,.searchbox span,.searchbox kbd{color:var(--muted)}.worldBanner,.measure,.hintBox{background:var(--paper);border-color:var(--line)}.measure strong,.choiceResult,.hintBox>b{color:var(--gold)}.measure span{color:var(--muted)}.hintBox p{color:var(--ink)}.profileTabs{overflow-x:auto;white-space:nowrap}.profileTabs button{flex:none}.completionStamp{border-color:var(--line)}

/* Character portraits remain part of each sequential dialogue turn. */
.conversation .spoken.withAvatar{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;max-width:100%;padding:12px;background:var(--paper)}
.speechAvatar{position:relative;display:block;width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid var(--line);background:var(--surface);flex:none}
.speechAvatar img{position:absolute;width:190%;max-width:none;height:auto;left:50%;top:0;transform:translate(-50%,-12%)}
.speechAvatar[data-expression="angry"]{border-color:#c57379}.speechAvatar[data-expression="smile"]{border-color:#b79a69}
.speechBody{min-width:0}.speechBody>b{display:block}.speechBody p{margin-top:4px}
@media(max-width:560px){.conversation .spoken.withAvatar{grid-template-columns:44px minmax(0,1fr);gap:9px;padding:10px}.speechAvatar{width:44px;height:44px}}