/* Celestial Astrolabe — production theme. */
@font-face {
  font-family:"AnantharaTitle";
  src:url("../fonts/CinzelDecorative-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"AnantharaSubtitle";
  src:url("../fonts/Advercase-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

html[data-ana-theme="celestial"] {
  --celestial-night:#020711;
  --celestial-indigo:#0b1029;
  --celestial-petrol:#06242a;
  --celestial-gold:#ffc700;
  --celestial-star:#f5f3e9;
  --celestial-cyan:#9eabc9;
  --celestial-surface:rgba(5,12,27,.92);
  --celestial-border:rgba(132,223,227,.24);
  --celestial-glow:0 0 32px rgba(132,223,227,.11),0 22px 70px rgba(0,0,0,.48);
  --celestial-muted:#aab8c9;
  --celestial-radius:4px;
  --celestial-title-font:AnantharaTitle,Georgia,serif;
  --celestial-body-font:Arial,"Helvetica Neue",sans-serif;
  --celestial-motion-fast:240ms ease;
  --celestial-motion-slow:18s linear;
  color-scheme:dark;
}

/* Night observatory surface */
html[data-ana-theme="celestial"] body {
  color:var(--celestial-star);
  font-family:var(--celestial-body-font);
  background:
    radial-gradient(circle at 14% 17%,rgba(132,223,227,.07) 0 1px,transparent 2px),
    radial-gradient(circle at 81% 28%,rgba(255,199,0,.12) 0 1px,transparent 2px),
    radial-gradient(circle at 67% 76%,rgba(242,247,255,.08) 0 1px,transparent 2px),
    radial-gradient(ellipse at 18% 64%,rgba(5,76,83,.17),transparent 37%),
    radial-gradient(ellipse at 84% 12%,rgba(38,37,102,.18),transparent 39%),
    linear-gradient(145deg,var(--celestial-night),#040919 55%,#020609);
  background-attachment:fixed;
}
html[data-ana-theme="celestial"] #main { position:relative; background:transparent; }
html[data-ana-theme="celestial"] #main::before {
  content:""; position:fixed; inset:80px 4vw 4vh; pointer-events:none; opacity:.32;
  background:
    linear-gradient(27deg,transparent 49.8%,rgba(132,223,227,.09) 50%,transparent 50.2%) 8% 22%/180px 140px no-repeat,
    linear-gradient(-34deg,transparent 49.8%,rgba(255,199,0,.07) 50%,transparent 50.2%) 88% 68%/240px 170px no-repeat;
}
html[data-ana-theme="celestial"] #text {
  position:relative; color:var(--celestial-star); font:17px/1.78 var(--celestial-body-font);
  background:transparent;
  border:0; border-radius:0;
  box-shadow:none;
}
html[data-ana-theme="celestial"] #text>p { max-width:73ch; margin-inline:auto; }
html[data-ana-theme="celestial"] .container { animation-name:none!important; -webkit-animation-name:none!important; transition:opacity 160ms ease!important; }
html[data-ana-theme="celestial"] body:not(.stats) #container1.container { width:min(100%,1180px); }
html[data-ana-theme="celestial"] #text.is-lab-revealed { animation:celestialPageIn 320ms ease-out both; }
html[data-ana-theme="celestial"] #text.is-lab-revealed::before {
  content:"✦"; display:block; width:min(54%,420px); height:1px; margin:0 auto 10px;
  color:var(--celestial-cyan); text-align:left; font-size:9px; line-height:1px;
  background:linear-gradient(90deg,var(--celestial-cyan),rgba(255,199,0,.5),transparent);
  transform-origin:left; animation:celestialTransitLine 390ms ease-out both;
}

/* Header instrument nodes */
html[data-ana-theme="celestial"] #header { background:linear-gradient(180deg,rgba(2,7,17,.96),rgba(4,12,24,.88)); border-bottom:1px solid rgba(132,223,227,.2); box-shadow:0 12px 36px rgba(0,0,0,.35); }
html[data-ana-theme="celestial"] #title { width:min(88vw,820px); height:clamp(120px,18vw,230px); margin-inline:auto; overflow:hidden; color:transparent; background:center/contain no-repeat url("../Assets/final.png"); font-size:0; line-height:0; text-shadow:none; }
html[data-ana-theme="celestial"] #author { color:var(--celestial-muted); }
html[data-ana-theme="celestial"] #buttons { gap:14px; }
html[data-ana-theme="celestial"] #statsButton,
html[data-ana-theme="celestial"] #menuButton {
  --celestial-control:none; position:relative; display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-width:48px; min-height:48px; padding:8px 14px; color:var(--celestial-star); border:1px solid var(--celestial-border);
  border-radius:3px; background:radial-gradient(circle at 20% 50%,rgba(132,223,227,.09),transparent 45%);
}
html[data-ana-theme="celestial"] #statsButton { --celestial-control:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='black' stroke-width='1.5' stroke-dasharray='3 3'/%3E%3Cpath d='M16 2v6M16 24v6M2 16h6M24 16h6M7 7l4 4M21 21l4 4' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E"); }
html[data-ana-theme="celestial"] #menuButton { --celestial-control:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cellipse cx='16' cy='16' rx='12' ry='6' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cellipse cx='16' cy='16' rx='6' ry='12' fill='none' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='16' cy='16' r='2.5'/%3E%3C/svg%3E"); }
html[data-ana-theme="celestial"] #statsButton::before,html[data-ana-theme="celestial"] #menuButton::before { content:""; width:24px; height:24px; background:var(--celestial-cyan); mask:center/contain no-repeat var(--celestial-control); -webkit-mask:center/contain no-repeat var(--celestial-control); filter:drop-shadow(0 0 6px rgba(132,223,227,.35)); }
html[data-ana-theme="celestial"] #statsButton::after,html[data-ana-theme="celestial"] #menuButton::after { content:""; position:absolute; inset:-5px; border:1px solid transparent; border-radius:50%; transform:scale(.76); opacity:0; transition:var(--celestial-motion-fast); pointer-events:none; }
html[data-ana-theme="celestial"] #statsButton:hover::after,html[data-ana-theme="celestial"] #statsButton:focus-visible::after,html[data-ana-theme="celestial"] #menuButton:hover::after,html[data-ana-theme="celestial"] #menuButton:focus-visible::after { opacity:1; transform:scale(1); border-color:rgba(255,199,0,.42); }

