/* r23: nav token machine, settings in the status bar, hero checklist panel, business button, SMALL BUSINESS, pricing v12 book page, pack modal */
.statusbar .tb-set{position:relative;justify-self:end}
.statusbar .tb-set .tool-btn{min-height:40px}
.statusbar .tb-set .set-panel{right:0;left:auto;top:calc(100% + 8px);z-index:2147483500;text-align:left}
.levelnav ul{align-items:stretch}
.levelnav .nav-acct a{border-color:#ffd23f!important}
.nav-tok{display:flex}
.tok-machine{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;cursor:pointer;background:#1b0a4a;border:3px solid #ff3fb4;box-shadow:3px 3px 0 #ffd23f;color:#ffd23f;padding:4px 10px;font:700 .72rem/1.1 "Press Start 2P",monospace;min-width:84px}
.tok-machine svg{display:block}
.tok-scr{position:absolute;top:13px;left:50%;transform:translateX(-50%);font-size:5px;line-height:1.15;color:#ffd23f;text-align:center;pointer-events:none;letter-spacing:0}
.tok-lbl{margin-top:2px;white-space:nowrap}
.tok-machine:hover,.tok-machine:focus-visible{background:#2a1458;outline:3px solid #22e6ff;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){html:not(.calm) .tok-machine:hover svg{transform:translateY(-2px)}}
/* hero checklist pops */
.v5-hero .trust{background:#140a3a;border:3px solid #ffd23f;box-shadow:5px 5px 0 #ff3fb4;padding:1rem 1.3rem;max-width:760px;margin:1.1rem auto .4rem;border-radius:4px}
.v5-hero .trust li{color:#fff;font-size:1.12rem;font-weight:600}
.hero-biz{margin:.9rem 0 .2rem;text-align:center}
.biz-btn{font-size:1.15rem!important;padding:.85rem 1.3rem!important;min-height:3.1rem}
/* SMALL BUSINESS big, title smaller */
.biz-big{font-family:"Press Start 2P",monospace;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.15;color:#ffd23f;text-shadow:4px 4px 0 #ff3fb4;margin:.2rem 0 .5rem;letter-spacing:.04em}
.biz-sub{font-size:clamp(1.05rem,2.2vw,1.4rem)!important;line-height:1.4!important;color:#fff!important;margin:0 0 1rem!important}
/* Book pricing v12 */
.bk-rate{max-width:980px;margin:.4rem auto 1rem;font-size:1.25rem}
.bk-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:980px;margin:0 auto 1.4rem}
.bk-item{padding:1.2rem;display:flex;flex-direction:column;gap:.35rem}.bk-item h3{margin:0;font-size:1.35rem}
.bk-packs-h{max-width:980px;margin:1.2rem auto .6rem}
.bk-packs{list-style:none;padding:0;max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.bk-packs li{padding:1.1rem;display:flex;flex-direction:column;gap:.35rem;text-align:center}
.bk-packs .bk-pn{font-size:1.3rem}.bk-packs .bk-price{font-size:2rem;font-weight:900;color:#fff}.bk-packs em{font-style:normal;color:#ffd23f;font-weight:700;min-height:1.4em}
.bk-packs .bk-buy{margin-top:auto;font-size:1.1rem}
@media(max-width:900px){.bk-menu{grid-template-columns:1fr}.bk-packs{grid-template-columns:1fr 1fr}}
/* pack modal */
.cd-packs{list-style:none;padding:0;margin:.8rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.cd-pack{display:flex;flex-direction:column;align-items:center;padding:.8rem .5rem;border:3px solid #22e6ff;background:#05051a;color:#fff!important;text-decoration:none;font-size:1.1rem;min-height:5rem}
.cd-pack span{font-size:1.5rem;font-weight:900;color:#ffd23f}.cd-pack em{font-style:normal;font-size:.9rem;color:#ff9fd6}
.cd-pack.on,.cd-pack:hover,.cd-pack:focus-visible{border-color:#ff3fb4;background:#2a1458;outline:3px solid #ffd23f}
.cd-box{max-height:92vh;overflow:auto}
html.light .cd-pack{background:#fff!important;color:#1d1236!important}html.light .cd-pack span{color:#a3006a}
html.light .v5-hero .trust{background:#fff!important}html.light .v5-hero .trust li{color:#1d1236!important}
html.light .biz-sub{color:#1d1236!important}
/* r24-light-galaxy: light mode keeps a soft starfield + pastel nebula */
html.light,html.light body{background:#fbf7ff!important}
html.light::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;transform:translateZ(0);background-image:
 radial-gradient(circle at 18% 22%,rgba(255,63,180,.16),transparent 38%),
 radial-gradient(circle at 82% 30%,rgba(143,123,255,.18),transparent 40%),
 radial-gradient(circle at 55% 80%,rgba(255,210,63,.16),transparent 42%),
 radial-gradient(circle,rgba(163,0,106,.45) 1px,transparent 1.6px),
 radial-gradient(circle,rgba(143,123,255,.45) 1px,transparent 1.6px),
 radial-gradient(circle,rgba(212,160,0,.5) 1.2px,transparent 1.8px)!important;
 background-size:100% 100%,100% 100%,100% 100%,97px 89px,151px 137px,211px 193px!important;
 background-position:0 0,0 0,0 0,13px 21px,71px 43px,37px 97px!important;}
html.light .v5-hero,html.light .hero,html.light .page-head,html.light section,html.light .v5-sec{background:transparent!important}
html.light section.alt,html.light .v5-sec.alt{background:rgba(243,235,255,.6)!important}
/* r25: light-galaxy drift removed (full-page repaint each frame) */
@keyframes kaLightDrift{to{background-position:0 0,0 0,0 0,110px 110px,-151px 137px,211px -193px}}
/* nav token machine keeps its arcade animation (coin drops into the slot, screen glows); still with Motion OFF */
.tok-machine{overflow:visible}
.tok-machine::before{content:"";position:absolute;left:50%;top:-6px;width:7px;height:7px;margin-left:-4px;background:#ffd23f;box-shadow:inset -2px -2px 0 #e0a800;opacity:0}
@media(prefers-reduced-motion:no-preference){
 html:not(.calm) .tok-machine::before{animation:tokDrop 4s ease-in 1.5s infinite}
 html:not(.calm) .tok-machine svg{animation:tokBob 4s ease-in-out infinite}
 html:not(.calm) .tok-scr{animation:tokGlow 4s ease-in-out infinite}}
@keyframes tokDrop{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1}24%{opacity:1;transform:translateY(30px)}27%,100%{opacity:0;transform:translateY(30px)}}
@keyframes tokBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes tokGlow{0%,22%,100%{color:#ffd23f}30%{color:#fff}}
.ka-perk-earn{border-color:#ffd23f!important;box-shadow:4px 4px 0 #ff3fb4!important}
html.light .statusbar .tb-mid,html.light .statusbar .tb-mid *{color:#1d1236!important;-webkit-text-fill-color:#1d1236!important}
html.light .statusbar .tb-set .tool-btn,html.light .statusbar .tb-set .tool-btn *{color:#1d1236!important;-webkit-text-fill-color:#1d1236!important;background:#fff!important}
/* r24-book-first */
.bk-hero .lead{max-width:760px;font-size:1.2rem}
.bk-hero .bk-packs{margin:1.2rem 0 1rem;max-width:none}
.bk-card{position:relative;padding:1.1rem 1rem 1.2rem!important;gap:.4rem!important}
.bk-badge{margin:0;align-self:center;font:700 .8rem/1 "Press Start 2P",monospace;color:#1b0a4a;background:#ffd23f;padding:.45rem .6rem}
.bk-badge-off{background:none}
.bk-pop{border-color:#ffd23f!important;box-shadow:0 0 0 3px #ffd23f inset,6px 6px 0 #ff3fb4!important}
.bk-save{color:#ffd23f;font-weight:800;min-height:1.4em}
.bk-for{font-size:1.02rem;line-height:1.45;color:#e6e2ff;min-height:3em}
.bk-trust{list-style:none;padding:0;margin:.4rem 0 .8rem;display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;font-size:1.08rem}
.bk-card2{max-width:980px;margin:0 auto 1rem;padding:1.4rem}
.bk-promise{max-width:980px;margin:1rem auto;padding:1.2rem 1.4rem;border-color:#ffd23f!important}
.bk-promise ul{margin:.4rem 0 0;padding-left:1.2rem;font-size:1.1rem;line-height:1.7}
html.light .bk-for{color:#3a2a5a!important}html.light .bk-badge{color:#1d1236!important}
/* r25 home business */
#business .biz-big{font-size:clamp(2.2rem,7vw,4.6rem)}
#business .biz-sub{font-family:inherit;font-weight:700;text-transform:none}
.biz-go{font-size:1.25rem!important;padding:1rem 1.6rem!important;min-height:56px}

/* r25 smoothness: gate loops for Motion OFF / reduced motion, hint compositor */
html.calm .fam-tile,html.calm .stars,html.calm .px-stars{animation:none!important}
@media(prefers-reduced-motion:reduce){.fam-tile,.stars,.px-stars{animation:none!important}}
.tok-machine svg,.cd-coin,.ka-tr,.reveal{will-change:transform}
/* r25: compositor-only loops */
@keyframes tokGlow{0%,22%,100%{opacity:1}30%{opacity:.6}}
html:not(.calm) .acct-nudge{animation:none!important;position:relative}
.tok-machine,.acct-nudge,.statusbar{contain:layout paint;isolation:isolate}
.tok-machine svg{transform:translateZ(0)}
