.campaign-heading{margin-bottom:10px}
.campaign-hero{min-height:210px;padding:34px 38px;margin-bottom:18px;border-radius:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 79% 25%,#b95c3438,transparent 28%),linear-gradient(125deg,#13201d,#0a1413 62%,#1b1713);border:1px solid #5b4a3b;box-shadow:0 25px 70px #0005}
.campaign-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#060d0c44),radial-gradient(circle,#b9684128 1px,transparent 1.5px);background-size:auto,18px 18px;mask-image:linear-gradient(90deg,transparent,#000 50%);pointer-events:none}
.campaign-hero>*{position:relative;z-index:1}.campaign-hero>div:first-child{max-width:700px}
.campaign-narrative{font-family:Georgia,serif;font-size:clamp(20px,2.5vw,31px);line-height:1.28;color:#e9e0d0;margin:8px 0 0;max-width:750px}
.campaign-seal{width:145px;min-width:145px;aspect-ratio:1;border:1px solid #a85a38;border-radius:50%;display:grid;place-content:center;text-align:center;background:#091210aa;box-shadow:inset 0 0 0 8px #091210,inset 0 0 0 9px #a85a3855}
.campaign-seal span{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#bf8c70}.campaign-seal strong{display:block;font-family:Georgia,serif;font-size:26px;color:#efe2c9;margin-top:6px}
.campaign-route{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:18px 22px 28px;position:relative}
.campaign-route:before{content:'';position:absolute;left:7%;right:7%;top:39px;height:1px;background:#46514a}
.campaign-day{position:relative;z-index:1;border:0;background:none;color:#8d9891;text-align:center;padding:0;display:grid;justify-items:center;gap:8px}
.campaign-day-dot{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#101a18;border:1px solid #47514b;font:700 13px Georgia,serif;transition:.2s}
.campaign-day.complete .campaign-day-dot{background:#a45737;border-color:#db8b63;color:#fff3dd;box-shadow:0 0 0 6px #a4573718,0 0 24px #b05c3948}.campaign-day.perfect .campaign-day-dot{background:#c59a57;border-color:#efd49a;color:#111713}.campaign-day.selected .campaign-day-dot{outline:1px solid #dfc49a;outline-offset:5px}.campaign-day.future{opacity:.5}
.campaign-day span:last-child{font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.campaign-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-bottom:18px}.campaign-layout>.panel{padding:30px;border-radius:28px}.campaign-objectives h2,.campaign-chronicle h2{font-size:28px;margin-bottom:20px}
.campaign-primary{padding:19px 21px;margin-bottom:18px;border-radius:18px;background:#17221f;border:1px solid #6f5d45;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.campaign-primary strong{display:block;font-family:Georgia,serif;font-size:18px}.campaign-primary span{font-size:12px;color:#c18a67}.campaign-primary em{font-style:normal;font:700 20px Georgia,serif;color:#e7d5b5}
.campaign-goal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;padding:13px 0;border-bottom:1px solid #26332f}.campaign-goal:last-child{border:0}.campaign-goal-name{font-size:12px;color:#bec6bf}.campaign-goal-count{font-size:11px;color:#c58a67;font-weight:700}.campaign-goal .progress{grid-column:1/-1;height:4px;background:#202c28;border:0}.campaign-goal .progress>span{background:linear-gradient(90deg,#8d482f,#d08359)}
.campaign-chronicle p{color:#929d96;font-size:13px;line-height:1.7}.campaign-reward{margin-top:24px;padding-top:18px;border-top:1px solid #2e3934;display:flex;justify-content:space-between;gap:12px;color:#b4bdb6;font-size:11px}.campaign-reward strong{color:#cf8a62;font-size:16px}.campaign-journal{padding:30px 32px;border-radius:30px}.campaign-day-heading{align-items:flex-start;flex-wrap:wrap;margin:8px 0 15px}.campaign-day-heading>#selectedDateXp{color:var(--gold)}

.constellation-shell{border-radius:32px;background:linear-gradient(155deg,#0d1716,#07100f);border:1px solid #28342f;overflow:hidden;box-shadow:0 26px 80px #0005}
.constellation-toolbar{padding:28px 32px 16px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.constellation-toolbar h2{margin:0;font-size:29px}.constellation-paths{padding:0 30px 18px;display:flex;gap:7px;overflow-x:auto}.constellation-paths button{border:1px solid #34403b;background:#101a18;color:#849089;border-radius:999px;padding:8px 13px;white-space:nowrap;font-size:10px;font-weight:700}.constellation-paths button.selected{color:#f0e4d0;border-color:#995236;background:#3a251e}
.constellation-viewport{overflow:auto;overscroll-behavior:contain;border-top:1px solid #202c28;border-bottom:1px solid #202c28;background:radial-gradient(circle at 50% 45%,#26312952,transparent 38%),radial-gradient(circle,#a49b7d28 .8px,transparent 1px);background-size:auto,24px 24px;scrollbar-color:#6f4a38 #0c1513}
.constellation-stage{position:relative;height:830px;min-width:100%;transition:width .2s}.constellation-lines,.constellation-nodes{position:absolute;inset:0;width:100%;height:100%}.constellation-line{stroke:#36423c;stroke-width:1.2;stroke-dasharray:3 7}.constellation-line.active{stroke:#8e5d43;stroke-dasharray:none}.constellation-line.unlocked{stroke:#c48a5f;stroke-width:1.8;filter:drop-shadow(0 0 5px #bd684d)}
.constellation-node{position:absolute;left:var(--x);top:var(--y);width:86px;transform:translate(-50%,-50%);border:0;background:none;color:#d9d3c8;text-align:center;padding:0;display:grid;justify-items:center;gap:7px}.constellation-star{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;position:relative;background:#101816;border:1px solid #3d4943;transition:.2s}.constellation-star img{width:58px;height:58px;object-fit:contain}.constellation-star>span{font:700 20px Georgia,serif;color:#bf7654}.constellation-node-name{max-width:100px;font-size:9px;line-height:1.2;color:#818d86}.constellation-node:hover .constellation-star,.constellation-node:focus-visible .constellation-star{transform:scale(1.08);border-color:#c17a55}.constellation-node.active .constellation-star{border-color:#9e5a3e;box-shadow:0 0 22px #a3503438}.constellation-node.unlocked .constellation-star{border-color:#d29568;box-shadow:0 0 0 5px #b5613d14,0 0 27px #c66d474f}.constellation-node.hidden .constellation-star{filter:grayscale(1) brightness(.34);opacity:.48}.constellation-node.hidden .constellation-node-name{color:#4e5953}.constellation-node.discovered .constellation-star{filter:grayscale(.8) brightness(.7)}.constellation-node.selected .constellation-star{outline:1px solid #e5ca9d;outline-offset:6px}
.constellation-detail{min-height:170px;padding:28px 32px;background:#0e1816}.constellation-detail-empty{height:115px;display:grid;place-items:center;align-content:center;color:#718079}.constellation-detail-empty span{font-size:24px;color:#9b5a3f}.constellation-detail-empty p{font-size:11px;margin:7px 0}.star-detail{display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:24px}.star-detail-art{width:100px;height:100px;display:grid;place-items:center}.star-detail-art img{width:100%;height:100%;object-fit:contain}.star-detail-art span{font:700 36px Georgia,serif;color:#c27754}.star-detail-copy .section-kicker{margin-bottom:8px}.star-detail-copy h3{font-size:28px;margin:0 0 6px}.star-detail-copy p{color:#929d96;font-size:12px;line-height:1.55;margin:0}.star-detail-progress{min-width:170px;text-align:right}.star-detail-progress strong{font:700 26px Georgia,serif;color:#e1c99f}.star-detail-progress span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#818d86;margin-top:5px}

@media(max-width:900px){.campaign-layout{grid-template-columns:1fr}.campaign-hero{min-height:190px}.constellation-stage{height:830px}}
@media(max-width:620px){
  .campaign-heading{margin-bottom:0}.campaign-hero{min-height:260px;padding:26px 22px;border-radius:24px;align-items:flex-start}.campaign-narrative{font-size:23px;padding-right:60px}.campaign-seal{position:absolute;right:18px;bottom:18px;width:92px;min-width:92px}.campaign-seal strong{font-size:18px}.campaign-seal span{font-size:6px}.campaign-route{overflow-x:auto;grid-template-columns:repeat(7,72px);padding:18px 10px 28px}.campaign-route:before{left:45px;right:auto;width:432px}.campaign-layout>.panel,.campaign-journal{padding:22px 18px;border-radius:22px}.campaign-objectives h2,.campaign-chronicle h2{font-size:24px}
  .constellation-toolbar{padding:22px 18px 14px}.constellation-toolbar h2{font-size:24px}.constellation-paths{padding:0 18px 15px}.constellation-paths [data-constellation-path="all"]{display:none}.constellation-viewport{overflow-x:hidden}.constellation-stage{height:var(--mobile-height,900px)!important;width:100%!important}.constellation-lines{display:none}.constellation-node{left:var(--mx);top:var(--my)}.constellation-node-name{font-size:8px}.constellation-detail{padding:22px 18px}.star-detail{grid-template-columns:74px minmax(0,1fr);gap:16px}.star-detail-art{width:74px;height:74px}.star-detail-copy h3{font-size:22px}.star-detail-progress{grid-column:1/-1;text-align:left;border-top:1px solid #29342f;padding-top:14px;min-width:0}.star-detail-progress strong{font-size:21px}
}