/* Arkenum — Натальная карта. Liquid Glass + 3D chart ring */
:root{
  --text:#f5f7fb;
  --text-dim:rgba(245,247,251,.62);
  --gold:#e8d5a3;
  --gold-bright:#fff1c9;
  --glass:rgba(255,255,255,.10);
  --glass-2:rgba(255,255,255,.14);
  --glass-stroke:rgba(255,255,255,.28);
  --glass-stroke-soft:rgba(255,255,255,.14);
  --glass-inset:inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(255,255,255,.06);
  --fire:#ff8f74;--earth:#e8c98a;--air:#9ec9ef;--water:#7eb8d4;
  --radius:28px;
  --radius-sm:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{
  font-family:Outfit,"SF Pro Display",system-ui,sans-serif;
  color:var(--text);min-height:100vh;overflow-x:hidden;
  background:
    radial-gradient(1200px 700px at 15% -10%,rgba(120,170,255,.22),transparent 55%),
    radial-gradient(900px 600px at 90% 10%,rgba(255,180,120,.14),transparent 50%),
    radial-gradient(800px 500px at 50% 100%,rgba(160,120,255,.12),transparent 55%),
    linear-gradient(165deg,#0a1020 0%,#121a2e 45%,#0b1220 100%);
}
#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.7}
.aurora{
  position:fixed;inset:-25%;z-index:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(ellipse 45% 35% at 25% 25%,rgba(110,170,255,.22),transparent 60%),
    radial-gradient(ellipse 40% 30% at 75% 65%,rgba(255,160,110,.12),transparent 55%),
    radial-gradient(ellipse 35% 28% at 55% 15%,rgba(190,140,255,.1),transparent 50%);
  /* no animated blur — filter:blur + animation is a GPU hog under glass panels */
}
.cursor-glow{
  position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(255,255,255,.1),transparent 65%);
  opacity:0;transition:opacity .4s;mix-blend-mode:soft-light;
  left:0;top:0;
}
.wrap{position:relative;z-index:1;width:min(94vw,560px);margin:0 auto;padding:clamp(72px,12vh,96px) 16px 72px}

/* Topbar (login / cabinet) */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;
  background:linear-gradient(180deg,rgba(8,12,22,.92),rgba(8,12,22,.55));
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.topbar__brand{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-family:"Cormorant Garamond",Georgia,serif;
  letter-spacing:.18em;text-transform:uppercase;font-size:14px;color:var(--gold-bright);
}
.topbar__sigil{font-size:14px;line-height:1;opacity:.9}
.topbar__actions{display:inline-flex;align-items:center;gap:12px}
.topbar__login{
  color:var(--text-dim);text-decoration:none;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;padding:8px 4px;transition:color .2s;
}
.topbar__login:hover{color:var(--gold-bright)}
.topbar__cta{
  appearance:none;border:1px solid rgba(255,241,201,.4);background:rgba(255,241,201,.08);
  color:var(--gold-bright);font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  padding:9px 14px;border-radius:999px;cursor:pointer;transition:background .2s,box-shadow .2s;
}
.topbar__cta:hover{background:rgba(255,241,201,.14);box-shadow:0 0 18px rgba(120,170,255,.18)}
@media (max-width:420px){
  .topbar__brand span:last-child{display:none}
  .topbar__cta{padding:9px 12px}
}

/* Liquid glass base */
.glass{
  position:relative;overflow:hidden;
  background:
    linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 40%,rgba(255,255,255,.07)),
    var(--glass);
  border:1px solid var(--glass-stroke);
  border-radius:var(--radius);
  /* lighter blur — 40px+saturate over animated canvas nukes GPU */
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:
    0 24px 60px rgba(0,0,0,.28),
    var(--glass-inset),
    0 0 0 1px rgba(255,255,255,.04);
}
.glass-sheen{
  position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.08) 22%,transparent 42%);
  opacity:.55;mix-blend-mode:soft-light;
}
.glass-sheen::after{
  content:"";position:absolute;left:12%;right:12%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
}

