:root{--reactive-rgb:142,20,37}

.constellation-launch{width:calc(100% - (var(--pad) * 2));margin:0 var(--pad) 24px;padding:24px 28px;display:grid;grid-template-columns:1fr auto 44px;align-items:center;gap:28px;border:1px solid rgba(var(--realm-rgb),.28);color:var(--bone);text-align:left;background:radial-gradient(circle at 82% 20%,rgba(var(--realm-rgb),.15),transparent 28%),rgba(255,255,255,.014);cursor:pointer;overflow:hidden;transition:.4s}
.constellation-launch:hover{border-color:rgba(var(--realm-rgb),.72);transform:translateY(-3px);box-shadow:0 24px 70px rgba(0,0,0,.3),0 0 45px rgba(var(--realm-rgb),.12)}
.constellation-launch span{display:grid;gap:6px}.constellation-launch small,.constellation-launch i{color:var(--gold);font:500 10px var(--font-body);letter-spacing:.16em;text-transform:uppercase}.constellation-launch strong{font:500 clamp(25px,3vw,42px) var(--font-display)}.constellation-launch i{color:var(--muted);font-style:normal}.constellation-launch b{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:300 24px var(--font-body)}

.constellation{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;color:var(--bone);background:#050406;overflow:hidden}.constellation::backdrop{background:#020203}.constellation-shell{height:100%;display:grid;grid-template-rows:auto auto 1fr;background:radial-gradient(circle at 62% 35%,rgba(84,45,101,.18),transparent 34%),radial-gradient(circle at 18% 85%,rgba(142,20,37,.13),transparent 28%),#050406}.constellation-head{padding:25px 32px 20px;display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.constellation-head h2{margin:4px 0 8px;font:500 clamp(34px,5vw,68px)/.95 var(--font-display);letter-spacing:-.04em}.constellation-head p:last-child{max-width:720px;margin:0;color:var(--muted);font-size:12px}.constellation-head>button{width:48px;height:48px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;color:var(--bone);background:rgba(255,255,255,.025);cursor:pointer;font-size:18px}.constellation-toolbar{padding:14px 32px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:26px;border-bottom:1px solid var(--line);background:rgba(8,7,9,.72)}.constellation-toolbar label{display:grid;gap:5px}.constellation-toolbar label span{color:var(--gold);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.constellation-toolbar input{width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);outline:0;color:var(--bone);background:transparent;font:400 13px var(--font-body)}.constellation-realms{display:flex;gap:5px}.constellation-realms button{min-height:36px;padding:0 12px;border:1px solid var(--line);color:var(--muted);background:transparent;cursor:pointer;font:500 10px var(--font-body);letter-spacing:.08em;text-transform:uppercase}.constellation-realms button:hover,.constellation-realms button[aria-pressed="true"]{color:var(--bone);border-color:rgba(var(--realm-rgb),.55);background:rgba(var(--realm-rgb),.1)}.constellation-toolbar>p{margin:0;display:flex;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.constellation-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px}.constellation-stage{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02),transparent 50%)}.constellation-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.constellation-stage canvas:active{cursor:grabbing}.constellation-legend{position:absolute;left:24px;bottom:20px;padding:10px 13px;display:flex;gap:17px;border:1px solid var(--line);background:rgba(5,4,6,.72);backdrop-filter:blur(12px);color:var(--muted);font-size:9px}.constellation-legend span{display:flex;align-items:center;gap:7px}.constellation-legend i{width:7px;height:7px;border-radius:50%;background:#bba4ca;box-shadow:0 0 10px #9b5bb2}.constellation-legend span:nth-child(2) i{background:#f3e7d3;box-shadow:0 0 12px #fff}.constellation-legend span:nth-child(3) i{background:transparent;border:1px solid #d0a856;box-shadow:none}
.constellation-dossier{padding:30px;display:flex;flex-direction:column;border-left:1px solid var(--line);background:linear-gradient(180deg,rgba(var(--reactive-rgb),.075),transparent 42%),rgba(7,6,8,.88);overflow:auto}.constellation-mini-star{width:82px;height:82px;margin:32px 0 18px;border:1px solid rgba(var(--reactive-rgb),.48);border-radius:50%;background:radial-gradient(circle,rgba(244,235,220,.95) 0 4%,rgba(var(--reactive-rgb),.75) 5%,rgba(var(--reactive-rgb),.13) 28%,transparent 67%);box-shadow:0 0 48px rgba(var(--reactive-rgb),.25)}.constellation-dossier h3{margin:0 0 10px;font:500 28px/1.12 var(--font-display)}.constellation-dossier>p:not(.kicker){margin:0;color:var(--muted);font-size:12px;line-height:1.65}.constellation-dossier dl{margin:28px 0;display:grid}.constellation-dossier dl div{padding:12px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.constellation-dossier dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.constellation-dossier dd{margin:0;color:var(--bone);font:500 12px var(--font-display);text-align:right}.constellation-dossier .button{width:100%;margin-top:auto}.constellation-dossier .button:disabled{opacity:.35;cursor:not-allowed}

.weekly-journey{margin:0 0 12px;border:1px solid var(--line);background:radial-gradient(circle at 86% 18%,rgba(var(--realm-rgb),.13),transparent 28%),rgba(255,255,255,.012);overflow:hidden}.weekly-journey-head{padding:28px 32px;display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid var(--line)}.weekly-journey-head h3{margin:7px 0 0;font:500 clamp(28px,3.5vw,48px) var(--font-display)}.weekly-journey-head>p{margin:0;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.weekly-journey-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.weekly-journey-stats span{min-height:96px;padding:22px 26px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.weekly-journey-stats span:last-child{border-right:0}.weekly-journey-stats strong{margin-bottom:7px;overflow:hidden;color:var(--bone);font:500 clamp(20px,2vw,30px)/1.05 var(--font-display);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.weekly-trail{padding:22px 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.weekly-trail button{min-height:105px;padding:12px;display:grid;grid-template-columns:68px 1fr;align-items:center;gap:13px;border:1px solid var(--line);color:var(--bone);text-align:left;background:rgba(255,255,255,.014);cursor:pointer;transition:.3s}.weekly-trail button:hover{border-color:rgba(var(--realm-rgb),.52);transform:translateY(-3px)}.weekly-trail img{width:68px;height:80px;object-fit:cover}.weekly-trail strong{display:block;font:500 13px/1.25 var(--font-display)}.weekly-trail small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.weekly-note{margin:0;padding:0 32px 24px;color:var(--muted);font-size:10px}

.quick-game-content{overflow-y:auto}.quick-game-content>div{max-width:940px}.quick-game-stats span{min-width:138px}.quick-dossier-signal{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 22px;background:var(--line)}.quick-dossier-signal article{min-height:105px;padding:17px;background:rgba(7,6,8,.82);backdrop-filter:blur(10px)}.quick-dossier-signal small{color:var(--gold);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.quick-dossier-signal p{margin:9px 0 0;color:var(--bone-dim);font-size:11px;line-height:1.55}.quick-editorial-details{margin-bottom:20px}
.quick-game-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.quick-game-actions .record-text-link{min-height:54px;padding:0 18px;border:1px solid var(--line);color:var(--bone-dim);background:rgba(7,6,8,.55);cursor:pointer;font:600 10px var(--font-body);letter-spacing:.13em;text-transform:uppercase;transition:.3s}.quick-game-actions .record-text-link:hover{color:var(--bone);border-color:rgba(var(--reactive-rgb),.55);background:rgba(var(--reactive-rgb),.1)}

@media(max-width:1000px){.constellation-layout{grid-template-columns:1fr 280px}.constellation-toolbar{grid-template-columns:1fr}.constellation-toolbar>p{display:none}.weekly-trail{grid-template-columns:1fr 1fr}.quick-dossier-signal{grid-template-columns:1fr}}
@media(max-width:760px){.constellation-launch{grid-template-columns:1fr 42px}.constellation-launch>i{display:none}.constellation-head{padding:20px}.constellation-head p:last-child{display:none}.constellation-toolbar{padding:12px 20px}.constellation-realms{overflow-x:auto}.constellation-layout{grid-template-columns:1fr;grid-template-rows:minmax(360px,55vh) auto;overflow:auto}.constellation-dossier{min-height:340px;border-left:0;border-top:1px solid var(--line)}.constellation-legend{left:10px;right:10px;bottom:10px;justify-content:center;flex-wrap:wrap}.weekly-journey-head{align-items:flex-start;flex-direction:column}.weekly-journey-stats{grid-template-columns:1fr 1fr}.weekly-journey-stats span:nth-child(2){border-right:0}.weekly-journey-stats span:nth-child(-n+2){border-bottom:1px solid var(--line)}.weekly-trail{padding-inline:20px}.quick-game-content{align-items:flex-start;padding-top:105px}.quick-game-content h2{font-size:44px}}
@media(max-width:520px){.constellation-launch{margin-inline:20px;width:calc(100% - 40px);padding:20px}.weekly-journey-head,.weekly-journey-stats span{padding-inline:20px}.weekly-trail{grid-template-columns:1fr}.weekly-journey-stats strong{font-size:20px}.constellation-head h2{font-size:34px}.constellation-realms button{padding-inline:9px}.quick-dossier-signal article{min-height:auto}}
@media(prefers-reduced-motion:reduce){.constellation-launch,.weekly-trail button{transition:none}}

/* Gothic celestial marks replace the former circular star treatment. */
.constellation-legend i{width:11px;height:11px;border:0;border-radius:0;background:#bba4ca;clip-path:polygon(50% 0,58% 36%,100% 50%,58% 64%,50% 100%,42% 64%,0 50%,42% 36%);box-shadow:none;filter:drop-shadow(0 0 5px #9b5bb2)}
.constellation-legend span:nth-child(2) i{background:#f3e7d3;box-shadow:none;filter:drop-shadow(0 0 6px #fff)}
.constellation-legend span:nth-child(3) i{width:9px;height:9px;border:1px solid #d0a856;border-radius:0;background:transparent;clip-path:none;box-shadow:none;filter:none;transform:rotate(45deg)}
.constellation-mini-star{position:relative;width:82px;height:82px;border:0;border-radius:0;background:radial-gradient(circle,rgba(249,239,222,.98) 0 5%,rgba(var(--reactive-rgb),.9) 7%,rgba(var(--reactive-rgb),.5) 34%,transparent 36%);clip-path:polygon(50% 0,57% 37%,74% 14%,63% 42%,100% 50%,63% 58%,74% 86%,57% 63%,50% 100%,43% 63%,26% 86%,37% 58%,0 50%,37% 42%,26% 14%,43% 37%);box-shadow:none;filter:drop-shadow(0 0 10px rgba(var(--reactive-rgb),.82)) drop-shadow(0 0 28px rgba(var(--reactive-rgb),.42))}
.constellation-mini-star::before,.constellation-mini-star::after{content:"";position:absolute;left:50%;top:50%;background:rgba(240,225,202,.72);transform:translate(-50%,-50%)}
.constellation-mini-star::before{width:1px;height:100%}.constellation-mini-star::after{width:100%;height:1px}