/* Landing: constellation first, astrolabe second */
html[data-ana-theme="celestial"] .ana-intro { background:linear-gradient(#020711,#010309); }
html[data-ana-theme="celestial"] .ana-intro-shade { background:radial-gradient(circle at center,rgba(8,27,43,.18),rgba(2,6,16,.72) 62%,rgba(1,3,9,.94)); }
html[data-ana-theme="celestial"] .ana-intro.intro-menu-visible .ana-intro-shade { background:radial-gradient(circle at center,rgba(3,14,28,.34),rgba(1,5,15,.8) 60%,rgba(0,2,7,.96)); }
html[data-ana-theme="celestial"] .ana-intro-content { position:relative; isolation:isolate; }
html[data-ana-theme="celestial"] .ana-intro-content::before {
  content:"✦"; position:absolute; z-index:-1; left:50%; top:48%; display:grid; place-items:center;
  width:min(68vw,570px); aspect-ratio:1; color:var(--celestial-star); font-size:12px;
  border:1px solid rgba(132,223,227,.26); border-radius:50%; opacity:0;
  background:
    radial-gradient(circle at 32% 31%,var(--celestial-star) 0 1.5px,transparent 2px),
    radial-gradient(circle at 68% 38%,var(--celestial-cyan) 0 1.5px,transparent 2px),
    radial-gradient(circle at 57% 72%,var(--celestial-gold) 0 1.5px,transparent 2px),
    linear-gradient(31deg,transparent 49.8%,rgba(132,223,227,.28) 50%,transparent 50.2%),
    linear-gradient(-47deg,transparent 49.8%,rgba(255,199,0,.18) 50%,transparent 50.2%);
  box-shadow:inset 0 0 0 34px rgba(5,22,40,.12),inset 0 0 0 35px rgba(255,199,0,.08),0 0 56px rgba(53,156,172,.08);
  transform:translate(-50%,-50%) scale(.35) rotate(-18deg); animation:none;
}
html[data-ana-theme="celestial"] .ana-intro-content::after {
  content:""; position:absolute; z-index:-1; left:50%; top:48%; width:min(49vw,410px); aspect-ratio:1;
  border:1px dashed rgba(255,199,0,.2); border-radius:50%; opacity:0;
  transform:translate(-50%,-50%) scale(.55); animation:none;
}
html[data-ana-theme="celestial"] .ana-intro.intro-menu-visible .ana-intro-content::before { animation:celestialLandingAstrolabe 760ms cubic-bezier(.2,.72,.2,1) forwards,celestialOrbit 90s 1.15s linear infinite; }
html[data-ana-theme="celestial"] .ana-intro.intro-menu-visible .ana-intro-content::after { animation:celestialInnerRing 560ms 180ms ease-out forwards,celestialOrbitReverse 70s 1.15s linear infinite; }
html[data-ana-theme="celestial"] .ana-intro-content::before,
html[data-ana-theme="celestial"] .ana-intro-content::after { display:none; }
html[data-ana-theme="celestial"] .ana-intro-content h1 { position:relative; display:grid; justify-items:center; gap:clamp(.3rem,1vw,.7rem); margin-bottom:clamp(1.5rem,4vw,2.35rem); opacity:0; filter:blur(5px); transform:translateY(8px); color:var(--celestial-gold); text-shadow:0 0 24px rgba(255,199,0,.24),0 0 52px rgba(77,194,209,.08); animation:celestialTitleReveal 420ms 820ms ease-out forwards; }
html[data-ana-theme="celestial"] .ana-intro-logo { display:block; width:min(88vw,850px); max-width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 0 20px rgba(255,199,0,.12)); }
html[data-ana-theme="celestial"] .ana-title-main { display:block; max-width:100%; font-family:var(--celestial-title-font); font-size:clamp(2.75rem,8vw,6.7rem); line-height:.94; letter-spacing:clamp(.025em,.7vw,.095em); overflow-wrap:anywhere; }
html[data-ana-theme="celestial"] .ana-title-sub { display:block; max-width:100%; font-family:"AnantharaSubtitle",Arial,sans-serif; font-size:clamp(1.05rem,3.15vw,2.45rem); line-height:1.12; letter-spacing:clamp(.11em,.65vw,.25em); overflow-wrap:anywhere; }
html[data-ana-theme="celestial"] .ana-intro-content h1::after { content:"BY JOSHUA MARTEL"; display:block; margin-top:14px; color:var(--celestial-star); font:600 clamp(.68rem,1.1vw,.86rem)/1.4 Arial,sans-serif; letter-spacing:.2em; opacity:0; transform:translateY(4px); animation:celestialReveal 260ms 1030ms ease-out forwards; }
html[data-ana-theme="celestial"] .ana-intro-menu,html[data-ana-theme="celestial"] .ana-language { position:relative; }
html[data-ana-theme="celestial"] .ana-intro-menu:not([hidden]){animation:celestialReveal 320ms ease-out both}
html[data-ana-theme="celestial"] .ana-intro-menu.is-menu-restored,
html[data-ana-theme="celestial"] .ana-intro-menu.is-menu-restored button{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;animation:none!important;pointer-events:auto!important}
html[data-ana-theme="celestial"] .ana-intro-menu button,html[data-ana-theme="celestial"] .ana-language button {
  position:relative; opacity:0; transform:translateY(6px); padding-left:46px; border:1px solid rgba(132,223,227,.25); border-radius:2px;
  background:linear-gradient(90deg,rgba(132,223,227,.055),rgba(4,10,25,.78),rgba(255,199,0,.035)); color:var(--celestial-star);
  animation:celestialReveal 260ms ease-out forwards; overflow:hidden;
}
html[data-ana-theme="celestial"] .ana-intro-menu button::before,html[data-ana-theme="celestial"] .ana-language button::before { content:"✦"; position:absolute; left:18px; color:var(--celestial-cyan); font-size:12px; text-shadow:0 0 7px rgba(132,223,227,.45); transition:transform .22s,color .22s; }
html[data-ana-theme="celestial"] .ana-intro-menu button::after,html[data-ana-theme="celestial"] .ana-language button::after { content:""; position:absolute; left:0; right:100%; bottom:0; height:1px; background:linear-gradient(90deg,var(--celestial-cyan),var(--celestial-gold)); transition:right .3s ease; }
html[data-ana-theme="celestial"] .ana-intro-menu button:hover::after,html[data-ana-theme="celestial"] .ana-intro-menu button:focus-visible::after,html[data-ana-theme="celestial"] .ana-language button:hover::after,html[data-ana-theme="celestial"] .ana-language button:focus-visible::after { right:0; }
html[data-ana-theme="celestial"] .ana-intro-menu button:hover::before,html[data-ana-theme="celestial"] .ana-language button:hover::before { color:var(--celestial-gold); transform:rotate(45deg) scale(1.15); }
html[data-ana-theme="celestial"] .ana-intro-menu button:nth-child(n){animation-delay:0ms}
html[data-ana-theme="celestial"] .ana-language button:nth-of-type(1){animation-delay:100ms}html[data-ana-theme="celestial"] .ana-language button:nth-of-type(2){animation-delay:170ms}

/* Prologue: activated stellar instrument */
html[data-ana-theme="celestial"] .ana-prologue-banner {
  position:relative; isolation:isolate; overflow:hidden; padding:clamp(62px,10vw,112px) clamp(20px,7vw,88px);
  border:1px solid rgba(132,223,227,.35); border-radius:2px;
  background:
    radial-gradient(circle at 50% 50%,rgba(132,223,227,.11) 0 1px,transparent 2px),
    radial-gradient(circle at 40% 35%,rgba(245,243,233,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 64% 39%,rgba(255,199,0,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 60% 67%,rgba(132,223,227,.7) 0 1px,transparent 2px),
    radial-gradient(circle,rgba(18,57,73,.18),transparent 48%),linear-gradient(145deg,rgba(6,17,39,.97),rgba(2,8,20,.98));
  box-shadow:inset 0 0 80px rgba(25,98,112,.08),var(--celestial-glow); animation:celestialPanelWake 280ms ease both;
}
html[data-ana-theme="celestial"] .ana-prologue-banner::before { content:""; position:absolute; z-index:-1; left:50%; top:50%; width:min(72vw,600px); aspect-ratio:1; border:1px solid rgba(132,223,227,.28); border-radius:50%; box-shadow:inset 0 0 0 38px transparent,inset 0 0 0 39px rgba(255,199,0,.12),inset 0 0 0 74px transparent,inset 0 0 0 75px rgba(132,223,227,.08); opacity:0; transform:translate(-50%,-50%) scale(.2) rotate(-24deg); animation:celestialPrologueRing 720ms 120ms cubic-bezier(.2,.72,.2,1) forwards,celestialOrbit 80s 1.2s linear infinite; }
html[data-ana-theme="celestial"] .ana-prologue-banner::after { content:""; position:absolute; z-index:-1; left:18%; right:18%; top:50%; height:1px; opacity:0; background:linear-gradient(90deg,transparent,var(--celestial-cyan),var(--celestial-gold),transparent); transform:scaleX(.1); animation:celestialConstellationDraw 520ms 440ms ease-out forwards; }
html[data-ana-theme="celestial"] .ana-prologue-banner>* { position:relative; z-index:1; }
html[data-ana-theme="celestial"] .ana-prologue-sigil { width:76px; height:76px; display:grid; place-items:center; margin-inline:auto; color:transparent; border:1px solid rgba(132,223,227,.55); border-radius:50%; opacity:0; transform:scale(.55); animation:celestialStarWake 400ms 600ms ease-out forwards; }
html[data-ana-theme="celestial"] .ana-prologue-sigil::before { content:"✦"; color:var(--celestial-gold); font-size:30px; text-shadow:0 0 12px rgba(255,199,0,.55),0 0 24px rgba(132,223,227,.25); }
html[data-ana-theme="celestial"] .ana-prologue-kicker { opacity:0; color:var(--celestial-cyan); font:700 clamp(.8rem,1.5vw,1.05rem)/1.3 Arial,sans-serif; letter-spacing:.48em; animation:celestialReveal 240ms 820ms ease forwards; }
html[data-ana-theme="celestial"] .ana-prologue-banner h2 { opacity:0; filter:blur(4px); color:var(--celestial-star); font-family:var(--celestial-title-font); font-size:clamp(1.45rem,3.4vw,2.7rem); line-height:1.38; text-shadow:0 0 20px rgba(132,223,227,.14); animation:celestialTitleReveal 380ms 960ms ease forwards; }
html[data-ana-theme="celestial"] .ana-prologue-banner button { opacity:0; max-width:390px; border:1px solid rgba(255,199,0,.55); border-radius:2px; background:linear-gradient(90deg,rgba(132,223,227,.06),rgba(5,13,28,.85)); color:var(--celestial-star); animation:celestialReveal 260ms 1170ms ease forwards; }
html[data-ana-theme="celestial"] .ana-prologue-banner.is-lab-leaving { animation:celestialPrologueLeave 360ms ease-in both; }
html[data-ana-theme="celestial"] .ana-prologue-banner.is-lab-leaving::after { animation:celestialLinesRelease 340ms ease-out both; }

/* Choices and page-break actions */
html[data-ana-theme="celestial"] .choice { gap:10px; }
html[data-ana-theme="celestial"] .choice:not(.ana-visual-choice-grid) { width:min(100%,880px); margin-inline:auto; }
html[data-ana-theme="celestial"] .choice>div { position:relative; overflow:hidden; opacity:0; transform:translateY(5px); border:1px solid rgba(132,223,227,.19)!important; border-radius:2px!important; background:linear-gradient(90deg,rgba(132,223,227,.035),rgba(4,11,24,.7))!important; animation:celestialChoiceIn 210ms ease-out forwards; }
html[data-ana-theme="celestial"] .choice>div:nth-child(2){animation-delay:40ms}html[data-ana-theme="celestial"] .choice>div:nth-child(3){animation-delay:80ms}html[data-ana-theme="celestial"] .choice>div:nth-child(4){animation-delay:120ms}html[data-ana-theme="celestial"] .choice>div:nth-child(5){animation-delay:160ms}
html[data-ana-theme="celestial"] .choice>div::after { content:""; position:absolute; left:43px; right:100%; bottom:0; height:1px; background:linear-gradient(90deg,var(--celestial-cyan),var(--celestial-gold)); transition:right .28s ease; pointer-events:none; }
html[data-ana-theme="celestial"] .choice>div:hover::after,html[data-ana-theme="celestial"] .choice>div:focus-within::after,html[data-ana-theme="celestial"] .choice>div.selectedKeyboard::after { right:0; }
html[data-ana-theme="celestial"] .choice label { position:relative; padding:17px 17px 17px 52px!important; border:0!important; border-radius:0!important; background:none!important; color:var(--celestial-star)!important; text-align:left!important; }
html[data-ana-theme="celestial"] .choice:not(.ana-visual-choice-grid) input[type="radio"] { position:absolute!important; width:1px!important; height:1px!important; margin:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; opacity:0!important; }
html[data-ana-theme="celestial"] .choice.ana-visual-choice-grid>div { opacity:1; transform:none; animation:none; }
html[data-ana-theme="celestial"] body:not(.stats) .container:not(#container1):has(.ana-visual-choice-grid) { display:none!important; animation:none!important; transition:none!important; }
html[data-ana-theme="celestial"] .choice label::before { content:""; position:absolute; left:17px; top:50%; width:17px; height:17px; border:1px solid var(--celestial-cyan); border-radius:50%; transform:translateY(-50%); box-shadow:inset 0 0 0 5px rgba(3,10,22,.9); transition:var(--celestial-motion-fast); }
html[data-ana-theme="celestial"] .choice>div:hover label::before,html[data-ana-theme="celestial"] .choice>div:focus-within label::before,html[data-ana-theme="celestial"] .choice input:checked+label::before { border-color:var(--celestial-gold); background:var(--celestial-star); transform:translateY(-50%) rotate(45deg) scale(.75); border-radius:1px; box-shadow:0 0 12px rgba(132,223,227,.6); }
html[data-ana-theme="celestial"] #text>button:not(.as-back),html[data-ana-theme="celestial"] #text>form button { display:flex; width:fit-content; max-width:100%; min-width:0; min-height:46px; align-items:center; justify-content:center; margin-inline:auto; padding:.85rem 1.6rem; border-radius:2px; border:1px solid rgba(255,199,0,.5); background:linear-gradient(90deg,rgba(9,30,42,.78),rgba(4,11,25,.85)); color:var(--celestial-star); }

/* Status astrolabe */
html[data-ana-theme="celestial"] .ananthara-game-ui { position:relative; isolation:isolate; }
html[data-ana-theme="celestial"] .ananthara-game-ui::before { content:""; position:absolute; z-index:-1; left:50%; top:90px; width:min(74vw,660px); aspect-ratio:1; border:1px solid rgba(132,223,227,.075); border-radius:50%; transform:translateX(-50%); pointer-events:none; }
html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:12px; border:1px solid rgba(132,223,227,.22); border-radius:2px; background:linear-gradient(90deg,rgba(6,18,35,.85),rgba(8,13,36,.85)); box-shadow:var(--celestial-glow); }
html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs::before { content:""; position:absolute; left:12.5%; right:12.5%; top:50%; height:1px; background:linear-gradient(90deg,transparent,rgba(132,223,227,.16),rgba(255,199,0,.12),transparent); transform:scaleX(0); animation:celestialStatusConnect 520ms 120ms ease-out forwards; pointer-events:none; }
html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button { --celestial-tab:none; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:76px; color:rgba(245,243,233,.72)!important; border:1px solid rgba(132,223,227,.16); border-radius:50% 50% 4px 4px/18px 18px 4px 4px; background:rgba(3,10,23,.82); opacity:0; transform:translateY(4px); animation:celestialReveal 220ms ease forwards; }
html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button:nth-child(1){--celestial-tab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='4'/%3E%3Cpath d='M16 2v8M16 22v8M2 16h8M22 16h8M6 6l6 6M20 20l6 6' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");animation-delay:70ms}html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button:nth-child(2){--celestial-tab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 5h15l5 5v17H6zM21 5v6h5M10 16h12M10 21h9' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='9' cy='7' r='2'/%3E%3C/svg%3E");animation-delay:130ms}html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button:nth-child(3){--celestial-tab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cellipse cx='16' cy='16' rx='12' ry='5' fill='none' stroke='black'/%3E%3Cpath d='m19 10-2 7-7 3 3-7z'/%3E%3C/svg%3E");animation-delay:190ms}html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button:nth-child(4){--celestial-tab:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='11' fill='none' stroke='black' stroke-width='1.5' stroke-dasharray='2 3'/%3E%3Cpath d='M16 1v7M16 24v7M1 16h7M24 16h7' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");animation-delay:250ms}
html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button::before { content:""; width:27px; height:27px; background:currentColor; mask:center/contain no-repeat var(--celestial-tab); -webkit-mask:center/contain no-repeat var(--celestial-tab); }
html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button:hover,html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button:focus-visible { color:var(--celestial-star)!important; border-color:rgba(132,223,227,.55); }
html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button[aria-selected="true"],html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button.is-active { color:var(--celestial-gold)!important; border-color:rgba(255,199,0,.66); background:radial-gradient(circle at 50% 28%,rgba(132,223,227,.12),rgba(3,10,23,.88) 60%); box-shadow:0 0 18px rgba(132,223,227,.11),inset 0 0 16px rgba(255,199,0,.05); }
html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button:disabled { color:rgba(245,243,233,.33)!important; }
html[data-ana-theme="celestial"] .as-panel.is-lab-revealed { animation:celestialPanelIn 220ms ease-out both; }

/* Character, attributes and journey as celestial tablets */
html[data-ana-theme="celestial"] .ananthara-character-sheet,html[data-ana-theme="celestial"] .ac-section,html[data-ana-theme="celestial"] .ananthara-journey-log,html[data-ana-theme="celestial"] .ananthara-attributes { border-radius:2px; border-color:rgba(132,223,227,.2); background:linear-gradient(145deg,rgba(7,20,40,.91),rgba(3,10,24,.94)); box-shadow:inset 0 0 35px rgba(31,130,145,.035),var(--celestial-glow); }
html[data-ana-theme="celestial"] .ac-title,html[data-ana-theme="celestial"] .ac-section-title { color:var(--celestial-gold); font-family:var(--celestial-title-font); text-shadow:0 0 18px rgba(255,199,0,.15); }
html[data-ana-theme="celestial"] .ac-section-title::before { content:"✦"; margin-right:.65em; color:var(--celestial-cyan); font-size:.72em; }
html[data-ana-theme="celestial"] .ac-attribute-tile { position:relative; border-radius:2px; border-color:rgba(132,223,227,.2); background:radial-gradient(circle at 16% 20%,rgba(132,223,227,.1),transparent 42%); }
html[data-ana-theme="celestial"] .ac-attribute-tile::before { content:""; position:absolute; top:10px; right:10px; width:8px; height:8px; border:1px solid var(--celestial-cyan); border-radius:50%; opacity:.55; }
html[data-ana-theme="celestial"] .aj-entry { position:relative; border-radius:2px; border-color:rgba(132,223,227,.2); background:linear-gradient(90deg,rgba(132,223,227,.045),rgba(4,11,25,.72)); }
html[data-ana-theme="celestial"] .aj-entry::after { content:""; position:absolute; left:25px; top:30px; bottom:-22px; width:1px; background:linear-gradient(var(--celestial-cyan),transparent); opacity:.28; }
html[data-ana-theme="celestial"] .aj-icon { color:var(--celestial-cyan); background:var(--celestial-night); filter:drop-shadow(0 0 7px rgba(132,223,227,.4)); }

/* Quest constellations — Archive hierarchy, separate Celestial language */
html[data-ana-theme="celestial"] .ananthara-quest-log { border:1px solid rgba(132,223,227,.22); border-radius:2px; background:linear-gradient(150deg,rgba(6,18,38,.94),rgba(2,8,20,.97)); box-shadow:var(--celestial-glow); }
html[data-ana-theme="celestial"] .aq-group + .aq-group { margin-top:1.5rem; padding-top:1.25rem; border-top-color:rgba(132,223,227,.18); }
html[data-ana-theme="celestial"] .aq-group-title { color:var(--celestial-cyan); font:700 .69rem/1.4 Arial,sans-serif; letter-spacing:.13em; }
html[data-ana-theme="celestial"] .aq-list { gap:.8rem; }
html[data-ana-theme="celestial"] .aq-card,html[data-ana-theme="celestial"] .aq-room { position:relative; border-radius:2px; border-color:rgba(132,223,227,.23); background:linear-gradient(90deg,rgba(132,223,227,.045),rgba(4,12,26,.82) 16%); box-shadow:inset 2px 0 rgba(132,223,227,.36); }
html[data-ana-theme="celestial"] .aq-card-header { align-items:center; padding:1rem 1.15rem; }
html[data-ana-theme="celestial"] .aq-card-header::before { content:"✧"; color:var(--celestial-cyan); text-shadow:0 0 7px rgba(132,223,227,.45); }
html[data-ana-theme="celestial"] .aq-heading h3 { color:var(--celestial-star); font-size:clamp(1.02rem,2vw,1.38rem); }
html[data-ana-theme="celestial"] .aq-card-body { padding:0 1.15rem 1.15rem; border-top:1px solid transparent; }
html[data-ana-theme="celestial"] .aq-toggle { color:var(--celestial-cyan); }
html[data-ana-theme="celestial"] .aq-card[open],html[data-ana-theme="celestial"] .aq-room[open] { border-color:rgba(255,199,0,.52); box-shadow:inset 2px 0 var(--celestial-gold),0 0 22px rgba(132,223,227,.07); }
html[data-ana-theme="celestial"] .aq-card[open] .aq-card-body,html[data-ana-theme="celestial"] .aq-room[open] .aq-card-body { border-top-color:rgba(132,223,227,.16); animation:celestialAccordionIn 280ms ease-out both; }

/* Menu and preserved star echoes */
html[data-ana-theme="celestial"] .ana-game-menu,html[data-ana-theme="celestial"] .ana-save-panel { border:1px solid rgba(132,223,227,.3); border-radius:2px; background:radial-gradient(circle at 50% 0,rgba(24,93,108,.12),transparent 35%),linear-gradient(150deg,rgba(7,19,39,.97),rgba(2,8,20,.98)); box-shadow:var(--celestial-glow); }
html[data-ana-theme="celestial"] .ana-game-menu h2,html[data-ana-theme="celestial"] .ana-save-panel h2 { color:var(--celestial-gold); font-family:var(--celestial-title-font); }
html[data-ana-theme="celestial"] .ana-game-menu>button { position:relative; border-radius:2px!important; border-color:rgba(132,223,227,.2)!important; background:linear-gradient(90deg,rgba(132,223,227,.04),transparent)!important; color:var(--celestial-star)!important; text-align:left; padding-left:48px; }
html[data-ana-theme="celestial"] .ana-game-menu>button.is-primary { color:var(--celestial-star)!important; -webkit-text-fill-color:var(--celestial-star); }
html[data-ana-theme="celestial"] .ana-game-menu>button::before { content:"✦"; position:absolute; left:20px; color:var(--celestial-cyan); font-size:11px; }
html[data-ana-theme="celestial"] .ana-game-menu>button:hover,html[data-ana-theme="celestial"] .ana-game-menu>button:focus-visible { color:var(--celestial-gold)!important; border-color:rgba(255,199,0,.52)!important; }
html[data-ana-theme="celestial"] .ana-save-card { border-radius:2px; border-color:rgba(132,223,227,.22); background:radial-gradient(circle at 10% 20%,rgba(132,223,227,.1),transparent 34%),rgba(3,11,24,.72); }
html[data-ana-theme="celestial"] .ana-save-overlay { animation:celestialFade 180ms ease both; }

/* Thal'ithara keeps its original archetype animation, gains only depth. */
html[data-ana-theme="celestial"] .ana-thal-card { border-color:rgba(132,223,227,.42); background:radial-gradient(circle at 50% 23%,rgba(42,139,154,.15),transparent 37%),linear-gradient(155deg,rgba(7,18,40,.98),rgba(2,8,20,.99)); box-shadow:0 0 48px rgba(132,223,227,.12),0 28px 80px rgba(0,0,0,.65); }
html[data-ana-theme="celestial"] .ana-thal-icon-wrap { position:relative; }
html[data-ana-theme="celestial"] .ana-thal-icon-wrap::before { content:""; position:absolute; inset:-18px; border:1px dashed rgba(132,223,227,.28); border-radius:50%; animation:celestialSpin 36s linear infinite; pointer-events:none; }
html[data-ana-theme="celestial"] .ana-thal-icon { filter:drop-shadow(0 0 10px rgba(132,223,227,.24)) drop-shadow(0 0 17px rgba(255,199,0,.16)); animation-play-state:running; }

/* Production surfaces: remove the former forest-green layer without changing structure. */
html[data-ana-theme="celestial"] .ana-world-card,
html[data-ana-theme="celestial"] .ana-identity-story,
html[data-ana-theme="celestial"] .ana-attunement-dialog,
html[data-ana-theme="celestial"] .ana-item-dialog,
html[data-ana-theme="celestial"] .ana-discovery-dialog,
html[data-ana-theme="celestial"] .ana-thal-reveal,
html[data-ana-theme="celestial"] .ac-modal-dialog {
  color:var(--celestial-star);
  border-color:rgba(255,199,0,.38);
  background:radial-gradient(circle at 50% 0,rgba(78,91,139,.1),transparent 34%),linear-gradient(150deg,rgba(7,17,37,.98),rgba(2,7,18,.99));
  box-shadow:0 0 42px rgba(102,119,171,.1),0 24px 72px rgba(0,0,0,.58),inset 0 0 36px rgba(255,199,0,.025);
}
html[data-ana-theme="celestial"] .ana-attunement-overlay,
html[data-ana-theme="celestial"] .ana-item-overlay,
html[data-ana-theme="celestial"] .ana-discovery-overlay,
html[data-ana-theme="celestial"] .ana-thal-overlay {
  background:radial-gradient(circle at 50% 34%,rgba(56,66,112,.25),transparent 50%),rgba(1,4,13,.93);
}
html[data-ana-theme="celestial"] .ana-thal-interaction-symbol,
html[data-ana-theme="celestial"] .ana-attunement-hold {
  background:rgba(5,12,29,.78);
}
html[data-ana-theme="celestial"] .ana-thal-detail {
  background:rgba(149,164,203,.035);
  border-color:rgba(158,171,201,.2);
}
html[data-ana-theme="celestial"] .ana-thal-reveal h2 {
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
html[data-ana-theme="celestial"] .ana-replica-overlay {
  background:radial-gradient(circle at 50% 40%,rgba(65,72,112,.25),rgba(1,4,13,.96) 67%);
}
html[data-ana-theme="celestial"] .ana-replica-book {
  background:linear-gradient(90deg,rgba(10,18,39,.98) 49.6%,rgba(255,199,0,.25) 50%,rgba(10,18,39,.98) 50.4%);
}
html[data-ana-theme="celestial"] .ana-oracle-result,
html[data-ana-theme="celestial"] .ana-fate-card,
html[data-ana-theme="celestial"] .ana-fate-dialog {
  background:linear-gradient(145deg,rgba(7,16,35,.97),rgba(2,7,18,.99));
}
html[data-ana-theme="celestial"] .ana-oracle,
html[data-ana-theme="celestial"] .ana-oracle-background {
  background:radial-gradient(circle at 50% 24%,rgba(90,101,150,.17),transparent 50%),linear-gradient(145deg,#071126,#020611);
}
html[data-ana-theme="celestial"] .ana-oracle-background span {
  background:radial-gradient(circle at 50% 38%,rgba(8,17,38,.08),rgba(2,6,17,.48) 68%),linear-gradient(rgba(3,8,21,.3),rgba(1,5,14,.72));
}
html[data-ana-theme="celestial"] .ana-oracle-card {
  background:#060d20;
}
html[data-ana-theme="celestial"] .ana-world-card button,
html[data-ana-theme="celestial"] .ana-save-panel button,
html[data-ana-theme="celestial"] .ana-game-menu>button {
  background:rgba(4,10,25,.82);
}
html[data-ana-theme="celestial"] .ana-identity-record {
  background:linear-gradient(90deg,transparent 0 19px,rgba(255,199,0,.055) 20px,transparent 21px),radial-gradient(circle at 50% 0,rgba(90,100,148,.1),transparent 44%),linear-gradient(145deg,rgba(9,17,36,.98),rgba(3,8,20,.99));
}
html[data-ana-theme="celestial"] .ana-dossier-art,
html[data-ana-theme="celestial"] .ana-fate-gallery .ana-fate-card,
html[data-ana-theme="celestial"] .ac-oracle-thumb {
  background:linear-gradient(145deg,rgba(11,20,42,.97),rgba(3,8,20,.99));
}
html[data-ana-theme="celestial"] .ana-dossier-art-fallback,
html[data-ana-theme="celestial"] .ana-choice-card-media,
html[data-ana-theme="celestial"] .ac-world-card,
html[data-ana-theme="celestial"] .ananthara-items-overview .ac-travel-item {
  background:rgba(6,14,31,.78);
}
html[data-ana-theme="celestial"] .choice.ana-visual-choice-grid>div {
  background:linear-gradient(145deg,rgba(8,18,39,.98),rgba(2,8,20,.99));
}
html[data-ana-theme="celestial"] .ac-character-reveal {
  background:radial-gradient(circle at 30% 40%,rgba(88,101,153,.18),transparent 40%),linear-gradient(120deg,rgba(8,18,39,.94),rgba(2,7,18,.96));
}
html[data-ana-theme="celestial"] .ac-art {
  background:radial-gradient(circle at 50% 45%,rgba(95,109,165,.18),transparent 56%),rgba(3,8,20,.94);
}
html[data-ana-theme="celestial"] .ana-save-portrait {
  background:radial-gradient(circle,rgba(255,199,0,.1),rgba(3,8,20,.9));
}
html[data-ana-theme="celestial"] .ana-world-card p,
html[data-ana-theme="celestial"] .ana-story-text,
html[data-ana-theme="celestial"] .ana-thal-description,
html[data-ana-theme="celestial"] .ana-thal-detail p,
html[data-ana-theme="celestial"] .ana-replica-copy,
html[data-ana-theme="celestial"] .ana-discovery-copy,
html[data-ana-theme="celestial"] .ac-character-copy,
html[data-ana-theme="celestial"] .ac-world-card p,
html[data-ana-theme="celestial"] .aq-card-body,
html[data-ana-theme="celestial"] .aj-entry,
html[data-ana-theme="celestial"] .ac-travel-item p,
html[data-ana-theme="celestial"] .ac-modal-dialog p {
  font-family:var(--celestial-body-font);
}

/* Demo seal */
html[data-ana-theme="celestial"] .ana-demo-end { position:relative; overflow:visible; padding:28px 0 0; border:0; border-top:1px solid rgba(255,199,0,.3); border-radius:0; background:transparent; box-shadow:none; }
html[data-ana-theme="celestial"] .ana-demo-end::before { display:none; content:none; }
html[data-ana-theme="celestial"] .ana-demo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:0}html[data-ana-theme="celestial"] .ana-demo-actions a,html[data-ana-theme="celestial"] .ana-demo-actions button{width:auto;min-height:44px;padding:10px 18px}

/* Production playtest polish: spacious narrative card, authored milestones and
   dark celestial interaction surfaces. */
html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen) {
  padding:0;
}
html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen) #text {
  box-sizing:border-box;
  width:min(100%,1100px);
  margin-inline:auto;
  padding:clamp(2.25rem,5vw,4rem) clamp(1.75rem,5vw,4.5rem) clamp(2.5rem,6vw,4.5rem);
}
html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen) .next {
  display:flex;
  width:fit-content;
  max-width:100%;
  min-width:0;
  min-height:46px;
  align-self:center;
  align-items:center;
  justify-content:center;
  margin:2rem auto 0;
  padding:.85rem 1.6rem;
}
html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen):has(> .next) #text {
  padding-bottom:clamp(1.25rem,2.5vw,2rem);
}
html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen) > .next {
  margin:clamp(1rem,2vw,1.5rem) auto clamp(2.5rem,5vw,4rem);
}
html[data-ana-theme="celestial"] #text input[type="text"],
html[data-ana-theme="celestial"] #text input:not([type]) {
  display:block;
  width:min(100%,560px);
  max-width:560px;
  min-height:56px;
  margin:1.5rem auto 2rem;
  padding:.9rem 1.15rem;
  border:1px solid rgba(255,199,0,.5);
  border-radius:4px;
  color:var(--celestial-star);
  background:linear-gradient(145deg,rgba(8,17,36,.98),rgba(3,8,20,.99));
  box-shadow:inset 0 0 18px rgba(149,164,203,.04),0 0 18px rgba(255,199,0,.04);
  font:500 1.05rem/1.4 var(--celestial-body-font);
  text-align:center;
}
html[data-ana-theme="celestial"] #text input[type="text"]:focus,
html[data-ana-theme="celestial"] #text input:not([type]):focus {
  outline:2px solid rgba(255,199,0,.82);
  outline-offset:3px;
  border-color:var(--celestial-gold);
  box-shadow:0 0 22px rgba(255,199,0,.18),inset 0 0 18px rgba(149,164,203,.05);
}
html[data-ana-theme="celestial"] .ana-exam-section-heading {
  display:grid;
  grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);
  align-items:center;
  justify-items:center;
  gap:clamp(.75rem,2.2vw,1.6rem);
  width:100%;
  max-width:100%;
  margin-inline:auto!important;
  margin:clamp(1.25rem,3vw,2.25rem) 0 clamp(1.7rem,4vw,2.8rem)!important;
  color:var(--celestial-gold);
  font-family:"AnantharaSubtitle",Arial,sans-serif;
  font-size:clamp(1.25rem,2.6vw,2.05rem);
  line-height:1.2;
  letter-spacing:.085em;
  text-align:center!important;
  text-wrap:balance;
  overflow-wrap:anywhere;
  text-shadow:0 0 18px rgba(255,199,0,.14),0 0 34px rgba(158,171,201,.08);
}
html[data-ana-theme="celestial"] .ana-exam-section-heading::before,
html[data-ana-theme="celestial"] .ana-exam-section-heading::after {
  content:"";
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,199,0,.62));
}
html[data-ana-theme="celestial"] .ana-exam-section-heading::after { transform:scaleX(-1); }
html[data-ana-theme="celestial"] .ana-registration-heading {
  margin-top:0!important;
  margin-bottom:clamp(1.45rem,3vw,2.15rem)!important;
  font-size:clamp(1.05rem,2.1vw,1.55rem);
  letter-spacing:.075em;
}
html[data-ana-theme="celestial"] #main.ana-registration-screen #text {
  flex:0 0 auto;
}
html[data-ana-theme="celestial"] #main.ana-registration-screen #text > form {
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  width:100%;
}
html[data-ana-theme="celestial"] #main.ana-registration-screen #text input[type="text"],
html[data-ana-theme="celestial"] #main.ana-registration-screen #text input:not([type]) {
  margin:1rem auto 0;
}
html[data-ana-theme="celestial"] body:not(.stats) #main.ana-registration-screen #text > form > .next,
html[data-ana-theme="celestial"] body:not(.stats) #main.ana-registration-screen #text > .next {
  margin-top:1.25rem;
}
html[data-ana-theme="celestial"] .ana-discovery-dialog h2,
html[data-ana-theme="celestial"] .ana-item-dialog h2,
html[data-ana-theme="celestial"] .ana-oracle-result h3,
html[data-ana-theme="celestial"] .ac-modal-dialog h2 {
  font-family:"AnantharaSubtitle",Arial,sans-serif;
  letter-spacing:.07em;
}
html[data-ana-theme="celestial"] .ana-attunement-dialog,
html[data-ana-theme="celestial"] .ana-item-dialog,
html[data-ana-theme="celestial"] .ana-discovery-dialog,
html[data-ana-theme="celestial"] .ana-thal-reveal,
html[data-ana-theme="celestial"] .ana-thal-detail,
html[data-ana-theme="celestial"] .ana-thal-gesture,
html[data-ana-theme="celestial"] .ac-magic-profile,
html[data-ana-theme="celestial"] .ac-prophecy-section,
html[data-ana-theme="celestial"] .ac-oracle-card {
  background-color:#050b1b;
  background-image:linear-gradient(145deg,rgba(8,18,40,.98),rgba(2,7,18,.99));
  border-color:rgba(255,199,0,.28);
}
html[data-ana-theme="celestial"] .ana-replica-page {
  align-content:center;
  gap:.7rem;
}
html[data-ana-theme="celestial"] .ana-replica-copy,
html[data-ana-theme="celestial"] .ana-replica-instructions {
  opacity:0;
  transform:translateY(6px);
  transition:opacity 420ms ease,transform 420ms ease;
}
html[data-ana-theme="celestial"] .ana-replica-copy.is-visible,
html[data-ana-theme="celestial"] .ana-replica-instructions.is-visible {
  opacity:1;
  transform:none;
}
html[data-ana-theme="celestial"] .ana-replica-instructions {
  width:min(100%,520px);
  margin:1.2rem auto 0;
  padding:1rem;
  border-block:1px solid rgba(255,199,0,.24);
  color:var(--celestial-gold);
  font-family:var(--celestial-body-font);
}
html[data-ana-theme="celestial"] .ana-replica-instructions p { margin:.35rem 0; }