/* Brand */
.brand{text-align:center;margin-bottom:28px}
.brand-mark.glass-orb{
  display:inline-flex;align-items:center;justify-content:center;
  width:64px;height:64px;margin-bottom:16px;position:relative;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.35),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.4);
  box-shadow:0 12px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.55);
}
.brand-mark.glass-orb::after{
  content:"";width:16px;height:16px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff,#e8d5a3 50%,#b8924a);
  box-shadow:0 0 20px rgba(255,240,180,.7);
}
.brand-mark .orbit{
  position:absolute;inset:-8px;border:1px dashed rgba(255,255,255,.28);border-radius:50%;
  animation:spin 16s linear infinite;
}
.brand-mark .orbit-2{inset:-16px;border-style:dotted;opacity:.45;animation-duration:24s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.brand h1{
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;
  font-size:clamp(42px,9vw,56px);letter-spacing:.2em;line-height:1;overflow:hidden;
  text-shadow:0 2px 24px rgba(255,255,255,.15);
}
.brand h1 .ch{display:inline-block;opacity:0;transform:translateY(120%)}
.brand p{margin-top:10px;font-weight:300;font-size:15px;letter-spacing:.06em;color:var(--text-dim);opacity:0}

/* Panel */
.panel{
  padding:28px 24px 24px;
  opacity:0;transform:translateY(20px);
}
.panel h2{
  position:relative;z-index:1;
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;
  font-size:26px;color:var(--gold-bright);margin-bottom:6px;
}
.hint{position:relative;z-index:1;font-size:13px;color:var(--text-dim);line-height:1.55;margin-bottom:22px}
label{
  display:block;font-size:11px;font-weight:500;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text-dim);margin:0 0 8px;
}
.field{margin-bottom:16px;position:relative;z-index:1}
.label-like{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 8px}
.gender-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gender-opt{position:relative;cursor:pointer;margin:0;text-transform:none;letter-spacing:0;font-weight:inherit;font-size:inherit;color:inherit}
.gender-opt input{position:absolute;opacity:0;pointer-events:none}
.gender-opt span{
  display:flex;align-items:center;justify-content:center;min-height:46px;
  border-radius:14px;border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);color:var(--text);font-size:14px;font-weight:500;
  letter-spacing:0;text-transform:none;
  transition:background .2s,border-color .2s,color .2s;
}
.gender-opt:hover span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32)}
.gender-opt input:checked + span{
  background:rgba(255,241,201,.16);border-color:rgba(255,241,201,.55);color:var(--gold-bright);
}
.gender-opt input:focus-visible + span{outline:2px solid rgba(255,241,201,.55);outline-offset:2px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.row{grid-template-columns:1fr}}
input[type=date],input[type=time],input[type=text]{
  width:100%;padding:14px 15px;border-radius:14px;
  border:1px solid var(--glass-stroke-soft);
  background:rgba(255,255,255,.1);
  color:var(--text);
  font-family:inherit;font-size:15px;outline:none;color-scheme:dark;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  transition:border-color .25s,box-shadow .25s,background .25s;
}
input::placeholder{color:rgba(245,247,251,.35)}
input:focus{
  border-color:rgba(255,255,255,.45);
  background:rgba(255,255,255,.14);
  box-shadow:0 0 0 4px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.35);
}
.sub{display:block;margin-top:6px;font-size:12px;color:var(--text-dim)}

