#aht-op-tab,#aht-op-panel,#aht-op-toast,#aht-op-agent{font-family:'Space Grotesk','JetBrains Mono',system-ui,sans-serif}
#aht-op-tab *,#aht-op-panel *,#aht-op-agent *{box-sizing:border-box}

/* ---- collapsed TAB on the left edge (vertically centred, clear of logo/footer) ---- */
#aht-op-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:2147480000;
 display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;
 background:linear-gradient(135deg,rgba(10,14,22,.97),rgba(15,23,52,.97));
 border:1px solid rgba(0,210,180,.4);border-left:none;border-radius:0 16px 16px 0;padding:14px 12px;color:#eef2f8;
 box-shadow:4px 6px 26px rgba(0,0,0,.5),0 0 18px rgba(0,210,180,.14);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
 transition:left .32s cubic-bezier(.4,0,.2,1),box-shadow .15s;animation:ahtTabIn .5s ease}
#aht-op-tab:hover{box-shadow:6px 8px 32px rgba(0,0,0,.6),0 0 26px rgba(0,210,180,.26)}
#aht-op-tab.open{left:300px}
#aht-op-tab.nudge{animation:ahtNudge 1.1s ease-in-out infinite}
@keyframes ahtTabIn{from{opacity:0;transform:translate(-100%,-50%)}to{opacity:1;transform:translateY(-50%)}}
@keyframes ahtNudge{0%,100%{margin-left:0}50%{margin-left:6px}}
.aht-op-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:23px;background:rgba(0,210,180,.12);border:1px solid rgba(0,210,180,.45)}
.aht-op-tablv{font-size:11px;font-weight:700;font-family:'JetBrains Mono',monospace;color:#7c6aff}
.aht-op-tabxp{width:40px;height:5px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}
.aht-op-tabxpfill{height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#00d2b4,#7c6aff);transition:width .5s}
.aht-op-tabcred{font-size:9.5px;font-family:'JetBrains Mono',monospace;color:#fcd34d}
.aht-op-tabtitle{font-size:8px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;background:linear-gradient(135deg,#00d2b4,#7c6aff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#00d2b4;margin-bottom:1px;animation:ahtTitleGlow 2.6s ease-in-out infinite}
@keyframes ahtTitleGlow{0%,100%{opacity:.75}50%{opacity:1}}
.aht-op-arrow{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:linear-gradient(135deg,#00d2b4,#7c6aff);color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 10px rgba(0,210,180,.55),0 0 18px rgba(124,106,255,.3);transition:transform .3s;animation:ahtArrowNudge 1.5s ease-in-out infinite}
@keyframes ahtArrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
#aht-op-tab.open .aht-op-arrow{transform:rotate(180deg);animation:none}
/* 🎁 "daily spin ready" badge on the collapsed rewards tab (cleared the instant the spin is used) */
#ahtOpSpinDot{position:absolute;top:-9px;right:-9px;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;text-shadow:0 1px 2px rgba(120,60,0,.5);background:linear-gradient(135deg,#ffe04a,#ff9000);box-shadow:0 2px 8px rgba(255,160,0,.6);border:1.5px solid #0b0f1c;z-index:3;pointer-events:none;animation:ahtNewPop 1.2s ease-in-out infinite}
/* slim dismissible guest strip at the very top of the page (in-flow → pushes the navbar down, no overlap) */
#aht-gbar{position:relative;z-index:2147479600;width:100%;max-width:100%;box-sizing:border-box;margin:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:7px 42px 7px 16px;font-family:'Space Grotesk',system-ui,sans-serif;font-size:12.5px;font-weight:600;line-height:1.35;color:#06121f;text-align:center;background:linear-gradient(135deg,#ffd84a,#ff9d00);box-shadow:0 2px 12px rgba(0,0,0,.28)}
#aht-gbar.ended{background:linear-gradient(135deg,#ff7a59,#ff3d6e);color:#fff}
#aht-gbar .aht-gbar-cta{border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:12px;padding:6px 16px;border-radius:999px;background:#0b0f1c;color:#ffd33d;box-shadow:0 2px 8px rgba(0,0,0,.3);white-space:nowrap}
#aht-gbar.ended .aht-gbar-cta{color:#fff;background:#181d33}
#aht-gbar .aht-gbar-cta:hover{transform:translateY(-1px)}
#aht-gbar .aht-gbar-x{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:15px;line-height:1;color:inherit;opacity:.65}
#aht-gbar .aht-gbar-x:hover{opacity:1}
@media(max-width:600px){#aht-gbar{font-size:11.5px;padding:6px 34px 6px 11px;gap:8px}#aht-gbar .aht-gbar-cta{padding:5px 12px}}

/* ---- PANEL that slides in from the left ---- */
#aht-op-panel{position:fixed;left:0;top:50%;transform:translate(-110%,-50%);z-index:2147480001;width:300px;max-width:86vw;
 max-height:92vh;overflow:auto;background:linear-gradient(135deg,rgba(10,14,22,.66),rgba(15,23,52,.66));
 border:1px solid rgba(0,210,180,.4);border-left:none;border-radius:0 18px 18px 0;padding:20px;color:#eef2f8;
 box-shadow:10px 18px 56px rgba(0,0,0,.55);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);transition:transform .32s cubic-bezier(.4,0,.2,1)}
#aht-op-panel.open{transform:translate(0,-50%)}
.aht-op-ph{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.aht-op-ph .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:rgba(0,210,180,.12);border:1px solid rgba(0,210,180,.45)}
.aht-op-ph .nm{font-weight:700;font-size:15px}.aht-op-ph .sub{font-size:10px;color:#6b7194;font-family:'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase}
.aht-op-prow{display:flex;justify-content:space-between;font-size:12px;margin:6px 0;color:#9aa0c0}
.aht-op-prow b{color:#fff;font-family:'JetBrains Mono',monospace}
/* cooler Level number — gradient + glow + gold star */
#ahtOpLv2{font-size:16px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,#00e8c6,#7c6aff 58%,#ff6ac1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7c6aff;filter:drop-shadow(0 0 5px rgba(0,210,180,.45))}
#ahtOpLv2::before{content:"★ ";font-size:12px;-webkit-text-fill-color:#ffd33d;color:#ffd33d;filter:drop-shadow(0 0 4px rgba(255,200,40,.6))}
.aht-op-lvlbl{text-transform:uppercase;letter-spacing:1.6px;font-weight:800;font-size:11px;background:linear-gradient(135deg,#00e8c6,#7c6aff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#00e8c6}
.aht-op-xpbar{height:9px;background:rgba(255,255,255,.09);border-radius:6px;overflow:hidden;margin:4px 0 12px}
.aht-op-xpfill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#00d2b4,#7c6aff);transition:width .55s;box-shadow:0 0 8px rgba(0,210,180,.5)}
.aht-op-ladder,.aht-op-earn{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
.aht-op-lh{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#00d2b4;margin-bottom:8px}
.aht-op-rank{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0;color:#6b7194}
.aht-op-rank.cur{color:#fff;font-weight:700}
.aht-op-rank .d{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;color:#4b5170}
.aht-op-earn{font-size:11.5px;color:#9aa0c0;line-height:1.7}
.aht-op-prow-x{color:#6b7194}
.aht-op-fold{margin-top:9px;border-top:none;padding-top:0}
.aht-op-fold>summary{cursor:pointer;list-style:none;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#d6efe9;font-weight:700;display:flex;align-items:center;gap:9px;outline:none;-webkit-user-select:none;user-select:none;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(0,210,180,.22);transition:background .2s,border-color .2s,box-shadow .2s}
.aht-op-fold>summary:hover{background:rgba(0,210,180,.1);border-color:rgba(0,210,180,.5);box-shadow:0 0 14px rgba(0,210,180,.18)}
.aht-op-fold[open]>summary{background:rgba(0,210,180,.09);border-color:rgba(0,210,180,.42);margin-bottom:8px}
.aht-op-fold>summary::-webkit-details-marker{display:none}
.aht-op-fold>summary::before{content:'❯';display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex:0 0 19px;border-radius:50%;background:linear-gradient(135deg,#00d2b4,#7c6aff);color:#fff;font-size:9px;font-weight:800;box-shadow:0 0 9px rgba(0,210,180,.45);transition:transform .25s}
.aht-op-fold[open]>summary::before{transform:rotate(90deg)}
.aht-op-fold>summary::after{content:'tap';margin-left:auto;font-size:8.5px;color:#7c89aa;text-transform:none;letter-spacing:.5px;font-weight:600;opacity:.85}
.aht-op-fold[open]>summary::after{content:'✕';font-size:10px;opacity:.7}
.aht-op-fold #ahtOpLadder,.aht-op-earn-list,.aht-op-fold #ahtOpLb,.aht-op-fold #ahtOpMlist{margin-top:9px}
#ahtOpMfold>summary{color:#ffe2a0;border-color:rgba(255,207,90,.32)}
#ahtOpMfold>summary:hover{background:rgba(255,207,90,.1);border-color:rgba(255,207,90,.55);box-shadow:0 0 14px rgba(255,207,90,.18)}
#ahtOpMfold[open]>summary{background:rgba(255,207,90,.09);border-color:rgba(255,207,90,.45)}
#ahtOpMfold>summary::before{background:linear-gradient(135deg,#ffcf5a,#ff9d2e);box-shadow:0 0 9px rgba(255,180,60,.5)}
.aht-op-mdone.ready{color:#ffcf5a;font-weight:700}
.aht-op-subcard{margin-top:9px}
.aht-op-subcard a,.aht-op-subcard .row{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:10px;text-decoration:none;font-size:11.5px;font-weight:700;color:#ffe2a0;background:linear-gradient(135deg,rgba(255,207,90,.14),rgba(255,122,89,.12));border:1px solid rgba(255,207,90,.45)}
.aht-op-subcard a:hover{box-shadow:0 0 13px rgba(255,180,60,.22)}
.aht-op-subcard .rw{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px;color:#ffd33d;white-space:nowrap}
.aht-op-subcard.done a,.aht-op-subcard.done .row{background:rgba(0,210,180,.1);border-color:rgba(0,210,180,.4);color:#00d2b4}
.aht-op-subcard.done .rw{color:#00d2b4}
.aht-rs-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#cdd3ea;margin-bottom:5px}
.aht-rs-row b{font-family:'JetBrains Mono',monospace;color:#fff}
.aht-rs-bar{height:7px;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden;margin-bottom:4px}
.aht-rs-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#00d2b4,#7c6aff);transition:width .5s}
.aht-rs-sub{font-size:10.5px;color:#8b91b5;margin-bottom:2px}
.aht-rs-sub b{color:#ffd33d}
#ahtOpReadFold>summary{color:#bfe3ff;border-color:rgba(0,160,255,.3)}
#ahtOpReadFold>summary::before{background:linear-gradient(135deg,#00b3ff,#7c6aff)}
#ahtOpAchFold>summary{color:#ffe2a0;border-color:rgba(255,207,90,.32)}
#ahtOpAchFold>summary::before{background:linear-gradient(135deg,#ffcf5a,#ff9d2e)}
.aht-op-achgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}
.aht-op-ach{position:relative;aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-size:20px;text-align:center}
.aht-op-ach.got{background:linear-gradient(135deg,rgba(255,207,90,.18),rgba(255,122,89,.14));border-color:rgba(255,207,90,.5);box-shadow:0 0 12px rgba(255,180,60,.2)}
.aht-op-ach.lock{filter:grayscale(1);opacity:.42}
.aht-op-ach em{font-size:7.5px;font-style:normal;line-height:1.1;color:#cdd3ea;font-weight:700;letter-spacing:.2px;padding:0 2px}
.aht-op-ach .chk{position:absolute;top:3px;right:4px;font-size:9px}
/* fancy neon scrollbar for the HUD panel / shop / leaderboard */
#aht-op-panel,#aht-shop,.aht-shop-card,.aht-lb-body{scrollbar-width:thin;scrollbar-color:#00d2b4 rgba(255,255,255,.05)}
#aht-op-panel::-webkit-scrollbar,#aht-shop::-webkit-scrollbar,.aht-shop-card::-webkit-scrollbar,.aht-lb-body::-webkit-scrollbar{width:9px;height:9px}
#aht-op-panel::-webkit-scrollbar-track,#aht-shop::-webkit-scrollbar-track,.aht-shop-card::-webkit-scrollbar-track,.aht-lb-body::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:12px;margin:6px 0}
#aht-op-panel::-webkit-scrollbar-thumb,#aht-shop::-webkit-scrollbar-thumb,.aht-shop-card::-webkit-scrollbar-thumb,.aht-lb-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d2b4,#7c6aff);border-radius:12px;border:2px solid transparent;background-clip:content-box;box-shadow:0 0 8px rgba(0,210,180,.4)}
#aht-op-panel::-webkit-scrollbar-thumb:hover,#aht-shop::-webkit-scrollbar-thumb:hover,.aht-shop-card::-webkit-scrollbar-thumb:hover,.aht-lb-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00e8c6,#917eff);background-clip:content-box;box-shadow:0 0 12px rgba(0,210,180,.65)}
#aht-op-panel::-webkit-scrollbar-corner,#aht-shop::-webkit-scrollbar-corner{background:transparent}
.aht-op-lbrow{display:flex;align-items:center;gap:7px;font-size:12px;padding:3px 4px;border-radius:6px;color:#9aa0c0}
.aht-op-lbrow .p{width:20px;text-align:center;flex:0 0 20px}.aht-op-lbrow .p b{font-family:'JetBrains Mono',monospace;font-size:10px;color:#6b7194}
.aht-op-lbrow .n{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0;overflow:hidden}
.aht-op-lbrow .nm{color:#e8eaf2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.aht-op-lbrow .ti{font-size:9px;font-weight:800;letter-spacing:.2px;color:#ffd33d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}
.aht-op-lbrow .l{font-family:'JetBrains Mono',monospace;font-size:11px;color:#00d2b4;font-weight:700}
.aht-op-lbrow.me{background:rgba(0,210,180,.12);color:#fff}
.aht-op-lbempty{font-size:11.5px;color:#6b7194}
#aht-lb-float{position:fixed;right:18px;bottom:18px;z-index:2147480001;width:248px;max-width:78vw;font-family:'Space Grotesk',system-ui,sans-serif;background:linear-gradient(135deg,rgba(10,14,22,.82),rgba(15,23,52,.82));border:1px solid rgba(0,210,180,.42);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 18px rgba(0,210,180,.14);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);overflow:hidden;color:#eef2f8;animation:ahtTabIn .5s ease}
.aht-lb-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#00d2b4}
#ahtLbToggle{display:flex!important;align-items:center;justify-content:center;width:20px!important;height:20px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important;border-radius:50%!important;background:linear-gradient(135deg,#00d2b4,#7c6aff)!important;color:#fff!important;border:none!important;cursor:pointer;font-size:9px!important;font-weight:800;line-height:1!important;box-shadow:0 0 7px rgba(0,210,180,.45);transition:transform .25s,box-shadow .2s;flex:0 0 20px;-webkit-appearance:none;appearance:none}
#ahtLbToggle:hover{transform:scale(1.18);box-shadow:0 0 12px rgba(0,210,180,.8)}
.aht-lb-tabs{display:flex;gap:4px}
.aht-lb-bar .aht-lb-tab{width:auto!important;height:auto!important;min-width:0!important;background:rgba(255,255,255,.06)!important;color:#9aa0c0!important;border:none!important;border-radius:8px!important;padding:5px 9px!important;margin:0!important;box-sizing:border-box!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.3px;cursor:pointer;font-family:'Space Grotesk',sans-serif!important;-webkit-appearance:none;appearance:none;text-transform:none;line-height:1.1!important;box-shadow:none!important}
.aht-lb-bar .aht-lb-tab.on{background:linear-gradient(135deg,#00d2b4,#7c6aff)!important;color:#06121f!important}
.aht-lb-body{max-height:300px;overflow:auto;padding:0 10px 11px;transition:max-height .3s ease,opacity .2s ease}
#aht-lb-float:not(.open) .aht-lb-body{max-height:0;opacity:0;padding-top:0;padding-bottom:0}
#aht-lb-float .aht-op-lbrow{font-size:12.5px;padding:5px 5px}
#aht-lb-float .aht-op-lbrow .r{font-size:13px}
@media(max-width:520px){#aht-lb-float{right:10px;bottom:10px;width:210px}}
/* Mobile/touch: leaderboard docked at the BOTTOM of the rewards panel (class added by JS), shown inline instead of floating over the page */
#aht-lb-float.in-panel{position:static!important;transform:none!important;inset:auto!important;width:100%!important;max-width:none!important;margin:10px 0 2px!important;border-radius:12px;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;animation:none!important;background:rgba(255,255,255,.04)!important}
#aht-lb-float.in-panel #ahtLbToggle{display:none!important}
#aht-lb-float.in-panel .aht-lb-body{max-height:240px}
.aht-op-me{display:flex;flex-direction:column;align-items:center;gap:4px;margin:2px 0 11px}
.aht-op-meav{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,210,180,.6);box-shadow:0 0 14px rgba(0,210,180,.35)}
.aht-op-meav.noimg{display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(0,210,180,.12)}
.aht-op-mename{font-weight:700;font-size:14px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aht-op-mesub{font-size:10px;color:#6b7194;text-transform:uppercase;letter-spacing:1px}
.aht-op-metitle{font-size:11px;font-weight:800;letter-spacing:.3px;color:#ffd33d;background:linear-gradient(135deg,rgba(255,211,61,.16),rgba(124,106,255,.16));border:1px solid rgba(255,211,61,.4);padding:2px 11px;border-radius:999px;margin-top:2px}
.aht-op-merow{display:flex;gap:8px}.aht-op-merow .aht-op-oauth{flex:1;margin:0}
.aht-op-logout3{flex:0 0 auto;display:flex;align-items:center;padding:0 13px;border-radius:10px;background:rgba(255,255,255,.06);color:#9aa0c0;font-size:11px;font-weight:600;text-decoration:none}
.aht-op-earn-list{font-size:11.5px;color:#9aa0c0;line-height:1.7}
/* saved-vs-guest status badge in the HUD (makes the value of signing in obvious) */
.aht-op-savestat{margin:10px 0 6px;padding:9px 11px;border-radius:10px;font-size:11.5px;font-weight:700;line-height:1.4;text-align:center}
.aht-op-savestat.saved{background:rgba(0,210,180,.12);border:1px solid rgba(0,210,180,.4);color:#3fe0c5}
.aht-op-savestat.guest{background:rgba(255,170,40,.12);border:1px solid rgba(255,170,40,.45);color:#ffd27a;cursor:pointer}
.aht-op-savestat.ended{background:rgba(255,90,90,.12);border:1px solid rgba(255,90,90,.5);color:#ff9a8a;cursor:pointer}
.aht-op-savestat .sub{display:block;margin-top:3px;font-weight:500;font-size:11px;opacity:.92}
.aht-op-savestat b{color:#fff}
.aht-op-signin{display:block;text-align:center;margin-top:14px;padding:10px;border-radius:10px;background:linear-gradient(135deg,#00d2b4,#7c6aff);color:#06121f;font-weight:700;font-size:12.5px;text-decoration:none}
.aht-op-close{position:absolute;top:10px;right:12px;cursor:pointer;color:#6b7194;font-size:15px;background:none;border:none}
.aht-op-authrow{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.aht-op-oauth{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;border-radius:10px;font-weight:700;font-size:12.5px;text-decoration:none;border:1px solid rgba(255,255,255,.14);transition:transform .12s}
.aht-op-oauth:hover{transform:translateY(-1px)}
.aht-op-oauth.g{background:#fff;color:#222}
.aht-op-oauth.gh{background:#1f2430;color:#fff}
.aht-op-authnote{font-size:11px;color:#6b7194;text-align:center;margin-top:10px}
.aht-op-loggedin{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:12px}
.aht-op-loggedin .who{color:#00d2b4;font-weight:700}
.aht-op-logout{color:#9aa0c0;text-decoration:underline;font-size:11px}
#aht-shop{position:fixed;inset:0;z-index:2147480005;display:none;align-items:center;justify-content:center;background:rgba(3,6,14,.74);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}
#aht-shop.open{display:flex}
.aht-shop-intro{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:rgba(6,10,22,.86);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}
.aht-si-box{display:flex;align-items:flex-end;gap:12px;max-width:430px;animation:ahtSiIn .4s cubic-bezier(.2,1.3,.4,1)}
@keyframes ahtSiIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.aht-si-lyra{flex:0 0 80px;width:80px;height:auto;pointer-events:none;filter:drop-shadow(0 6px 16px rgba(0,210,180,.45))}
.aht-si-txt{background:#0f1734;border:1px solid rgba(0,210,180,.45);border-radius:16px;padding:15px 16px;color:#eef2f8;font-size:13.5px;line-height:1.55;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.aht-si-go{margin-top:12px;border:none;border-radius:10px;padding:9px 18px;font-weight:800;font-size:13px;cursor:pointer;font-family:'Space Grotesk',sans-serif;background:linear-gradient(135deg,#00e0be,#7c6aff);color:#06121f}
.aht-si-skip{position:absolute;top:14px;right:16px;z-index:3;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#cdd3ea;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Space Grotesk',sans-serif;transition:background .15s,color .15s}
.aht-si-skip:hover{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:520px){.aht-si-lyra{flex:0 0 58px;width:58px}.aht-si-box{gap:8px}.aht-si-txt{font-size:12.5px}}
.aht-shop-card{position:relative;width:680px;max-width:94vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(11,15,28,.99),rgba(15,23,52,.99));border:1px solid rgba(0,210,180,.4);border-radius:20px;padding:0 22px 22px;color:#eef2f8;box-shadow:0 24px 70px rgba(0,0,0,.7);font-family:'Space Grotesk',sans-serif}
/* game-inventory shop: category tabs */
.aht-shop-tabs{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:14px 0 4px;flex:0 0 auto;scrollbar-width:thin}
.aht-shop-tabs::-webkit-scrollbar{height:5px}.aht-shop-tabs::-webkit-scrollbar-thumb{background:rgba(0,210,180,.4);border-radius:6px}
.aht-shop-tab{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px;padding:8px 11px;border-radius:13px;cursor:pointer;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#cdd3ea;font-family:'Space Grotesk',sans-serif;transition:transform .12s,background .15s,border-color .15s}
.aht-shop-newdot{position:absolute;top:-7px;right:-6px;min-width:18px;height:18px;padding:0 3px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;border-radius:999px;background:linear-gradient(135deg,#ff5470,#ff8a3d);color:#fff;box-shadow:0 2px 7px rgba(255,84,112,.6);border:1.5px solid #0b0f1c;animation:ahtNewPop 1.2s ease-in-out infinite}
@keyframes ahtNewPop{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
/* 🆕 emoji badge for newly-added shop items (mystery-box wins keep the 🎁 dot). */
.aht-badge-new{position:absolute;z-index:3;line-height:1;font-size:17px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));animation:ahtNewPop 1.3s ease-in-out infinite}
.aht-badge-new.item{top:-9px;right:-9px;left:auto;font-size:19px}
/* red inline "NEW" tag before an item's name (fully visible, never clipped by the scroll pane) */
.aht-newtag{display:inline-block;background:linear-gradient(135deg,#ff3b5c,#e0102e);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:8px;font-weight:800;letter-spacing:.6px;padding:2px 5px;border-radius:5px;margin-right:5px;vertical-align:middle;box-shadow:0 1px 5px rgba(255,40,80,.55);animation:ahtNewPop 1.25s ease-in-out infinite}
/* same red NEW pill, positioned as a corner badge on a category tab / shop button */
.aht-newtag-pos{position:absolute;z-index:3;margin-right:0;pointer-events:none}
.aht-newtag-pos.tab{top:-8px;right:-6px}
.aht-newtag-pos.btn{top:-10px;right:-13px}
.aht-badge-new.tab{top:-10px;right:-8px;font-size:15px}
.aht-badge-new.btn{top:-12px;right:-15px;font-size:20px}
.aht-shop-tab:hover{transform:translateY(-1px);border-color:rgba(0,210,180,.45)}
.aht-shop-tab .ti{font-size:19px;line-height:1}
.aht-shop-tab .tl{font-size:11.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
.aht-shop-tab .tc{font-size:9px;font-family:'JetBrains Mono',monospace;color:#8b91b5}
.aht-shop-tab.on{background:linear-gradient(135deg,#00d2b4,#7c6aff);border-color:transparent;color:#06121f;box-shadow:0 4px 16px rgba(0,210,180,.32)}
.aht-shop-tab.on .tc{color:rgba(6,18,31,.72)}
/* two panes: Shop (buy) + Inventory (own) */
.aht-shop-cols{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:12px}
.aht-shop-col{display:flex;flex-direction:column;min-height:0;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.07);border-radius:15px;padding:11px 11px 9px}
.aht-shop-col.inv{background:rgba(124,106,255,.07);border-color:rgba(124,106,255,.24)}
.aht-shop-coltitle{flex:0 0 auto;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;letter-spacing:.3px;color:#eaf6f3;margin:1px 2px 10px}
.aht-shop-col.inv .aht-shop-coltitle{color:#d6cdff}
.aht-shop-coltitle .t{margin-right:auto}
.aht-shop-coltitle .n{font-family:'JetBrains Mono',monospace;font-size:10px;color:#8b91b5;background:rgba(255,255,255,.06);padding:2px 8px;border-radius:11px}
.aht-shop-coltitle .nlbl{font-size:9px;color:#8b91b5;margin-left:5px;letter-spacing:.3px;font-weight:600}
.aht-shop-colbody{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding-right:4px}
.aht-shop-item.equipped{border-color:rgba(124,106,255,.6);background:rgba(124,106,255,.12)}
.aht-shop-empty{font-size:11.5px;color:#7c83a6;text-align:center;line-height:1.6;padding:26px 10px}
@media(max-width:600px){.aht-shop-cols{grid-template-columns:1fr;overflow-y:auto}.aht-shop-col{min-height:auto}.aht-shop-colbody{overflow:visible}.aht-shop-tab{min-width:62px;padding:7px 9px}}
/* desktop: widen the shop modal and let all 11 category tabs wrap instead of scrolling left/right */
@media(min-width:760px){.aht-shop-card{width:960px}.aht-shop-tabs{flex-wrap:wrap;overflow-x:visible;justify-content:center}}
.aht-pw-card{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:12px;margin-bottom:10px}
.aht-pw-card.off{opacity:.62;filter:grayscale(.5)}
.aht-pw-ic{font-size:25px;flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,rgba(0,210,180,.2),rgba(124,106,255,.2));border:1px solid rgba(0,210,180,.35)}
.aht-pw-info{flex:1;min-width:0}.aht-pw-name{font-size:13.5px;font-weight:800}.aht-pw-desc{font-size:11px;color:#9aa0c0;line-height:1.45;margin-top:2px}
.aht-pw-btn{flex:0 0 auto;border:none;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer;font-family:'Space Grotesk',sans-serif;background:linear-gradient(135deg,#ffe07a,#ffb02e);color:#3a2400}
.aht-pw-btn:disabled{background:#2a3344;color:#6b7194;cursor:not-allowed}
.aht-pw-have{display:flex;align-items:center;gap:9px;background:rgba(0,210,180,.1);border:1px solid rgba(0,210,180,.3);border-radius:12px;padding:12px;font-size:13px;margin-bottom:9px}
.aht-pw-have .ic{font-size:22px}.aht-pw-have b{font-size:16px;color:#00e8c6}
#aht-trail-layer{position:fixed;inset:0;pointer-events:none;z-index:2147479400}
.aht-trailp{position:fixed;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;pointer-events:none;will-change:transform,opacity;animation:ahtTrail .65s ease-out forwards;display:flex;align-items:center;justify-content:center;line-height:1}
@keyframes ahtTrail{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(.3) translateY(10px)}}
@keyframes ahtNameRain{to{background-position:200% center}}
.aht-bdg{filter:drop-shadow(0 0 3px rgba(0,0,0,.4))}
/* Pets are clickable: hand cursor (override the custom-cursor's global cursor:none) + a happy
   bounce on click. .petjump beats .aht-navpet's idle wiggle via higher specificity. */
.aht-pet-slot,.aht-pet-slot *{cursor:pointer!important}
@keyframes ahtPetJump{0%{transform:translateY(0)}20%{transform:translateY(-13px) scale(1.08)}40%{transform:translateY(0) scaleY(.86)}60%{transform:translateY(-7px) scaleY(1.04)}80%{transform:translateY(0) scaleY(1)}100%{transform:translateY(0)}}
.aht-pet-slot.petjump{animation:ahtPetJump .6s ease!important}
/* "Menagerie" character pets carry named parts (.wrap .float .eye .pupil .tail .antenna) that the
   autonomous JS engine animates — these transform-box rules make those transforms behave exactly
   like the standalone designs they came from. Scoped to pet slots so nothing else is affected. */
.aht-pet-slot .wrap{transform-box:fill-box;transform-origin:50% 94%}
.aht-pet-slot .float{transform-box:fill-box;animation:ahtPetHover 3.2s ease-in-out infinite}
.aht-pet-slot .eye{transform-box:fill-box;transform-origin:center}
.aht-pet-slot .pupil{transform-box:fill-box;transform-origin:center}
.aht-pet-slot .tail{transform-box:fill-box}
.aht-pet-slot .antenna{transform-box:fill-box}
@keyframes ahtPetHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.aht-shop-x{position:absolute;top:10px;right:12px;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0!important;margin:0!important;width:30px;height:30px;line-height:30px;text-align:center;color:#cfd4e6!important;font-size:18px;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:8px;z-index:6;transition:background .15s}
.aht-shop-x:hover{background:rgba(255,255,255,.14)!important}
.aht-shop-h{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:800;font-size:22px;margin:0 -24px;padding:20px 60px 16px 24px;background:linear-gradient(160deg,rgba(11,15,28,.99),rgba(15,23,52,.99));border-bottom:1px solid rgba(0,210,180,.22)}
.aht-shop-h>span:first-child{background:linear-gradient(135deg,#00e8c6,#7c6aff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#00d2b4}
.aht-shop-bal{flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:800;color:#ffd84a;background:linear-gradient(135deg,#1b2142,#0d1020);border:1px solid rgba(255,200,80,.55);padding:6px 13px;border-radius:20px;box-shadow:0 0 14px rgba(255,180,60,.28),inset 0 0 0 1px rgba(255,255,255,.04)}
.aht-shop-sub{font-size:12.5px;color:#9aa0c0;margin:12px 0 2px;line-height:1.5}
.aht-shop-cat{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:800;letter-spacing:.2px;color:#eaf6f3;margin:24px 0 13px;padding-bottom:9px;border-bottom:1px solid rgba(124,106,255,.28)}
.aht-shop-cat .ci{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;background:linear-gradient(135deg,rgba(0,210,180,.24),rgba(124,106,255,.24));border:1px solid rgba(0,210,180,.4);box-shadow:0 0 12px rgba(0,210,180,.18)}
.aht-shop-cat .cc{margin-left:auto;font-size:11px;font-weight:600;color:#8b91b5;font-family:'JetBrains Mono',monospace;background:rgba(255,255,255,.05);padding:3px 9px;border-radius:20px}
.aht-shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
/* item card: ONE compact line — [dot + name/cost] ........ [preview + buy] */
.aht-shop-item{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:6px 8px;display:flex;flex-direction:row;align-items:center;gap:7px;transition:border-color .15s,background .15s,transform .12s}
.aht-shop-top{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.aht-shop-acts{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.aht-shop-item.isnew{border-color:rgba(255,84,112,.55);box-shadow:0 0 0 1px rgba(255,84,112,.3),0 6px 18px rgba(255,84,112,.16)}
.aht-shop-itembadge{position:absolute;top:-8px;left:-7px;min-width:20px;height:20px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;border-radius:999px;background:linear-gradient(135deg,#ff5470,#ff8a3d);color:#fff;box-shadow:0 2px 8px rgba(255,84,112,.6);border:1.5px solid #0b0f1c;z-index:2;animation:ahtNewPop 1.2s ease-in-out infinite}
.aht-shop-item:hover{border-color:rgba(0,210,180,.4);background:rgba(0,210,180,.06);transform:translateY(-1px)}
.aht-shop-dot{width:19px;height:19px;border-radius:50%;flex:0 0 19px;box-shadow:0 0 10px rgba(0,0,0,.4)}
.aht-shop-dot.emo{background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;font-size:19px}
.aht-shop-bar{width:34px;height:18px;border-radius:5px;flex:0 0 34px;box-shadow:0 0 8px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12)}
.aht-op-missions{margin-top:14px}
.aht-op-mdone{font-size:11px;color:#00d2b4;font-weight:700;margin-left:4px}
.aht-op-mreset{font-size:10px;color:#4b5170;margin-top:3px}
.aht-op-m{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 9px;margin-bottom:7px}
.aht-op-m.done{opacity:.55}
.aht-op-m-ic{font-size:17px;flex:0 0 auto;width:20px;text-align:center}
.aht-op-m-mid{flex:1;min-width:0}
.aht-op-m-lbl{font-size:12px;font-weight:600;margin-bottom:4px}
.aht-op-m-bar{height:5px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}
.aht-op-m-fill{height:100%;background:linear-gradient(90deg,#00d2b4,#00ffea);border-radius:4px;transition:width .4s}
.aht-op-m-claim{border:none;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#00d2b4,#00b3a0);color:#04221d;font-family:'Space Grotesk',sans-serif;white-space:nowrap;animation:ahtPulse 1.4s ease-in-out infinite}
@keyframes ahtPulse{50%{box-shadow:0 0 12px rgba(0,210,180,.7)}}
.aht-op-m-rw{font-size:11px;font-weight:700;color:#6b7194;white-space:nowrap}
.aht-op-m-rw.done{color:#00d2b4}
.aht-shop-sep{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:10.5px;letter-spacing:.8px;color:#cdd3ea;font-weight:700;margin:11px 0 2px;padding:4px 11px;border-radius:20px;background:rgba(124,106,255,.14);border:1px solid rgba(124,106,255,.3)}
.aht-shop-item.locked{opacity:.5}
.aht-shop-btn.claimable{background:linear-gradient(90deg,#ffd33d,#ff9d00)!important;color:#3a2400!important;animation:ahtPulse 1.4s ease-in-out infinite}
.aht-shop-info{flex:1;min-width:0}
.aht-shop-name{font-size:12px;font-weight:700;line-height:1.2;color:#eef2f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aht-shop-cost{font-size:10px;color:#9aa0c0;font-family:'JetBrains Mono',monospace;margin-top:1px}
.aht-shop-btn{flex:0 0 auto;border:none;border-radius:8px;padding:5px 11px;font-size:10.5px;font-weight:800;cursor:pointer;font-family:'Space Grotesk',sans-serif;white-space:nowrap;text-align:center;letter-spacing:.2px;transition:transform .1s,filter .15s,box-shadow .15s}
.aht-shop-btn:not(:disabled):hover{filter:brightness(1.08)}
.aht-shop-btn:not(:disabled):active{transform:scale(.95)}
.aht-shop-btn.buy{background:linear-gradient(135deg,#00e8c6,#00b59c);color:#04221d;box-shadow:0 4px 12px rgba(0,210,180,.32)}
.aht-shop-btn.buy.claimable{background:linear-gradient(135deg,#ffd54a,#ff9d2e);color:#3a2600;box-shadow:0 4px 12px rgba(255,180,60,.32)}
.aht-shop-btn.buy:disabled{background:#222a3a;color:#6b7194;cursor:not-allowed;box-shadow:none}
.aht-shop-btn.equip{background:rgba(0,210,180,.14);color:#3fe9cf;border:1.5px solid rgba(0,210,180,.7)}
.aht-shop-btn.eq{background:linear-gradient(135deg,#7c6aff,#9b8bff);color:#fff;box-shadow:0 4px 12px rgba(124,106,255,.35)}
/* "feel that you bought it" — a green flash + check when you press buy */
.aht-shop-btn.bought{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#04221d!important;animation:ahtBought .5s ease}
@keyframes ahtBought{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.aht-shop-item.justbought{animation:ahtCardBuy .6s ease}
@keyframes ahtCardBuy{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}100%{box-shadow:0 0 0 14px rgba(52,211,153,0)}}
@media(max-width:520px){.aht-shop-grid{grid-template-columns:1fr}}

/* ---- AI AGENT onboarding pop (new visitors) ---- */
/* bottom:96px keeps Lyra clear of the bottom-left scroll-to-top arrow (≈30px+45px tall) so she never covers it */
#aht-op-agent{position:fixed;left:18px;bottom:96px;z-index:2147480002;display:flex;align-items:flex-end;gap:10px;cursor:pointer;animation:ahtAgentIn .55s cubic-bezier(.2,1.4,.4,1)}
.aht-op-ava{width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;
 background:radial-gradient(circle at 32% 28%,rgba(0,210,180,.4),rgba(15,23,52,.96));border:2px solid rgba(0,210,180,.65);
 box-shadow:0 0 24px rgba(0,210,180,.45);animation:ahtFloat 2.4s ease-in-out infinite}
.aht-op-bubble{position:relative;max-width:244px;background:#0f1734;border:1px solid rgba(0,210,180,.4);color:#eef2f8;border-radius:14px;
 padding:12px 14px 12px;font-size:12.5px;line-height:1.5;box-shadow:0 14px 34px rgba(0,0,0,.55)}
.aht-op-bubble:after{content:'';position:absolute;left:-7px;bottom:14px;border:7px solid transparent;border-right-color:#0f1734;border-left:0}
.aht-op-bubble .more{display:block;margin-top:7px;color:#00d2b4;font-weight:700;font-size:11.5px}
.aht-op-bubble .x{position:absolute;top:5px;right:9px;color:#6b7194;font-size:13px;font-weight:700}
.aht-op-lyra{flex:0 0 74px;width:74px;height:128px;pointer-events:none}
.aht-op-lyimg{width:100%;height:100%;object-fit:contain;object-position:bottom;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.aht-op-bubble .say{display:block}
.aht-op-bubble .more.hide{opacity:0}
@media(max-width:520px){.aht-op-lyra{flex:0 0 58px;width:58px;height:100px}}
@keyframes ahtAgentIn{from{opacity:0;transform:translateY(34px) scale(.9)}to{opacity:1;transform:none}}
@keyframes ahtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ---- toasts (bottom centre) ---- */
#aht-op-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2147480003;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.aht-op-t{background:rgba(10,16,28,.14);-webkit-backdrop-filter:blur(15px) saturate(1.3);backdrop-filter:blur(15px) saturate(1.3);color:#eafff9;font-weight:700;font-size:13px;padding:10px 18px;border-radius:12px;border:1px solid rgba(0,210,180,.55);font-family:'JetBrains Mono',monospace;box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 16px rgba(0,210,180,.22);text-shadow:0 1px 6px rgba(0,0,0,.55);animation:ahtT 2.4s ease forwards}
.aht-op-t.lvl{background:rgba(255,160,40,.16);border-color:rgba(255,200,90,.6);color:#ffe9b8;font-size:15px;padding:13px 22px;box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 18px rgba(255,170,50,.3)}
@keyframes ahtT{0%{opacity:0;transform:translateY(14px)}10%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
@media(max-width:520px){#aht-op-panel{width:84vw}#aht-op-tab.open{left:84vw}.aht-op-bubble{max-width:200px}}
/* Get the floating HUD out of the way while the mobile site menu / search panel is open — it must never cover them.
   2026-08-22: #aht-gbar and #aht-lb-float were missing from this list. The mobile menu is
   z-index 99999 (menu.css:564) while the guest bar sits at 2147479600 and the leaderboard at
   2147480001, so both painted straight over the open menu — you had to dismiss the trial bar
   before you could use or close the menu. visibility (not display) keeps #aht-gbar's in-flow
   height, so nothing jumps when the menu closes. */
body.blog-over-menu-open #aht-op-tab,body.blog-over-menu-open #aht-op-agent,body.blog-over-menu-open #aht-readtimer,body.blog-over-menu-open #aht-gbar,body.blog-over-menu-open #aht-lb-float,
body.blog-over-search-open #aht-op-tab,body.blog-over-search-open #aht-op-agent,body.blog-over-search-open #aht-readtimer,body.blog-over-search-open #aht-gbar,body.blog-over-search-open #aht-lb-float{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
/* On phones, collapse the rewards tab to a slim edge handle (just the rank icon + arrow) so it stops covering article text. Full stats show when you open it. */
@media(max-width:900px){
  #aht-op-tab{padding:8px 5px;gap:4px}
  #aht-op-tab .aht-op-tabtitle,#aht-op-tab .aht-op-tablv,#aht-op-tab .aht-op-tabxp,#aht-op-tab .aht-op-tabcred{display:none}
  #aht-op-tab .aht-op-badge{width:32px;height:32px;font-size:17px}
  #aht-op-tab .aht-op-arrow{width:18px;height:18px;font-size:9px}
}

/* ---- Daily reward wheel ---- */
#aht-wheel{position:fixed;inset:0;z-index:2147480006;display:none;align-items:center;justify-content:center;background:rgba(3,6,14,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}
#aht-wheel.open{display:flex}
.aht-wheel-card{position:relative;width:330px;max-width:92vw;background:linear-gradient(160deg,rgba(11,15,28,.99),rgba(15,23,52,.99));border:1px solid rgba(0,210,180,.4);border-radius:22px;padding:22px 22px 24px;color:#eef2f8;box-shadow:0 24px 70px rgba(0,0,0,.7);text-align:center;font-family:'Space Grotesk',sans-serif}
.aht-wheel-card h3{margin:0 0 3px;font-size:20px;background:linear-gradient(135deg,#00e8c6,#7c6aff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aht-wheel-card .sub{font-size:12px;color:#9aa0c0;margin-bottom:14px}
.aht-wheel-wrap{position:relative;width:246px;height:246px;margin:6px auto 16px}
.aht-wheel{width:100%;height:100%;border-radius:50%;position:relative;transition:transform 3.2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 0 7px rgba(255,255,255,.06),0 0 0 10px rgba(0,210,180,.45),0 14px 40px rgba(0,0,0,.5)}
.aht-wheel .lbl{position:absolute;left:50%;top:50%;font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:800;color:#06121f;transform-origin:0 0;text-shadow:0 1px 1px rgba(255,255,255,.35)}
.aht-wheel-hub{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,#0f1734,#1a2452);border:2px solid rgba(0,210,180,.6);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 0 16px rgba(0,210,180,.5);z-index:3}
.aht-wheel-ptr{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:20px solid #ffd33d;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));z-index:4}
.aht-wheel-go{margin-top:2px;border:none;border-radius:12px;padding:13px 26px;font-size:15px;font-weight:800;cursor:pointer;font-family:'Space Grotesk',sans-serif;background:linear-gradient(135deg,#ffd33d,#ff9d00);color:#3a2400;box-shadow:0 6px 20px rgba(255,160,0,.4);transition:transform .12s,box-shadow .2s}
.aht-wheel-go:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(255,160,0,.6)}
.aht-wheel-go:disabled{background:#2a3344;color:#6b7194;cursor:not-allowed;box-shadow:none}
.aht-wheel-res{min-height:20px;margin-top:11px;font-size:14px;font-weight:700;color:#ffd33d}
.aht-wheel-x{position:absolute;top:9px;right:12px;background:none;border:none;color:#cfd4e6;font-size:18px;cursor:pointer}
.aht-op-spinbtn{display:block;width:100%;text-align:center;margin-top:9px;padding:10px;border-radius:10px;border:none;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:12.5px;color:#3a2400;background:linear-gradient(135deg,#ffd33d,#ff9d00);box-shadow:0 0 16px rgba(255,170,40,.35);animation:ahtPulse 1.6s ease-in-out infinite}
.aht-op-spinbtn:disabled{background:rgba(255,255,255,.06);color:#6b7194;box-shadow:none;animation:none;cursor:default}
.aht-op-soundrow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;font-size:11px;color:#9aa0c0;cursor:pointer;-webkit-user-select:none;user-select:none}
.aht-op-soundrow .sw{width:34px;height:18px;border-radius:10px;background:rgba(255,255,255,.12);position:relative;transition:background .2s}
.aht-op-soundrow .sw i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#9aa0c0;transition:left .2s,background .2s}
.aht-op-soundrow.on .sw{background:rgba(0,210,180,.5)}.aht-op-soundrow.on .sw i{left:18px;background:#00ffd5}

/* ---- Juicy FX: level-up flash + particles ---- */
#aht-fx{position:fixed;inset:0;z-index:2147480004;pointer-events:none;overflow:hidden}
.aht-fx-flash{position:fixed;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,211,77,.5),rgba(124,106,255,.22) 40%,transparent 70%);opacity:0;animation:ahtFlash 1.1s ease-out forwards}
@keyframes ahtFlash{0%{opacity:0;transform:scale(.8)}18%{opacity:1}100%{opacity:0;transform:scale(1.25)}}
.aht-fx-lvl{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%) scale(.6);text-align:center;font-family:'Space Grotesk',sans-serif;opacity:0;animation:ahtLvlPop 1.6s cubic-bezier(.2,1.5,.4,1) forwards}
.aht-fx-lvl b{display:block;font-size:46px;font-weight:800;background:linear-gradient(135deg,#ffd33d,#ff7a59);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,180,60,.6)}
.aht-fx-lvl span{font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#00ffd5}
@keyframes ahtLvlPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1)}}
.aht-particle{position:fixed;font-size:18px;will-change:transform,opacity;animation:ahtPart 1.1s ease-out forwards}
@keyframes ahtPart{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}
/* reading-time gate widget (single posts only) */
#aht-readtimer{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2147480003;display:flex;align-items:center;gap:11px;
  padding:9px 16px 9px 10px;border-radius:40px;background:linear-gradient(135deg,rgba(18,23,34,.96),rgba(26,20,48,.96));
  border:1px solid rgba(124,106,255,.45);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 1px rgba(0,255,213,.08) inset;
  font-family:'Space Grotesk',sans-serif;color:#dfe9ec;opacity:0;animation:ahtRtIn .5s ease forwards;max-width:88vw}
@keyframes ahtRtIn{from{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
#aht-readtimer.fade{opacity:0;transition:opacity .6s ease;transform:translateX(-50%) translateY(10px)}
#aht-readtimer.done{border-color:rgba(0,255,213,.6)}
.aht-rt-ring{position:relative;width:38px;height:38px;flex:0 0 38px}
.aht-rt-ring svg{width:38px;height:38px;transform:rotate(-90deg)}
.aht-rt-bg{fill:none;stroke:rgba(255,255,255,.12);stroke-width:3}
.aht-rt-fg{fill:none;stroke:url(#ahtRtGrad);stroke:#00ffd5;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .9s linear}
#aht-readtimer.done .aht-rt-fg{stroke:#00ffb0}
.aht-rt-ic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px}
.aht-rt-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.aht-rt-t1{font-size:12.5px;font-weight:700;color:#fff}
.aht-rt-t2{font-size:11px;font-weight:600;color:#9fb2c8}
#aht-readtimer.done .aht-rt-t2{color:#00ffb0}
@media(max-width:560px){#aht-readtimer{bottom:70px;padding:7px 13px 7px 8px;gap:9px}.aht-rt-t1{font-size:11.5px}.aht-rt-t2{font-size:10px}}  /* lifted above the bottom-right leaderboard widget on phones */
/* "Read & earn" notice at the top of the blog listing page */
.aht-blog-note{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:15px 18px;border-radius:16px;
  background:linear-gradient(135deg,rgba(0,210,180,.14),rgba(124,106,255,.14));border:1px solid rgba(0,210,180,.35);
  box-shadow:0 6px 22px rgba(0,0,0,.12);font-family:'Space Grotesk',sans-serif;position:relative;overflow:hidden}
.aht-blog-note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#00d2b4,#7c6aff)}
.aht-blog-note .aht-bn-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#00d2b4,#7c6aff);box-shadow:0 4px 14px rgba(0,210,180,.35)}
.aht-blog-note .aht-bn-tx{min-width:0}
.aht-blog-note .aht-bn-h{font-size:15.5px;font-weight:800;color:var(--blog-over-heading-color,#11182b);margin:0 0 2px;letter-spacing:.2px}
.aht-blog-note .aht-bn-p{font-size:12.8px;line-height:1.5;color:var(--blog-over-text-color,#55607a);margin:0}
.aht-blog-note .aht-bn-p b{color:#00a892}
body.blog-over-dark-mode .aht-blog-note .aht-bn-h{color:#eef2ff}
body.blog-over-dark-mode .aht-blog-note .aht-bn-p{color:#aab4cc}
body.blog-over-dark-mode .aht-blog-note .aht-bn-p b{color:#3fe0c5}
@media(max-width:560px){.aht-blog-note{gap:11px;padding:13px 14px}.aht-blog-note .aht-bn-ic{width:40px;height:40px;font-size:21px}.aht-blog-note .aht-bn-h{font-size:14px}.aht-blog-note .aht-bn-p{font-size:12px}}
/* Blog filter bar (replaces the 3 sidebar boxes) — Archive/Category tabs + dropdown + Playbook btn */
.aht-blogfilter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:11px 13px;border-radius:14px;
  background:linear-gradient(135deg,rgba(0,210,180,.12),rgba(124,106,255,.12));border:1px solid rgba(0,210,180,.32);box-shadow:0 5px 18px rgba(0,0,0,.1);font-family:'Space Grotesk',sans-serif}
.aht-bf-tabs{display:flex;gap:5px;flex:0 0 auto;background:rgba(0,0,0,.14);padding:4px;border-radius:11px}
.aht-bf-tab{border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:12.5px;padding:7px 12px;border-radius:8px;color:#5c6a86;background:transparent;transition:.15s;white-space:nowrap}
body.blog-over-dark-mode .aht-bf-tabs{background:rgba(255,255,255,.08)}
body.blog-over-dark-mode .aht-bf-tab{color:#dbe4f7}
body.blog-over-dark-mode .aht-bf-tab:not(.on):hover{color:#fff;background:rgba(255,255,255,.08)}
.aht-bf-tab.on{background:linear-gradient(135deg,#00d2b4,#7c6aff);color:#06121f}
.aht-bf-select{flex:1 1 180px;min-width:150px;max-width:340px;padding:9px 12px;border-radius:10px;border:1px solid rgba(0,210,180,.4);
  background:rgba(255,255,255,.7);color:#11182b;font-family:inherit;font-weight:600;font-size:12.5px;cursor:pointer}
body.blog-over-dark-mode .aht-bf-select{background:rgba(13,18,30,.85);color:#eef2ff;border-color:rgba(0,210,180,.45)}
.aht-bf-playbook{margin-left:auto;flex:0 0 auto;display:inline-flex;flex-direction:column;text-decoration:none;gap:1px;
  padding:9px 16px;border-radius:11px;background:linear-gradient(135deg,#0b0f1c,#1a2236);border:1px solid rgba(0,210,180,.4);
  box-shadow:0 5px 16px rgba(0,0,0,.28);transition:transform .15s,box-shadow .15s}
.aht-bf-playbook:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,210,180,.3)}
.aht-bf-playbook .pb-t{font-size:13px;font-weight:800;color:#fff;line-height:1.2}
.aht-bf-playbook .pb-s{font-size:10px;color:rgba(255,255,255,.55);font-weight:500}
@media(max-width:560px){.aht-blogfilter{gap:9px;padding:10px}.aht-bf-playbook{margin-left:0;width:100%;align-items:center}.aht-bf-select{max-width:none}}
/* No sidebar now → center the blog posts in a tidy reading column.
   SCOPED to non-page views (blog index, single posts, archives, search).
   2026-08-22: this used to be unscoped and applied to EVERY page. The pasted
   page designs (homepage, PlayBook, Tech Hub, Apps…) are authored for ~1400-1500px
   containers and were being crushed into 860px at every viewport width — dense and
   cramped on small screens, and on wide monitors it left an 860px content column
   sandwiched between a 1200px header and a 1200px footer. Do not un-scope this. */
body:not(.page) .blog-over-content-wrapper.no-sidebar .blog-over-main-content{max-width:860px!important;margin-left:auto!important;margin-right:auto!important;float:none!important;width:100%!important}
/* Pages: let the design breathe up to the width it was built for. Safe as a blanket
   rule because every text-only page already caps itself internally (FAQ 820px,
   Contact 660px, About 640px) and the Blog page is page_for_posts, so it is .blog
   not .page and keeps the 860px reading column above. */
body.page .blog-over-content-wrapper.no-sidebar .blog-over-main-content{max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;float:none!important;width:100%!important}
/* Blog sidebar boxes (Playbook button / Archives / Categories) — same card look as the read-earn notice */
.blog-over-sidebar .widget{position:relative!important;overflow:hidden!important;
  background:linear-gradient(135deg,rgba(0,210,180,.14),rgba(124,106,255,.14))!important;
  border:1px solid rgba(0,210,180,.35)!important;border-radius:16px!important;
  box-shadow:0 6px 22px rgba(0,0,0,.12)!important;padding:18px 18px 16px 20px!important;margin-bottom:20px!important}
.blog-over-sidebar .widget::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#00d2b4,#7c6aff)}
.blog-over-sidebar .widget>div{margin-bottom:0!important}
.blog-over-sidebar .widget h2,.blog-over-sidebar .widget h3,.blog-over-sidebar .widget .wp-block-heading{font-family:'Space Grotesk',sans-serif;font-size:15.5px;font-weight:800;letter-spacing:.2px;margin:0 0 11px;color:var(--blog-over-heading-color,#11182b)}
.blog-over-sidebar .widget ul{margin:0;padding:0;list-style:none}
.blog-over-sidebar .widget li{padding:5px 0;border-bottom:1px solid rgba(0,210,180,.14)}
.blog-over-sidebar .widget li:last-child{border-bottom:none}
.blog-over-sidebar .widget a:not([style]){color:#0a8e7d;font-weight:600;text-decoration:none}
.blog-over-sidebar .widget a:not([style]):hover{color:#7c6aff}
body.blog-over-dark-mode .blog-over-sidebar .widget h2,body.blog-over-dark-mode .blog-over-sidebar .widget h3,body.blog-over-dark-mode .blog-over-sidebar .widget .wp-block-heading{color:#eef2ff}
body.blog-over-dark-mode .blog-over-sidebar .widget a:not([style]){color:#3fe0c5}
body.blog-over-dark-mode .blog-over-sidebar .widget li{border-bottom-color:rgba(0,210,180,.2)}
/* Hide the default "Uncategorized" category (term id 1) from the Categories box */
.blog-over-sidebar .wp-block-categories li.cat-item-1{display:none!important}
/* Blog post cards (editorial layout) — same card look as the sidebar/read-earn boxes */
.blog-over-editorial-list .blog-over-editorial-featured{position:relative;overflow:hidden;
  border-radius:16px!important;border:1px solid rgba(0,210,180,.35)!important;
  background:linear-gradient(135deg,rgba(0,210,180,.14),rgba(124,106,255,.14))!important;
  box-shadow:0 6px 22px rgba(0,0,0,.12)!important;margin-bottom:20px!important}
.blog-over-editorial-list .blog-over-editorial-featured + .blog-over-editorial-featured{border-top:1px solid rgba(0,210,180,.35)!important;margin-top:0}
.blog-over-editorial-list .blog-over-editorial-featured::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#00d2b4,#7c6aff);z-index:2}
/* The 3 Featured items at the top of the home + blog pages — same card look as the boxes */
.blog-over-featured-item{position:relative!important;overflow:hidden!important;border-radius:16px!important;
  border:1px solid rgba(0,210,180,.35)!important;box-shadow:0 6px 22px rgba(0,0,0,.12)!important;
  background:linear-gradient(135deg,rgba(0,210,180,.14),rgba(124,106,255,.14))!important}
.blog-over-featured-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#00d2b4,#7c6aff);z-index:5;pointer-events:none}
/* Shop "try it on" preview: 👁 button on cards + a sticky preview bar */
.aht-shop-pv{flex:0 0 auto;background:rgba(255,255,255,.07)!important;border:1.5px solid rgba(0,210,180,.45)!important;color:#cdeee7!important;height:28px;border-radius:8px;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.3px;line-height:1;padding:0 9px!important;white-space:nowrap;transition:background .15s,transform .1s}
.aht-shop-pv:hover{background:rgba(0,210,180,.22)!important}
.aht-shop-pv:active{transform:scale(.95)}
#ahtShopPv{flex:0 0 auto;display:flex;align-items:center;gap:11px;margin-top:11px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(0,210,180,.16),rgba(124,106,255,.16));border:1px solid rgba(0,210,180,.45);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.aht-shop-pvstage{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:50px;min-height:50px}
.aht-shop-pvav{position:relative;display:inline-block;flex:0 0 auto;border-radius:50%;line-height:0}
.aht-shop-pvav .aht-pf-ava{width:46px;height:46px;position:relative;z-index:1;border-radius:50%;object-fit:cover;border:2px solid rgba(0,210,180,.6);background:#0d1018}
.aht-shop-pvav .aht-pf-ava.noimg{display:flex;align-items:center;justify-content:center;font-size:22px}
/* pet sits to the lower-right, ON TOP of the avatar (z above the img), fully visible — not under it */
.aht-shop-pvav .aht-pet-slot{position:absolute!important;right:-20px;bottom:-8px;width:34px;height:34px;z-index:4}
.aht-shop-pvsample{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:17px;white-space:nowrap}
.aht-shop-pvsample .aht-bdg{font-weight:400}
.aht-shop-pvchip{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:800;color:#06121f;background:linear-gradient(135deg,#ffe14d,#ffb300);padding:5px 11px;border-radius:999px;white-space:nowrap}
.aht-shop-pvstrip{display:block;width:64px;height:40px;border-radius:9px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 10px rgba(0,0,0,.35)}
.aht-shop-pvcur{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:rgba(255,255,255,.05)}
.aht-shop-pvdot{display:block;width:22px;height:22px;border-radius:50%;animation:ahtNewPop 1.1s ease-in-out infinite}
.aht-shop-pvtxt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.aht-shop-pvtxt b{font-size:13.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aht-shop-pvtxt span{font-size:10.5px;color:#9fb2c8}
#ahtShopPvBuy{flex:0 0 auto;background:linear-gradient(135deg,#00e0be,#7c6aff)!important;color:#06121f!important;border:none!important;font-weight:800;font-size:12px;padding:9px 14px!important;border-radius:10px;cursor:pointer;white-space:nowrap}
#ahtShopPvBuy:disabled{opacity:.5;cursor:default}
#ahtShopPvStop{flex:0 0 auto;background:rgba(255,255,255,.08)!important;color:#dfe9ec!important;border:1px solid rgba(255,255,255,.18)!important;font-size:11px;padding:9px 11px!important;border-radius:10px;cursor:pointer;white-space:nowrap}
/* banner/navbar/background fill the whole bar — keep text readable over the image */
#ahtShopPv.hasbg{min-height:60px;border-color:rgba(255,255,255,.25)}
#ahtShopPv.hasbg .aht-shop-pvtxt b,#ahtShopPv.hasbg #ahtShopPvHint{text-shadow:0 1px 5px rgba(0,0,0,.9)}
#ahtShopPv.hasbg #ahtShopPvHint{color:#eef2ff}
/* Mobile: stop the "try it on" preview bar from cramping the sample/name/hint — let it wrap, with Buy + Stop on their own row below for more room */
@media(max-width:900px){
  #ahtShopPv{flex-wrap:wrap;gap:8px;padding:10px}
  #ahtShopPv .aht-shop-pvtxt{flex:1 1 55%;min-width:0}
  #ahtShopPv .aht-shop-pvtxt b{font-size:13px;white-space:normal}
  #ahtShopPv #ahtShopPvHint{font-size:10.5px;white-space:normal}
  #ahtShopPv .aht-shop-pvsample{font-size:15px;white-space:normal;line-height:1.2}
  #ahtShopPvBuy,#ahtShopPvStop{order:9;flex:1 1 calc(50% - 4px)}
}