/* Astral Sanctum — shared palette for launcher and in-game instrumentation. */
#menu.menu-screen {
  --land-bg:#080f16; --land-panel:rgba(12,24,32,.95);
  --land-line:rgba(134,189,199,.21); --land-purple:#82cfc7;
  --land-cyan:#9be7df; --land-gold:#dfc492;
  background-image:radial-gradient(ellipse at 72% 5%,rgba(43,116,129,.24),transparent 45%),linear-gradient(180deg,rgba(5,13,21,.8),#080f16 1300px),url('/assets/bg.png');
  background-size:auto,auto,cover; background-attachment:scroll;
}
#menu .site-nav { border-bottom-color:rgba(155,208,211,.14); }
#menu .astral-intro { display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:295px;position:relative;overflow:hidden;margin:4px 0 26px;padding:24px 30px 20px; border-bottom:1px solid rgba(152,207,205,.18); }
.astral-eyebrow {display:flex;align-items:center;gap:10px;color:#a1ccc9;font-size:10px;font-weight:750;letter-spacing:.21em;}
.astral-eyebrow>span {color:#4e696e;}
.astral-eyebrow i {width:6px;height:6px;background:#b2f3d9;border-radius:50%;box-shadow:0 0 14px #73d8d1;}
#menu .astral-copy h2 {font-size:clamp(34px,3.6vw,54px);line-height:1.05;letter-spacing:-.045em;font-weight:800;color:#f1f3ec;margin:20px 0 13px;}
#menu .astral-copy h2 em {font-family:Georgia,serif;font-weight:400;color:#b1e7db;}
.astral-copy p {color:#9aafb5;font-size:13px;line-height:1.7;margin:0 0 23px;}
.astral-tags {display:flex;gap:18px;flex-wrap:wrap;color:#c2b999;font-size:9px;letter-spacing:.15em;font-weight:700;}
.astral-art {height:265px;position:relative;isolation:isolate;}
.astral-art::before {content:'';position:absolute;inset:10% 10% 0;background:radial-gradient(ellipse,#4aa6a738,transparent 65%);}
.astral-orbit {position:absolute;left:50%;top:49%;border:1px solid #77bcb34d;border-radius:50%;pointer-events:none;}
.orbit-outer {width:255px;height:255px;margin:-127px;border-style:dashed;animation:astral-orbit 100s linear infinite;}
.orbit-inner {width:220px;height:220px;margin:-110px;border-width:3px;border-color:#96dacf24;box-shadow:0 0 0 12px #73b5b009,0 0 60px #54a9ac15;}
.astral-champion {position:absolute;object-fit:contain;filter:drop-shadow(0 15px 15px #0009);animation:astral-float 6s ease-in-out infinite;}
.champion-main {height:220px;width:210px;left:calc(50% - 105px);top:15px;z-index:3;}
.champion-left {height:156px;width:145px;left:calc(50% - 205px);top:65px;transform:rotate(-12deg);opacity:.82;animation-delay:-2s;}
.champion-right {height:163px;width:150px;left:calc(50% + 62px);top:62px;transform:rotate(12deg);opacity:.82;animation-delay:-4s;}
.astral-star {position:absolute;color:#e0c98c;text-shadow:0 0 20px #d5bd7f77;}
.star-a {left:20%;top:10%;font-size:22px}.star-b {right:15%;top:30%;font-size:30px}.star-c {right:33%;top:4%;font-size:13px}
.astral-art-caption {position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.35em;color:#7babae;}
#menu .menu-card {border-radius:15px;background:linear-gradient(135deg,rgba(25,43,52,.96),rgba(9,18,27,.98));box-shadow:0 20px 50px #0005,inset 0 1px #c7f5ed09;}
#menu .play-card {border-color:#82cfc748;}
#menu .hero-card {border-radius:10px;background:linear-gradient(155deg,#172b34,#0a131e);transition:transform .22s,border-color .22s,box-shadow .22s;}
#menu .hero-card:hover {transform:translateY(-5px);border-color:#a9e8dc;}
#menu .hero-card.sel {border-color:#adeade;box-shadow:0 0 0 1px #adeade44,inset 0 0 25px #64c6b823,0 8px 24px #0004;}
#menu .btn-play {background:linear-gradient(105deg,#a4ead5,#82c7d8);border:1px solid #d0fff0;color:#0a252a;box-shadow:0 6px 25px #66bbae20;border-radius:9px;min-height:54px;letter-spacing:.045em;transition:filter .2s,transform .2s,box-shadow .2s;}
#menu .btn-play:not(:disabled):hover {filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 9px 30px #66bbae40;}
#menu .btn-play:disabled {opacity:.42;}
#menu .play-mode-tab[aria-selected="true"] {background:linear-gradient(120deg,#447b742c,#26455255);border-color:#82cfc770;}
#menu .panel-kicker {color:#aad5c9;}
#menu input:focus-visible,#menu button:focus-visible,#menu a:focus-visible {outline:2px solid #c1f5e7;outline-offset:4px;}
.hud-top {background:linear-gradient(180deg,#0b1a25ee,#0b1722dd);border-color:#89c9c844;box-shadow:0 10px 35px #0006,inset 0 1px #ccfff211;border-radius:0 0 18px 18px;}
.hud-top .lbl {color:#97b8bf;letter-spacing:.2em;}
#hudWave {color:#b7efdf;text-shadow:0 0 18px #71d5ba66;}
#hudTimer {font-variant-numeric:tabular-nums;color:#f4f4e9;}
.stats-panel,.synergy-dock,.dps-dock,.gear-panel {border-color:#85c1c333;background:linear-gradient(145deg,#10232eee,#09131feb);box-shadow:0 8px 28px #0005;}
.mute-btn {border-color:#8ebac43d;background:#0b1924e8;}
@keyframes astral-float {0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes astral-orbit {to{rotate:360deg}}
#menu .astral-intro {min-height:220px;padding-top:14px;padding-bottom:14px;margin-bottom:18px;}
.astral-art {height:200px;}
.astral-champion.champion-main {height:175px;top:3px;}
.astral-champion.champion-left {height:125px;top:40px;}
.astral-champion.champion-right {height:130px;top:35px;}
.orbit-outer {width:190px;height:190px;margin:-95px;}
.orbit-inner {width:166px;height:166px;margin:-83px;}
#menu .astral-copy h2 {font-size:clamp(34px,3.2vw,46px);margin:12px 0 10px;}
.astral-copy p {margin-bottom:16px;}
.vitals {background:linear-gradient(145deg,#112735f2,#09131fee);border-color:#8fcfc54a;box-shadow:0 8px 30px #0007,inset 0 1px #c6f8e211;}
@media(max-width:760px){
  #menu .astral-intro {grid-template-columns:1fr .7fr;padding:20px 8px;min-height:230px;margin-bottom:16px;}
  #menu .astral-copy h2{font-size:34px}.astral-eyebrow{font-size:8px;letter-spacing:.12em;gap:6px}
  .astral-art{scale:.72;transform-origin:center right;margin-left:-110px;pointer-events:none}
  .astral-copy{z-index:2}.astral-copy p{max-width:230px;font-size:12px}.astral-tags{gap:10px;font-size:8px}
}
@media(max-width:480px){
  #menu .astral-intro {grid-template-columns:1fr;min-height:200px;padding:16px 5px;}
  .astral-art {display:none}.astral-copy p{max-width:none}#menu .astral-copy h2{font-size:38px;margin-top:16px}
}
@media(prefers-reduced-motion:reduce){.astral-champion,.astral-orbit{animation:none}#menu .hero-card,#menu .btn-play{transition:none}}