/* Glass pill button */
.btn{
  position:relative;overflow:hidden;z-index:1;
  width:100%;margin-top:10px;padding:16px 18px;border:0;border-radius:999px;
  font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.03em;color:#1a2030;
  cursor:pointer;
  background:linear-gradient(180deg,#fff 0%,#e8ecf5 100%);
  box-shadow:
    0 10px 28px rgba(0,0,0,.22),
    inset 0 1px 0 #fff,
    0 0 0 1px rgba(255,255,255,.35);
  transition:transform .2s,filter .2s,box-shadow .2s;
}
.btn:hover{filter:brightness(1.03);box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 #fff,0 0 0 1px rgba(255,255,255,.35)}
.btn:active{transform:scale(.985)}
.btn:disabled{opacity:.7;cursor:default}
.btn.loading .btn-label{opacity:0}
.btn.loading .btn-orbits{opacity:1}
.btn-orbits{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}
.btn-orbits i{
  position:absolute;width:28px;height:28px;border:1.5px solid rgba(26,32,48,.25);border-top-color:#1a2030;border-radius:50%;
  animation:spin .8s linear infinite;
}
.btn-orbits i:nth-child(2){width:40px;height:40px;animation-duration:1.2s;animation-direction:reverse;opacity:.5}
.btn-orbits i:nth-child(3){width:52px;height:52px;animation-duration:1.6s;opacity:.3}
.err{position:relative;z-index:1;margin-top:14px;font-size:13px;color:#ffb4a2;min-height:1em}

/* Chart out */
.chart-out{margin-top:26px}
.summary{text-align:center;margin-bottom:18px;opacity:0}
.summary .s-place{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;color:var(--gold-bright);
  text-shadow:0 2px 20px rgba(255,241,201,.2);
}
.summary .s-when{margin-top:4px;font-size:14px;color:var(--text-dim);letter-spacing:.03em}

.wheel-wrap{
  margin:0 -4px 18px;
  opacity:0;transform:translateY(24px) scale(.97);
}
.wheel-stage{
  padding:4px 0 8px;
  overflow:visible;
}
.chart-plane{
  position:relative;
  width:100%;
  aspect-ratio:1;
  margin:0 auto;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.1),rgba(20,30,50,.08) 55%,transparent 72%);
  overflow:visible;
}
.chart-plane svg{width:100%;height:100%;overflow:visible}
.wheel-hint{
  text-align:center;font-size:12px;color:var(--text-dim);margin:4px 0 10px;opacity:.85;
}
.wheel-tip{
  position:fixed;z-index:80;left:0;top:0;width:min(280px,72vw);
  padding:12px 14px;border-radius:16px;pointer-events:none;
  background:rgba(12,18,32,.88);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 12px 40px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.2);
  opacity:0;visibility:hidden;transform:translate3d(0,0,0);
  transition:opacity .12s ease;
}
.wheel-tip.show{opacity:1;visibility:visible}
.wheel-tip-title{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;color:var(--gold-bright);margin-bottom:4px;line-height:1.2;
}
.wheel-tip-body{
  font-size:12.5px;line-height:1.45;color:var(--text-dim);
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}
.zodiac-glyph,.planet-hit,.planet-hit-area,.aspect-line,.asc-mark,.ring-hit{
  cursor:pointer;
}
.tip-active{
  filter:drop-shadow(0 0 8px rgba(255,241,201,.95));
}
.aspect-line.tip-active{stroke-opacity:1;stroke-width:3.5}

.legend{
  position:relative;z-index:1;
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  margin-top:8px;font-size:12px;color:var(--text-dim);opacity:0;
}
.legend span{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.12);
}
.legend i{width:14px;height:0;border-top:2px solid;display:inline-block}

.elements{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}