html[data-ana-theme="celestial"] .ana-discovery-dialog > button,
html[data-ana-theme="celestial"] .ana-item-dialog > button,
html[data-ana-theme="celestial"] .ana-attunement-dialog > button,
html[data-ana-theme="celestial"] .ana-thal-reveal > button,
html[data-ana-theme="celestial"] .ana-replica-controls button,
html[data-ana-theme="celestial"] .ana-oracle-continue,
html[data-ana-theme="celestial"] .ana-fate-dialog > button {
  display:inline-flex;
  width:auto;
  max-width:100%;
  min-width:0;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:.85rem 1.6rem;
}
html[data-ana-theme="celestial"] .ana-save-actions {
  justify-content:center;
}
html[data-ana-theme="celestial"] .ana-save-actions button {
  flex:0 1 auto;
  width:auto;
  max-width:100%;
}

@media(max-width:699px){
  html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen){min-height:0;padding:0}
  html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen) #text{width:100%;padding:clamp(1.75rem,8vw,2.25rem) clamp(1.25rem,6vw,1.5rem) clamp(1.9rem,8vw,2.25rem)}
  html[data-ana-theme="celestial"] .ana-exam-section-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;font-size:clamp(1.08rem,5.3vw,1.48rem);letter-spacing:.055em;line-height:1.22;text-align:center!important;text-wrap:balance}
  html[data-ana-theme="celestial"] .ana-registration-heading{font-size:clamp(.98rem,4.8vw,1.24rem);padding-inline:.2rem}
  html[data-ana-theme="celestial"] .ana-exam-section-heading::before,html[data-ana-theme="celestial"] .ana-exam-section-heading::after{display:block;flex:0 0 1px;width:min(68%,220px);margin-inline:auto}
  html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen):has(> .next) #text{padding-bottom:1.1rem}
  html[data-ana-theme="celestial"] body:not(.stats) #main:not(.ana-oracle-screen) > .next{margin:1rem auto 2rem}
  html[data-ana-theme="celestial"] .choice:not(.ana-visual-choice-grid){width:100%;margin-inline:auto}
}

/* Shared interaction accessibility */
html[data-ana-theme="celestial"] button:focus-visible,html[data-ana-theme="celestial"] .choice input:focus-visible+label,html[data-ana-theme="celestial"] summary:focus-visible { outline:2px solid var(--celestial-cyan)!important; outline-offset:3px; box-shadow:0 0 0 3px rgba(132,223,227,.12)!important; }

@keyframes celestialLandingAstrolabe{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-18deg)}45%{opacity:1}100%{opacity:.9;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes celestialInnerRing{from{opacity:0;transform:translate(-50%,-50%) scale(.55)}to{opacity:.68;transform:translate(-50%,-50%) scale(1)}}
@keyframes celestialOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes celestialOrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes celestialSpin{to{transform:rotate(360deg)}}
@keyframes celestialTitleReveal{from{opacity:0;filter:blur(5px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}
@keyframes celestialReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes celestialPanelWake{from{opacity:0}to{opacity:1}}
@keyframes celestialPrologueRing{from{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-24deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes celestialConstellationDraw{from{opacity:0;transform:scaleX(.1)}55%{opacity:.85}to{opacity:.32;transform:scaleX(1)}}
@keyframes celestialStarWake{from{opacity:0;transform:scale(.55)}70%{opacity:1;box-shadow:0 0 28px rgba(132,223,227,.25)}to{opacity:1;transform:scale(1)}}
@keyframes celestialPrologueLeave{to{opacity:0;filter:blur(2px);transform:scale(.995)}}
@keyframes celestialLinesRelease{0%{opacity:.3;transform:scaleX(1)}50%{opacity:1}to{opacity:0;transform:scaleX(1.25)}}
@keyframes celestialPageIn{from{opacity:0;filter:blur(2px);transform:translateY(5px)}to{opacity:1;filter:none;transform:none}}
@keyframes celestialTransitLine{0%{opacity:0;transform:scaleX(.05)}45%{opacity:.7}100%{opacity:0;transform:scaleX(1)}}
@keyframes celestialChoiceIn{to{opacity:1;transform:none}}
@keyframes celestialStatusConnect{to{transform:scaleX(1)}}
@keyframes celestialPanelIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes celestialAccordionIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes celestialFade{from{opacity:0}to{opacity:1}}

@media(max-width:700px){
  html[data-ana-theme="celestial"] #text{font-size:16.5px;line-height:1.7}
  html[data-ana-theme="celestial"] .ana-intro-content h1{font-size:clamp(2.05rem,11vw,3.65rem);animation-delay:620ms}
  html[data-ana-theme="celestial"] .ana-intro-content h1::after{animation-delay:780ms}
  html[data-ana-theme="celestial"] .ana-intro-content::before{width:min(88vw,430px);animation-duration:580ms,100s;animation-delay:80ms,1.4s}
  html[data-ana-theme="celestial"] .ana-intro-content::after{width:min(66vw,330px);animation-delay:340ms,1.4s}
  html[data-ana-theme="celestial"] .ana-intro-menu button:nth-child(n){animation-delay:0ms}
  html[data-ana-theme="celestial"] .ana-prologue-banner{padding:52px 16px}
  html[data-ana-theme="celestial"] .ana-prologue-banner::before{width:min(104vw,520px)}
  html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs::before{display:none}
  html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button{min-height:64px;border-radius:3px}
  html[data-ana-theme="celestial"] .choice:not(.ana-visual-choice-grid){grid-auto-rows:max-content;align-items:start}
  html[data-ana-theme="celestial"] .choice:not(.ana-visual-choice-grid)>div{height:auto;min-height:44px;align-self:start}
  html[data-ana-theme="celestial"] .choice:not(.ana-visual-choice-grid) label{height:auto;min-height:44px;padding:10px 14px 10px 47px!important;line-height:1.45;touch-action:pan-y}
  html[data-ana-theme="celestial"] #statsButton,html[data-ana-theme="celestial"] #menuButton{min-width:46px;min-height:46px;padding:8px 10px}
}
@media(max-width:430px){
  html[data-ana-theme="celestial"] .ana-intro-content{padding:16px}
  html[data-ana-theme="celestial"] .ana-title-main{font-size:clamp(1.9rem,11vw,3rem);letter-spacing:.025em}
  html[data-ana-theme="celestial"] .ana-title-sub{font-size:clamp(.82rem,4vw,1.15rem);letter-spacing:.11em}
  html[data-ana-theme="celestial"] .ana-intro-menu button,html[data-ana-theme="celestial"] .ana-language button{width:100%}
  html[data-ana-theme="celestial"] .aq-card-header{padding:.88rem;gap:.6rem}
  html[data-ana-theme="celestial"] .aq-card-body{padding:0 .88rem .88rem}
}
@media(prefers-reduced-motion:reduce){
  html[data-ana-theme="celestial"] *,html[data-ana-theme="celestial"] *::before,html[data-ana-theme="celestial"] *::after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  html[data-ana-theme="celestial"] .ana-intro-content::before,html[data-ana-theme="celestial"] .ana-intro-content::after,html[data-ana-theme="celestial"] .ana-intro-content h1,html[data-ana-theme="celestial"] .ana-intro-content h1::after,html[data-ana-theme="celestial"] .ana-intro-menu button,html[data-ana-theme="celestial"] .ana-language button,html[data-ana-theme="celestial"] .ana-prologue-banner::before,html[data-ana-theme="celestial"] .ana-prologue-banner::after,html[data-ana-theme="celestial"] .ana-prologue-banner>*,html[data-ana-theme="celestial"] .choice>div,html[data-ana-theme="celestial"] .ananthara-game-ui .as-tabs button{opacity:1!important;filter:none!important;transform:none!important}
}