.ask{position:relative;padding:22px 20px 20px;margin-bottom:18px;overflow:hidden}
.ask h2{
  position:relative;z-index:1;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:26px;font-weight:500;color:var(--gold-bright);margin:0 0 6px;
}
.ask .hint{position:relative;z-index:1;margin:0 0 14px;font-size:13.5px;line-height:1.45;color:var(--text-dim)}
.ask textarea{
  position:relative;z-index:1;display:block;width:100%;box-sizing:border-box;
  min-height:96px;resize:vertical;padding:14px 16px;border-radius:16px;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);
  color:var(--text);font-family:inherit;font-size:14.5px;line-height:1.45;
  outline:none;transition:border-color .2s,background .2s;
}
.ask textarea::placeholder{color:rgba(245,247,251,.42)}
.ask textarea:focus{border-color:rgba(255,241,201,.45);background:rgba(255,255,255,.12)}
.ask .btn{position:relative;z-index:1;margin-top:12px}
.ask-err{position:relative;z-index:1;min-height:1.1em;margin-top:10px;font-size:13px;color:#ffb4a2}
.ask-answer{
  position:relative;z-index:1;margin-top:16px;padding:16px 16px 14px;border-radius:16px;
  background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.14);
}
.ask-answer-kicker{
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;
}
.ask-answer-visible,.ask-answer-blur,.ask-answer-full{
  font-size:14.5px;line-height:1.6;color:var(--text-dim);white-space:pre-wrap;
}
.ask-answer-rest{
  position:relative;margin-top:10px;
  display:flex;flex-direction:column;align-items:center;gap:12px;
}
.ask-answer-blur{
  align-self:stretch;
  filter:blur(5.5px);opacity:.72;user-select:none;pointer-events:none;
  max-height:7.5em;overflow:hidden;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 96%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 96%);
}
.ask-answer-rest::after{
  content:"";position:absolute;left:0;right:0;top:0;height:min(7.5em,100%);
  border-radius:12px;
  background:linear-gradient(to bottom,rgba(8,12,22,0) 0%,rgba(8,12,22,.55) 45%,rgba(8,12,22,.82) 100%);
  pointer-events:none;
}
.ask-unlock{
  position:relative;z-index:2;left:auto;bottom:auto;transform:none;
  white-space:nowrap;flex:0 0 auto;margin:0;
}
.ask-answer.is-open .ask-answer-rest{display:none}
.ask-answer.is-open .ask-answer-visible{display:none}
.ask-answer.is-open .ask-answer-full{display:block}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.el{
  border:1px solid var(--glass-stroke-soft);border-radius:var(--radius-sm);padding:14px 8px;text-align:center;
  background:rgba(255,255,255,.1);
  box-shadow:var(--glass-inset);
  opacity:0;transform:translateY(16px);
  transition:transform .25s,border-color .25s,background .25s;
}
.el:hover{transform:translateY(-3px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.el b{display:block;font-size:22px;font-family:"Cormorant Garamond",serif;font-weight:600}
.el.fire b{color:var(--fire)}.el.earth b{color:var(--earth)}.el.air b{color:var(--air)}.el.water b{color:var(--water)}
.el small{display:block;margin-top:2px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}
.el .bar-track{height:3px;border-radius:2px;margin-top:8px;background:rgba(255,255,255,.12);overflow:hidden}
.el .bar{height:100%;width:0;border-radius:2px;background:currentColor;opacity:.8}

.positions{display:flex;flex-direction:column;gap:10px}
.pos{
  border:1px solid var(--glass-stroke-soft);border-radius:var(--radius-sm);
  background:rgba(255,255,255,.1);
  box-shadow:var(--glass-inset);
  overflow:hidden;
  opacity:0;transform:translateX(-18px);
  transition:border-color .25s,background .25s,transform .25s;
}
.pos:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
.pos-head{display:flex;align-items:center;gap:12px;padding:14px 16px 8px}
.pos-glyph{
  font-size:20px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  color:var(--gold-bright);border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.pos-main{flex:1}
.pos-main b{font-size:15px;color:var(--text);font-weight:500}
.pos-main .in-sign{color:var(--text-dim);font-weight:400}
.pos-deg{font-size:13px;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.pos-retro{color:#ffb4a2;font-size:11px;margin-left:4px}
.pos-preview{
  padding:0 16px 6px;
  font-size:13.5px;line-height:1.55;color:var(--text-dim);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.pos-meta{padding:0 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pos-house{font-size:12px;color:var(--gold)}
.pos-more{
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);
  color:var(--cream);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:500;
  cursor:pointer;font-family:inherit;
  transition:background .2s,border-color .2s;
}
.pos-more:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}
.foot{margin-top:28px;text-align:center;font-size:12px;color:rgba(245,247,251,.4);line-height:1.5;opacity:0}

.paywall{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.paywall[hidden]{display:none!important}
.paywall-backdrop{position:absolute;inset:0;background:rgba(4,8,16,.72);backdrop-filter:blur(8px)}
.paywall-card{
  position:relative;z-index:1;width:min(440px,94vw);padding:28px 24px 22px;
  max-height:min(92vh,760px);overflow:auto;
}
.paywall-close{
  position:absolute;top:12px;right:14px;z-index:2;
  width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(255,255,255,.1);color:var(--text);font-size:22px;line-height:1;cursor:pointer;
}
.paywall-kicker{
  position:relative;z-index:1;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;
}
.paywall-title{
  position:relative;z-index:1;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:26px;font-weight:500;color:var(--gold-bright);margin-bottom:10px;
}
.paywall-teaser{
  position:relative;z-index:1;font-size:14px;line-height:1.55;color:var(--text-dim);margin-bottom:12px;
}
.paywall-timer{
  position:relative;z-index:1;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:28px;letter-spacing:.12em;color:var(--gold-bright);
  margin:0 0 12px;
}
.paywall-price-row{
  position:relative;z-index:1;
  display:flex;align-items:baseline;gap:12px;margin:0 0 14px;
}
.paywall-price-old{
  font-size:15px;color:var(--text-dim);text-decoration:line-through;opacity:.85;
}
.paywall-price-trial{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:34px;line-height:1;color:var(--gold-bright);font-weight:600;
}
.paywall-price-trial b{font-size:38px;font-weight:600}
.paywall-email{position:relative;z-index:1;margin:0 0 12px}
.paywall-email label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px}
.paywall-email input{
  width:100%;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.28);color:var(--cream,#fff8e6);padding:12px 14px;font:inherit;font-size:15px;
}
.paywall-email input.is-invalid{border-color:#e07a5f}
.paywall-email-err{margin:6px 0 0;font-size:12px;color:#e07a5f}
.paywall-email-err[hidden]{display:none!important}
.paywall-btn{position:relative;z-index:1;margin:0 0 18px!important;display:block}
.paywall-agree{position:relative;z-index:1;margin:0 0 4px;display:grid;gap:12px;text-align:left;clear:both}
.paywall-agree.is-shake{animation:natalPwShake .45s ease}
@keyframes natalPwShake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-6px)}
  40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}
  80%{transform:translateX(4px)}
}
.paywall-agree .pw-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;position:relative}
.paywall-agree .pw-check input{position:absolute;opacity:0;width:0;height:0}
.paywall-agree .pw-check__box{
  flex:0 0 auto;width:18px;height:18px;margin-top:1px;border-radius:5px;
  border:1px solid rgba(232,201,138,.55);background:rgba(0,0,0,.28);position:relative;
}
.paywall-agree .pw-check input:checked + .pw-check__box{
  background:rgba(232,201,138,.22);border-color:rgba(232,201,138,.9);
}
.paywall-agree .pw-check input:checked + .pw-check__box::after{
  content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;
  border:solid var(--gold-bright);border-width:0 2px 2px 0;transform:rotate(45deg);
}
.paywall-agree .pw-check__text{font-size:11.5px;line-height:1.45;color:var(--text-dim)}
.paywall-agree .pw-check:first-child .pw-check__text{font-size:13px;color:rgba(255,248,230,.82)}
.paywall-agree .pw-check__text a{color:var(--gold-bright)}
.paywall-legal{
  position:relative;z-index:1;margin:12px 0 0;
  font-size:12px;line-height:1.4;color:var(--text-dim);
}
.brand-eyebrow{margin:0 0 6px!important;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.brand-eyebrow a{color:inherit;text-decoration:none}
.brand h1{font-size:clamp(34px,7vw,56px)!important;line-height:1.05}

.planet-hit{cursor:pointer}
.planet-hit:hover{filter:drop-shadow(0 0 8px rgba(255,241,201,.95))}

@media (max-width:560px){
  .wheel-stage{padding:2px 0 4px}
  .wheel-tip{width:min(240px,78vw)}
}
@media (prefers-reduced-motion:reduce){
  .brand-mark .orbit,.btn-orbits i{animation:none!important}
  .panel,.brand p,.brand h1 .ch{opacity:1!important;transform:none!important}
}