/* One public anchor. Colors belong to this shell, not legacy page --text. */
:root{--ak-shell-height:70px;--ak-global-height:70px;--ak-shell-extra:0px;--shell-pane:rgba(8,14,30,.92);--shell-solid:#111b2d;--shell-ink:#f0f2f8;--shell-muted:#bdc7d8;--shell-line:#384860;--shell-hover:#1e2d42;--shell-focus:#b7d5ee;--shell-footer:#0b1424;--shell-track:#233451;--shell-track-line:#9bacc5}
html[data-theme=light]{color-scheme:light;--shell-pane:rgba(250,252,255,.94);--shell-solid:#f6f8fb;--shell-ink:#1b2b40;--shell-muted:#536278;--shell-line:#bdcbd9;--shell-hover:#e0e9f2;--shell-focus:#285978;--shell-footer:#eaf0f6;--shell-track:#52657e;--shell-track-line:#42556e}
html[data-theme=dark]{color-scheme:dark}
html{scroll-padding-top:calc(var(--ak-shell-height) + 16px)}
body[data-ak-shell]{overflow-x:clip;overflow-y:auto}
body[data-atlas-version]{--site-nav-h:var(--ak-shell-height)}body[data-atlas-version] .ak-shell-spacer{display:none}
.about-page .portrait-ticket.intro-ticket{top:auto!important;bottom:22px!important;transform:rotate(-3deg)!important;width:auto!important;max-width:100%;height:auto!important}
@media(max-width:900px){.about-page .portrait-ticket.intro-ticket{bottom:12px!important;left:8px!important;transform:rotate(-2deg)!important}}
@media(max-width:480px){.about-page .portrait-mascot-scene{bottom:110px;right:0}}
body[data-ak-shell] .kl-domains{top:var(--ak-shell-height)}
body[data-ak-shell] .timer-container{top:auto}
@media(min-width:769px){body[data-ak-shell] .timer-container{top:calc(var(--ak-shell-height) + 20px)}}
.ak-shell .aknav-logo{letter-spacing:1.2px!important}
@media(max-width:1000px){body[data-atlas-version] .ak-footer{padding-bottom:90px}}
@media(max-width:780px){body.guild-theme[data-ak-shell] .ak-footer{padding-bottom:100px}}
html[data-theme=dark] .ak-footer img[src*="social-tiktok"],html[data-theme=dark] .connect-item img[src*="social-tiktok"]{filter:brightness(0) invert(1)}
.ak-footer .ak-footer-inner .akfoot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:520px){.ak-footer .ak-footer-inner .akfoot-cols{grid-template-columns:1fr 1fr}}
.ak-shell,.ak-footer{font-family:'Outfit','Mitr','Plus Jakarta Sans','Sarabun',system-ui,sans-serif;color:var(--shell-ink);letter-spacing:normal;line-height:1.5}
.ak-shell *,.ak-footer *{box-sizing:border-box}
.ak-shell nav,.ak-footer nav{position:static;inset:auto;z-index:auto;height:auto;min-height:0;width:auto;max-width:none;justify-content:flex-start;background:none;backdrop-filter:none;box-shadow:none;border:0;padding:0;transform:none}
.ak-shell{position:fixed;inset:0 0 auto;z-index:1000;height:var(--ak-global-height);background:var(--shell-pane);backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border-bottom:1px solid var(--shell-line);isolation:isolate;transition:height 240ms cubic-bezier(.16,1,.3,1),background 240ms ease,border-color 240ms ease,box-shadow 240ms ease}
.ak-shell.is-scrolled{--ak-global-height:58px;background:color-mix(in srgb,var(--shell-solid) 92%,#000);border-bottom-color:color-mix(in srgb,var(--shell-line) 80%,#fff 20%);box-shadow:0 8px 28px rgba(0,0,0,.42),0 1px 3px rgba(0,0,0,.2)}
html[data-theme=light] .ak-shell.is-scrolled{background:rgba(248,250,253,.94);border-bottom-color:rgba(189,203,217,.85);box-shadow:0 8px 24px rgba(20,35,60,.08),0 1px 2px rgba(20,35,60,.04)}
@media(max-width:1024px){.ak-shell.is-scrolled{--ak-global-height:56px}}
@media(max-width:600px){.ak-shell.is-scrolled{--ak-global-height:52px}}
.ak-shell .ak-global{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1600px;margin:0 auto;height:100%;min-height:var(--ak-global-height);padding:0 clamp(16px,2.5vw,32px);background:none;border:0;box-shadow:none;backdrop-filter:none;transition:min-height 240ms cubic-bezier(.16,1,.3,1),padding 240ms cubic-bezier(.16,1,.3,1)}
.ak-shell .aknav-logo{display:inline-flex;align-items:center;gap:10px;padding:0;min-width:0;flex:0 0 auto;color:var(--shell-ink);font:700 18px/1 Outfit,Mitr,sans-serif;letter-spacing:1.2px;text-shadow:none;text-decoration:none;transition:font-size 240ms cubic-bezier(.16,1,.3,1),gap 240ms cubic-bezier(.16,1,.3,1)}
.ak-shell.is-scrolled .aknav-logo{font-size:16px;gap:8px}
.ak-shell .ak-brand-face{display:block;width:36px;height:36px;border-radius:50%;padding:2px;border:1px solid var(--shell-line);flex-shrink:0;transition:width 240ms cubic-bezier(.16,1,.3,1),height 240ms cubic-bezier(.16,1,.3,1)}
.ak-shell.is-scrolled .ak-brand-face{width:30px;height:30px}
.ak-shell .aknav-logo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.ak-shell .ak-worlds{display:flex;align-items:center;gap:3px;margin:0;padding:3px;list-style:none;border:1px solid var(--shell-line);border-radius:999px;background:color-mix(in srgb,var(--shell-solid) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex:0 0 auto;transition:padding 240ms cubic-bezier(.16,1,.3,1)}
.ak-shell.is-scrolled .ak-worlds{padding:2px}
.ak-shell .ak-worlds .aknav-link,.ak-shell .ak-mobile-worlds .aknav-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;height:36px;padding:0 12px;border:0;border-radius:999px;font:500 14px/1 Mitr,system-ui,sans-serif;text-decoration:none;color:var(--shell-muted);background:none;white-space:nowrap;transition:background 180ms ease,color 180ms ease,translate 180ms ease,box-shadow 180ms ease,height 240ms cubic-bezier(.16,1,.3,1),min-height 240ms cubic-bezier(.16,1,.3,1),font-size 240ms cubic-bezier(.16,1,.3,1),padding 240ms cubic-bezier(.16,1,.3,1)}
.ak-shell.is-scrolled .ak-worlds .aknav-link{height:31px;min-height:31px;font-size:13px;padding:0 10px}
.ak-shell .aknav-link:hover,.ak-shell .aknav-link:focus-visible{background:var(--shell-hover);color:var(--shell-ink);translate:0 -1px}
.ak-shell .aknav-link[aria-current=page]{background:var(--shell-hover);color:var(--shell-ink)}
.ak-shell .aknav-link.is-current::after{display:none}
.ak-shell.is-scrolled .ak-global .ak-controls :is(.ak-theme,.ak-motion,.aknav-burger,.auth-nav-account,.auth-nav-login){height:33px!important;min-height:33px!important;font-size:12px!important}
.ak-shell.is-scrolled .ak-global .ak-controls .theme-track{width:36px!important;height:20px!important;flex:0 0 36px!important}
.ak-shell.is-scrolled .ak-global .ak-controls .theme-knob{width:14px!important;height:14px!important}
html[data-theme=dark] .ak-shell.is-scrolled .ak-global .ak-controls .theme-knob{transform:translateX(16px)!important}

/* Tier 1 Category-Specific Hover & Focus Colors (Dark Mode) */
.ak-shell .aknav-link[data-world=about]:is(:hover,:focus-visible){color:#ff9d85;background:rgba(238,118,93,.18);box-shadow:0 0 14px rgba(238,118,93,.25)}
.ak-shell .aknav-link[data-world=finance]:is(:hover,:focus-visible){color:#6ee7b7;background:rgba(16,185,129,.18);box-shadow:0 0 14px rgba(16,185,129,.25)}
.ak-shell .aknav-link[data-world=knowledge]:is(:hover,:focus-visible){color:#93c5fd;background:rgba(59,130,246,.18);box-shadow:0 0 14px rgba(59,130,246,.25)}
.ak-shell .aknav-link[data-world=focus]:is(:hover,:focus-visible){color:#5eead4;background:rgba(20,184,166,.18);box-shadow:0 0 14px rgba(20,184,166,.25)}
.ak-shell .aknav-link[data-world=interests]:is(:hover,:focus-visible){color:#d8b4fe;background:rgba(168,85,247,.18);box-shadow:0 0 14px rgba(168,85,247,.25)}
.ak-shell .aknav-link[data-world=contact]:is(:hover,:focus-visible){color:#86efac;background:rgba(6,199,85,.18);box-shadow:0 0 14px rgba(6,199,85,.25)}

/* Tier 1 Category-Specific Hover & Focus Colors (Light Mode) */
html[data-theme=light] .ak-shell .aknav-link[data-world=about]:is(:hover,:focus-visible){color:#c2410c;background:#fef2f0;box-shadow:0 2px 8px rgba(238,118,93,.15)}
html[data-theme=light] .ak-shell .aknav-link[data-world=finance]:is(:hover,:focus-visible){color:#047857;background:#ecfdf5;box-shadow:0 2px 8px rgba(16,185,129,.15)}
html[data-theme=light] .ak-shell .aknav-link[data-world=knowledge]:is(:hover,:focus-visible){color:#1d4ed8;background:#eff6ff;box-shadow:0 2px 8px rgba(59,130,246,.15)}
html[data-theme=light] .ak-shell .aknav-link[data-world=focus]:is(:hover,:focus-visible){color:#0f766e;background:#f0fdfa;box-shadow:0 2px 8px rgba(20,184,166,.15)}
html[data-theme=light] .ak-shell .aknav-link[data-world=interests]:is(:hover,:focus-visible){color:#7e22ce;background:#faf5ff;box-shadow:0 2px 8px rgba(168,85,247,.15)}
html[data-theme=light] .ak-shell .aknav-link[data-world=contact]:is(:hover,:focus-visible){color:#15803d;background:#f0fdf4;box-shadow:0 2px 8px rgba(6,199,85,.15)}

/* Tier 1 Active / Current World (Dark Mode) */
.ak-shell[data-world-current=about] .aknav-link[data-world=about],.ak-shell .aknav-link[data-world=about][aria-current=page]{color:#ff9d85;background:rgba(238,118,93,.22)}
.ak-shell[data-world-current=finance] .aknav-link[data-world=finance],.ak-shell .aknav-link[data-world=finance][aria-current=page]{color:#b3f2d3;background:#173b31}
.ak-shell[data-world-current=knowledge] .aknav-link[data-world=knowledge],.ak-shell .aknav-link[data-world=knowledge][aria-current=page]{color:#c7e2ff;background:#193354}
.ak-shell[data-world-current=focus] .aknav-link[data-world=focus],.ak-shell .aknav-link[data-world=focus][aria-current=page]{color:#a7f3d0;background:#133834}
.ak-shell[data-world-current=interests] .aknav-link[data-world=interests],.ak-shell .aknav-link[data-world=interests][aria-current=page]{color:#e9d5ff;background:#2d1847}
.ak-shell[data-world-current=contact] .aknav-link[data-world=contact],.ak-shell .aknav-link[data-world=contact][aria-current=page]{color:#bbf7d0;background:#143820}

/* Tier 1 Active / Current World (Light Mode) */
html[data-theme=light] .ak-shell[data-world-current=about] .aknav-link[data-world=about],html[data-theme=light] .ak-shell .aknav-link[data-world=about][aria-current=page]{color:#c2410c;background:#fee2e2}
html[data-theme=light] .ak-shell[data-world-current=finance] .aknav-link[data-world=finance],html[data-theme=light] .ak-shell .aknav-link[data-world=finance][aria-current=page]{color:#0b6547;background:#ddf2e7}
html[data-theme=light] .ak-shell[data-world-current=knowledge] .aknav-link[data-world=knowledge],html[data-theme=light] .ak-shell .aknav-link[data-world=knowledge][aria-current=page]{color:#204e89;background:#e1edff}
html[data-theme=light] .ak-shell[data-world-current=focus] .aknav-link[data-world=focus],html[data-theme=light] .ak-shell .aknav-link[data-world=focus][aria-current=page]{color:#0f766e;background:#ccfbf1}
html[data-theme=light] .ak-shell[data-world-current=interests] .aknav-link[data-world=interests],html[data-theme=light] .ak-shell .aknav-link[data-world=interests][aria-current=page]{color:#7e22ce;background:#f3e8ff}
html[data-theme=light] .ak-shell[data-world-current=contact] .aknav-link[data-world=contact],html[data-theme=light] .ak-shell .aknav-link[data-world=contact][aria-current=page]{color:#15803d;background:#dcfce7}

.ak-shell .ak-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;position:relative}
.ak-shell .ak-global .ak-controls :is(.ak-theme,.ak-motion,.aknav-burger){position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;height:38px!important;min-height:38px!important;max-height:none!important;border:1px solid var(--shell-line)!important;border-radius:999px!important;padding:0 11px!important;background:var(--shell-solid)!important;color:var(--shell-ink)!important;box-shadow:none!important;font:500 13px/1 Mitr,system-ui,sans-serif!important;cursor:pointer;overflow:visible!important;white-space:nowrap;flex-shrink:0;transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease!important}
.ak-shell .ak-global .ak-controls :is(.ak-theme,.ak-motion,.aknav-burger):hover{background:var(--shell-hover)!important;border-color:var(--shell-focus)!important}
.ak-shell .ak-global .ak-controls .ak-theme{width:auto!important;min-width:0!important}
.ak-shell .ak-global .ak-controls .ak-motion{width:auto!important;min-width:0!important}
.ak-shell .ak-global .ak-controls .ak-motion[aria-pressed=true]{background:var(--shell-hover)!important;color:var(--shell-ink)!important;border-color:var(--shell-focus)!important}
.ak-shell .ak-global .ak-controls .ak-motion:disabled{cursor:default!important;opacity:.75}
.ak-shell .ak-global .ak-controls .motion-icon{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;width:15px!important;height:15px!important;color:inherit!important;flex-shrink:0}
.ak-shell .ak-global .ak-controls .motion-icon svg,.ak-shell .aknav-burger svg{width:15px!important;height:15px!important;display:block;fill:currentColor}
.ak-shell .ak-global .ak-controls :is(.motion-text,.theme-text){position:static!important;display:inline-block!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip-path:none!important;font:500 13px/1 Mitr,sans-serif!important;text-align:left}
.ak-shell .ak-global .ak-controls .theme-track{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:40px!important;height:22px!important;flex:0 0 40px!important;box-sizing:border-box!important;padding:0 3px!important;border:1px solid var(--shell-track-line)!important;border-radius:999px!important;background:var(--shell-track)!important;pointer-events:none;box-shadow:none!important}
.ak-shell .ak-global .ak-controls .theme-knob{position:absolute!important;left:2px!important;top:2px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px #0005!important;transform:translateX(0)!important;transition:transform 260ms cubic-bezier(.16,1,.3,1)!important}
html[data-theme=dark] .ak-shell .ak-global .ak-controls .theme-knob{transform:translateX(18px)!important}
.ak-shell .ak-global .ak-controls .theme-icon{display:none!important}
.ak-shell .ak-global .ak-controls :is(.theme-sun,.theme-moon){display:inline-flex!important;align-items:center;justify-content:center;width:12px;height:12px;color:#f8edb5!important;font:10px/1 system-ui,sans-serif!important}
.ak-shell .ak-global .ak-controls .theme-moon{color:#dbe5f2!important}
.ak-shell .auth-nav-btn{position:static;display:flex;align-items:center;flex:0 0 auto;margin:0!important}
.ak-shell :is(.auth-nav-account,.auth-nav-login){display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;height:38px!important;padding:2px 10px!important;border:1px solid var(--shell-line)!important;border-radius:999px!important;background:var(--shell-solid)!important;color:var(--shell-ink)!important;font:500 13px/1.4 Mitr,sans-serif!important;box-shadow:none!important;cursor:pointer;transition:background 180ms ease,border-color 180ms ease}
.ak-shell :is(.auth-nav-account,.auth-nav-login):hover{background:var(--shell-hover)!important;border-color:var(--shell-focus)!important}
.ak-shell .auth-nav-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0}
.ak-shell .auth-nav-login svg{width:16px;height:16px}
.ak-shell .auth-nav-username{color:var(--shell-ink)!important}
.ak-shell .ak-global .ak-controls .aknav-burger{display:none!important;width:38px!important;padding:0!important}
.ak-shell :is(a,button,[role=button]):focus-visible{outline:2px solid var(--shell-focus)!important;outline-offset:-2px!important}

.ak-shell .aknav-mobile{position:fixed;left:0;right:0;top:var(--ak-global-height);bottom:auto;height:calc(100dvh - var(--ak-global-height));max-height:none;padding:24px max(20px,5vw) 36px;background:var(--shell-solid);overflow-y:auto;border-top:1px solid var(--shell-line);transform:none;opacity:1;visibility:visible;z-index:1001}
.ak-shell .aknav-mobile[hidden]{display:none!important}
.ak-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:17px;font-weight:600;color:var(--shell-ink)}
.ak-menu-close{min-width:38px;min-height:38px;border:1px solid var(--shell-line);border-radius:50%;background:var(--shell-hover);color:var(--shell-ink);font-size:16px;cursor:pointer}
.ak-shell .ak-mobile-worlds{display:flex;flex-direction:column;gap:6px}
.ak-shell .ak-mobile-worlds .aknav-link{display:flex;width:100%;justify-content:flex-start;padding:12px 18px;min-height:48px;border-radius:12px;border:1px solid var(--shell-line);background:var(--shell-hover);font-size:15px;font-weight:500}
.ak-mobile-account-slot{margin-top:20px;border-top:1px solid var(--shell-line);padding-top:18px}
.ak-mobile-account-slot .auth-nav-btn{display:inline-flex}
.ak-shell-spacer{height:var(--ak-shell-extra);pointer-events:none}
body[data-ak-baseline="0"] .ak-shell-spacer{height:var(--ak-shell-height)}
.aknav-legacy-stub{display:none!important}
.ak-footer{--footer-bg:#0d182b;--footer-ink:#f6f8ff;--footer-copy:#b8c9df;--footer-link:#c8d7eb;--footer-line:#25374e;--footer-hover:#162438;display:block!important;position:relative;z-index:1;margin:48px 0 0;padding:48px max(24px,4vw) 24px;border-top:1px solid var(--footer-line);background:var(--footer-bg);color:var(--footer-ink);text-align:left;isolation:isolate}
html[data-theme=light] .ak-footer{--footer-bg:#eef3f9;--footer-ink:#10243e;--footer-copy:#4a6380;--footer-link:#284263;--footer-line:#c2cfde;--footer-hover:#dce7f3}
.ak-footer .ak-footer-inner{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,2fr);gap:64px;max-width:1320px;margin:auto;align-items:start}
.ak-footer .ak-footer-intro{display:grid;grid-template-columns:1fr;grid-template-areas:'logo' 'tagline';gap:8px 16px;min-width:0;align-items:center;max-width:320px}
.ak-footer a{margin:0!important}
.ak-footer .akfoot-logo{grid-area:logo;display:inline-flex;align-items:center;gap:10px;font:700 24px/1.3 Outfit,sans-serif;color:var(--footer-ink);letter-spacing:.6px!important;text-decoration:none;white-space:nowrap;text-shadow:none}
.ak-footer .akfoot-logo img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.ak-footer .ak-footer-intro p{grid-area:tagline;margin:0;color:var(--footer-copy);font:500 1rem/1.7 Outfit,Mitr,sans-serif}
.ak-footer .akfoot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;min-width:0}
.ak-footer .akfoot-col h2{display:flex;align-items:center;gap:8px;font:600 1.125rem/1.4 Outfit,Mitr,sans-serif;color:var(--footer-ink);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--footer-line);letter-spacing:.3px;user-select:none}
.ak-footer .akfoot-col{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0}
.ak-footer .akfoot-col a{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 0;color:var(--footer-link);font:400 1rem/1.6 Outfit,Mitr,sans-serif;text-decoration:none;white-space:normal;letter-spacing:0;transition:color 180ms ease,translate 180ms ease}
.ak-footer .akfoot-col a:hover,.ak-footer .akfoot-col a:focus-visible{color:var(--footer-ink);text-decoration:underline;text-underline-offset:5px;translate:3px 0}
.ak-footer .akfoot-col :is(img,.ak-footer-symbol){display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;flex:0 0 22px;font-size:20px;line-height:1}
.ak-footer .ak-footer-label{min-width:0}.ak-footer .ak-footer-term{white-space:nowrap}
.ak-footer .akfoot-bottom{display:block;max-width:1320px;margin:32px auto 0;padding:20px 0 0;border-top:1px solid var(--footer-line);color:var(--footer-copy);font:500 .875rem/1.7 Outfit,Mitr,sans-serif;text-align:left}
.ak-footer a:focus-visible{outline:2px solid var(--shell-focus);outline-offset:3px}
body[data-ak-shell] .pd-wrap{top:calc(var(--ak-shell-height) + 8px)!important;max-height:calc(100dvh - var(--ak-shell-height) - 24px);max-width:calc(100vw - 24px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;z-index:1100}
body[data-ak-shell] .pd-wrap::-webkit-scrollbar{display:none}
body[data-ak-shell] :is(.auth-overlay,.setup-overlay){z-index:2000}
html[data-ak-embedded] .ak-shell,html[data-ak-embedded] .ak-shell-spacer,html[data-ak-embedded] .ak-footer{display:none!important}
html[data-ak-embedded]{--ak-shell-height:0px!important;--ak-shell-extra:0px!important}
html[data-motion=paused] .ak-shell *,html[data-motion=paused] .ak-footer *,body.paused .ak-shell *,body.paused .ak-footer *{transition:none!important;animation:none!important}
html[data-motion=paused] .ak-shell a,html[data-motion=paused] .ak-footer a,body.paused .ak-shell a,body.paused .ak-footer a{translate:none!important}
html[data-motion=paused] body[data-ak-shell] *,html[data-motion=paused] body[data-ak-shell] *::before,html[data-motion=paused] body[data-ak-shell] *::after{animation:none!important}
body.paused :is(.fade-up,.fade-in,.reveal,[data-reveal],.hero-content,.hero-title,.hero-subtitle,.hero-desc,.hero-mascot,.hero-buttons){animation:none!important;opacity:1!important;transform:none!important}
@media(max-width:1600px){.ak-shell .auth-nav-username{display:none!important}}
@media(max-width:1280px){.ak-shell .ak-worlds .aknav-link{font-size:13.5px;padding:0 10px;gap:6px}.ak-shell .ak-global .ak-controls .motion-text{display:none!important}.ak-shell .ak-global .ak-controls .ak-motion{padding:0 8px!important}}
@media(max-width:1024px){:root{--ak-global-height:64px;--ak-shell-height:64px}.ak-shell .ak-global{height:64px;min-height:64px;padding:0 16px}.ak-shell .ak-worlds{display:none!important}.ak-shell .ak-global .ak-controls .aknav-burger{display:inline-flex!important}.ak-shell .ak-global .ak-controls .theme-text{display:none!important}.ak-shell .ak-global .ak-controls .ak-theme{padding:0 8px!important}}
@media(max-width:600px){:root{--ak-global-height:60px;--ak-shell-height:60px}.ak-shell .ak-global{height:60px;min-height:60px;padding:0 12px}.ak-shell .ak-controls{gap:6px}.ak-shell .aknav-logo{font-size:16px;letter-spacing:1px}.ak-shell .ak-brand-face{width:32px;height:32px}.ak-global .auth-nav-btn{display:none}.ak-mobile-account-slot .auth-nav-btn{display:inline-flex}.ak-shell .auth-nav-account{width:38px;padding:2px!important}.ak-shell .auth-nav-chevron{display:none}}
@media(prefers-reduced-motion:reduce){.ak-shell *, .ak-shell *::before,.ak-shell *::after,.ak-footer *{transition:none!important;animation:none!important}.ak-shell a,.ak-footer a{translate:none!important}}
html[data-motion=paused] .ak-shell .ak-global .ak-controls :is(.ak-theme,.ak-motion,.theme-knob),body.paused .ak-shell .ak-global .ak-controls :is(.ak-theme,.ak-motion,.theme-knob){transition:none!important}
@media(prefers-reduced-motion:reduce){.ak-shell .ak-global .ak-controls :is(.ak-theme,.ak-motion,.theme-knob){transition:none!important}}
/* Shared text remains bright even where a page's old nav/footer rules are present. */
html[data-theme=dark]{--shell-ink:#f6f8ff;--shell-muted:#d7e1f0}
.ak-shell .ak-worlds .aknav-link,.ak-shell .ak-mobile-worlds .aknav-link{font-family:Outfit,Mitr,system-ui,sans-serif}
@media(max-width:980px){.ak-footer .ak-footer-inner{grid-template-columns:1fr;gap:32px}.ak-footer .ak-footer-intro{max-width:360px}.ak-footer .akfoot-cols{width:100%}}
@media(max-width:600px){.ak-footer{padding:32px 20px 20px}.ak-footer .ak-footer-inner{gap:32px}.ak-footer .ak-footer-inner .akfoot-cols{grid-template-columns:1fr 1fr;gap:28px 20px}.ak-footer .akfoot-col h2{font-size:1.125rem;margin-bottom:12px}.ak-footer .akfoot-col a{font-size:1rem;gap:8px}.ak-footer .akfoot-col:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ak-footer .akfoot-col:last-child h2{grid-column:1/-1;margin-bottom:8px}.ak-footer .akfoot-col:last-child a{flex-direction:column;justify-content:center;gap:8px;min-height:76px;padding:8px 4px;border:1px solid var(--footer-line);border-radius:10px;background:var(--footer-hover);font-size:.9375rem;text-align:center}.ak-footer .akfoot-bottom{margin-top:28px}.ak-footer .akfoot-logo{font-size:22px}}
/* Reading Scroll Progress Bar across all pages (Audi, 2026-10-14) */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#1e40af 0%,#2546ec 55%,#38bdf8 95%,#60a5fa 100%);box-shadow:0 1px 8px rgba(37,70,236,.35),0 0 3px rgba(56,189,248,.7);z-index:1002;pointer-events:none;opacity:0;will-change:transform,opacity;transition:opacity 180ms ease,transform 60ms linear}
html[data-theme=dark] .scroll-progress{background:linear-gradient(90deg,#c59738 0%,#e2c98f 55%,#fff2b2 95%,#ffffff 100%);box-shadow:0 1px 10px rgba(226,201,143,.6),0 0 3px rgba(254,240,138,.85)}
body.paused .scroll-progress{transition:none!important}
@media(prefers-reduced-motion:reduce){.scroll-progress{transition:none!important}}


/* ── 2026-10-16 Audi: "แถบมันเล็กไปไหม … ดีไซปุ่มและอื่นๆให้ดีขึ้นได้ไหม" — one size system for the bar ──
   Bar height unchanged (pages offset content by it); the contents get bigger and consistent:
   brand 40px, menu links 42px/15px, every control 42px, account = the one gold action. Scrolled = 36px. */
.ak-shell .ak-brand-face{width:40px;height:40px;border:2px solid color-mix(in srgb,#E5C586 70%,var(--shell-line))}
.ak-shell .aknav-logo{gap:10px}
.ak-shell .aknav-logo .ak-brand-name{font:700 19px/1 Outfit,Mitr,system-ui,sans-serif;letter-spacing:.01em}
.ak-shell.is-scrolled .ak-brand-face{width:34px;height:34px}
.ak-shell.is-scrolled .aknav-logo .ak-brand-name{font-size:17px}
@media(min-width:1360px){
  .ak-shell .ak-worlds{gap:2px;padding:4px;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent)}
  .ak-shell .ak-worlds .aknav-link{height:42px;min-height:42px;padding:0 15px;gap:7px;font:500 15px/1 Mitr,system-ui,sans-serif;color:color-mix(in srgb,var(--shell-ink) 82%,var(--shell-muted));transition:background 180ms ease,color 180ms ease}
  .ak-shell .ak-worlds .aknav-link:focus-visible{outline:2px solid var(--shell-focus);outline-offset:2px}
  .ak-shell.is-scrolled .ak-worlds .aknav-link{height:36px;min-height:36px;font-size:14px;padding:0 13px}
  .ak-shell .ak-global .ak-controls{gap:8px}
  .ak-shell .ak-global .ak-controls :is(.ak-theme,.ak-motion,.aknav-burger),.ak-shell :is(.auth-nav-account,.auth-nav-login){height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 14px!important;border-radius:999px!important;font:500 14px/1 Mitr,system-ui,sans-serif!important}
  .ak-shell.is-scrolled .ak-global .ak-controls :is(.ak-theme,.ak-motion,.aknav-burger,.auth-nav-account,.auth-nav-login){height:36px!important;min-height:36px!important;max-height:36px!important;font-size:13px!important}
  .ak-shell .ak-global .ak-controls .theme-track{width:46px!important;height:26px!important;flex:0 0 46px!important}
  .ak-shell .ak-global .ak-controls .theme-knob{width:20px!important;height:20px!important;top:2px!important;left:2px!important}
  html[data-theme=dark] .ak-shell .ak-global .ak-controls .theme-knob{transform:translateX(20px)!important}
  .ak-shell.is-scrolled .ak-global .ak-controls .theme-track{width:40px!important;height:22px!important;flex:0 0 40px!important}
  .ak-shell.is-scrolled .ak-global .ak-controls .theme-knob{width:16px!important;height:16px!important;top:2px!important;left:2px!important}
  html[data-theme=dark] .ak-shell.is-scrolled .ak-global .ak-controls .theme-knob{transform:translateX(18px)!important}
}
/* account is the single primary action in the bar: filled gold when signed out, champagne outline chip when signed in */
:is(html,html[data-theme]) .ak-shell .auth-nav-login{background:#E5C586!important;color:#172b43!important;border:1px solid #a58b52!important;border-bottom-width:2px!important;font-weight:600!important}
:is(html,html[data-theme]) .ak-shell .auth-nav-login svg{color:#172b43!important;stroke:currentColor}
:is(html,html[data-theme]) .ak-shell .auth-nav-login:hover{background:#efd59a!important;border-color:#8a6a1f!important}
/* 2026-10-17 Audi: "หน้าตา navigator bar ตอนยังไม่ login มันสวยกว่าตอน login" — the quiet chip made the signed-in bar
   four identical dark pills with no end point. Signed in now keeps the same champagne anchor as the gold login pill,
   one step quieter: champagne outline + tint + ringed avatar (filled gold stays reserved for the login call to action). */
.ak-shell .auth-nav-account{--acct:#E5C586;background:color-mix(in srgb,var(--acct) 13%,var(--shell-solid))!important;border:1px solid color-mix(in srgb,var(--acct) 62%,transparent)!important;padding-left:4px!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--acct) 22%,transparent)!important}
.ak-shell .auth-nav-account:hover{background:color-mix(in srgb,var(--acct) 22%,var(--shell-solid))!important;border-color:var(--acct)!important}
html[data-theme=light] .ak-shell .auth-nav-account{--acct:#8a6620;border-color:color-mix(in srgb,var(--acct) 85%,transparent)!important;background:color-mix(in srgb,#E5C586 30%,#fff)!important}
html[data-theme=light] .ak-shell .auth-nav-account:hover{background:color-mix(in srgb,#E5C586 45%,#fff)!important}
:is(html,html[data-theme]) .ak-shell .auth-nav-account .auth-nav-avatar{box-shadow:0 0 0 2px var(--acct)!important;border-radius:50%;border-color:transparent!important}
.ak-shell .auth-nav-account .auth-nav-username{color:#f3dfb4!important;font-weight:600!important;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme=light] .ak-shell .auth-nav-account .auth-nav-username{color:#5a4212!important}
:is(html,html[data-theme]) .ak-shell .auth-nav-account .auth-nav-chevron,:is(html,html[data-theme]) .ak-shell .auth-nav-btn:hover .auth-nav-account .auth-nav-chevron{color:var(--acct)!important}
.ak-shell .auth-nav-account img{width:32px;height:32px;border-radius:50%}
.ak-shell .ak-global .ak-controls :is(.ak-theme,.ak-motion,.aknav-burger):focus-visible,.ak-shell :is(.auth-nav-account,.auth-nav-login):focus-visible{outline:2px solid var(--shell-focus)!important;outline-offset:2px!important}
@media(max-width:1359px){
  .ak-shell .ak-global .ak-controls :is(.ak-theme,.ak-motion,.aknav-burger),.ak-shell :is(.auth-nav-account,.auth-nav-login){height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:999px!important}
  .ak-shell .ak-brand-face{width:36px;height:36px}
}

/* 2026-10-16 Audi: "ตอน hover navigator ทำไมไม่ทำให้มันขึ้นสีชัดๆกว่านี้" — hover shows the world's own colour clearly:
   stronger tint + a ring in the world colour + 1px lift. Active (current page) stays the filled state. */
.ak-shell .aknav-link[data-world=about]{--w:#ee765d;--w-ink-d:#ffb4a3;--w-ink-l:#a32e0b}
.ak-shell .aknav-link[data-world=finance]{--w:#10b981;--w-ink-d:#86efc4;--w-ink-l:#04704e}
.ak-shell .aknav-link[data-world=knowledge]{--w:#3b82f6;--w-ink-d:#a9cdff;--w-ink-l:#1b47c2}
.ak-shell .aknav-link[data-world=focus]{--w:#14b8a6;--w-ink-d:#7cf0de;--w-ink-l:#0b6b62}
.ak-shell .aknav-link[data-world=interests]{--w:#a855f7;--w-ink-d:#e2c2ff;--w-ink-l:#7019c4}
.ak-shell .aknav-link[data-world=contact]{--w:#06c755;--w-ink-d:#8ff0b2;--w-ink-l:#0d6a2c}
.ak-shell .ak-worlds .aknav-link[data-world]:is(:hover,:focus-visible){color:var(--w-ink-d)!important;background:color-mix(in srgb,var(--w) 34%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--w) 70%,transparent),0 0 16px color-mix(in srgb,var(--w) 30%,transparent)!important;translate:0 -1px}
html[data-theme=light] .ak-shell .ak-worlds .aknav-link[data-world]:is(:hover,:focus-visible){color:var(--w-ink-l)!important;background:color-mix(in srgb,var(--w) 20%,#fff)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--w) 60%,#fff),0 3px 10px color-mix(in srgb,var(--w) 22%,transparent)!important}
.ak-shell .ak-worlds .aknav-link[data-world]{transition:background 160ms ease,color 160ms ease,box-shadow 160ms ease,translate 160ms ease}
@media(prefers-reduced-motion:reduce){.ak-shell .ak-worlds .aknav-link[data-world]:is(:hover,:focus-visible){translate:none}}
html[data-motion=paused] .ak-shell .ak-worlds .aknav-link[data-world]:is(:hover,:focus-visible){translate:none}

/* 2026-10-16 theme reveal (site-shell.js toggleTheme): new theme grows as a circle from the switch; no crossfade of the old page. */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
.ak-theme-reveal [data-shell-theme]{view-transition-name:ak-theme-switch}
::view-transition-group(ak-theme-switch),::view-transition-new(ak-theme-switch){animation:none}
::view-transition-old(ak-theme-switch){display:none}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* ── 2026-10-16 Home look on every plain page (Audi: "หน้าไหนที่พื้นหลังเป็นดำๆมืดๆ plainๆ ก็ใส่ theme north star และดาวตกเข้าไปเหมือนหน้าแรก") ──
   site-shell.js adds .ak-sky to pages whose background is a plain colour; pages with their own theme (html[data-ak-own-theme]) are skipped. */
html[data-ak-sky]{background:#081326}
html[data-ak-sky] body{background:transparent!important}
.ak-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 70rem 40rem at 50% -10%,#18376fb8,transparent 70%),radial-gradient(circle at 92% 18%,#e2c98f1a,transparent 26rem),radial-gradient(ellipse at 0% 70%,#443a752d,transparent 50%),linear-gradient(180deg,#0a1830 0,#081326 60%,#0a1630 100%)}
.ak-sky i{position:absolute;top:var(--y);left:var(--x)}
.ak-sky .ak-star{font-style:normal;font-size:13px;line-height:1;color:var(--c,#fff);text-shadow:0 0 10px var(--c,#fff);animation:akSkyStar var(--d,4s) ease-in-out var(--w,0s) infinite}
.ak-sky .ak-dot{width:var(--s,2.5px);height:var(--s,2.5px);border-radius:50%;background:#fff;box-shadow:0 0 8px 1px #ffffffd9;animation:akSkyDot var(--d,3.6s) ease-in-out var(--w,0s) infinite}
.ak-sky .ak-north{top:19%;left:auto;right:8%;width:120px;height:120px;translate:50% -50%}
.ak-sky .ak-north::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#fff6d6 0,#e2c98f80 14%,#e2c98f1f 38%,transparent 70%);animation:akSkyGlow 6s ease-in-out infinite}
.ak-sky .ak-north::after{content:"";position:absolute;left:50%;top:50%;width:150px;height:150px;translate:-50% -50%;background:linear-gradient(90deg,transparent 0,#fff3c8cc 50%,transparent 100%) center/100% 1.5px no-repeat,linear-gradient(0deg,transparent 0,#fff3c8cc 50%,transparent 100%) center/1.5px 100% no-repeat}
.ak-sky .ak-comet{height:2px;border-radius:999px;width:150px;opacity:0;background:linear-gradient(90deg,#fff,#e2c98fe6 35%,#e2c98f33 75%,transparent);box-shadow:0 0 12px 2px #ffffffd9;rotate:-25deg;animation:akSkyComet var(--d,10s) cubic-bezier(.25,.1,.25,1) var(--w,2s) infinite}
@keyframes akSkyStar{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.25) rotate(45deg)}}
@keyframes akSkyDot{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:.95;transform:scale(1.35)}}
@keyframes akSkyGlow{0%,100%{opacity:.75;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes akSkyComet{0%,80%{opacity:0;transform:translate3d(0,0,0)}83%{opacity:1}89%{opacity:0;transform:translate3d(-330px,150px,0)}100%{opacity:0}}
html[data-motion=paused] .ak-sky *,html[data-motion=paused] .ak-sky *::before,.ak-sky.is-idle *,.ak-sky.is-idle *::before{animation-play-state:paused!important}
html[data-motion=paused] .ak-sky .ak-comet{display:none}
@media(prefers-reduced-motion:reduce){.ak-sky *,.ak-sky *::before{animation:none!important}.ak-sky .ak-comet{display:none}}
/* ☀️ Light: the Home daytime sky — glints instead of dark specks. */
html[data-ak-sky][data-ak-light][data-theme=light]{background:#eef2f8}
html[data-ak-light][data-theme=light] .ak-sky{background:radial-gradient(ellipse 60% 42% at 88% 6%,#fff3d2a8,transparent 70%),radial-gradient(ellipse 50% 40% at 6% 34%,#cfe0f7b0,transparent 70%),radial-gradient(ellipse 55% 45% at 96% 78%,#e4dcf3a0,transparent 70%),linear-gradient(180deg,#d9e7f8 0,#e8f0fa 40%,#f1f4f9 75%,#eef2f8 100%)}
html[data-ak-light][data-theme=light] .ak-sky .ak-star{color:#fff;text-shadow:0 0 6px #7fa6dc,0 0 1px #5b83bd}
html[data-ak-light][data-theme=light] .ak-sky .ak-dot{box-shadow:0 0 0 1px #b9cde8,0 0 7px 1px #9dbbe4}
html[data-ak-light][data-theme=light] .ak-sky .ak-comet{background:linear-gradient(90deg,transparent,#fff 70%,#9dbbe4);box-shadow:0 0 6px #9dbbe4}
html[data-ak-light][data-theme=light] .ak-sky .ak-north::before{background:radial-gradient(circle,#fffaf0 0,#ffe7a8a6 18%,#ffe7a833 45%,transparent 72%)}
html[data-ak-light][data-theme=light] .ak-sky .ak-north::after{opacity:.55}

/* ── Light palette for pages built on the shared tokens (enabled per page by site-shell-init.js → html[data-ak-light]).
   Accent colours get deep-ink versions: bright gold/green/red/blue text fails 4.5:1 on a light page. */
html[data-ak-light][data-theme=light]{color-scheme:light;
  --bg:#eef2f8;--bg-2:#e5ecf6;--bg-deep:#e3eaf4;--surface:#ffffff;--surface-2:#f6f8fc;--surface-raised:#ffffff;--surface-overlay:rgba(255,255,255,.98);
  --bg-card:#ffffff;--bg-card-hover:#f7f9fd;--card:#ffffff;--paper:#eef2f8;--paper-deep:#e5ecf6;
  --border:rgba(27,45,68,.16);--hair:rgba(27,45,68,.16);--hair-soft:rgba(27,45,68,.09);--line:rgba(27,45,68,.16);
  --text:#1b2d44;--ink:#1b2d44;--text-muted:#435167;--muted:#435167;--text-dim:#56657a;
  --gold:#7c5e17;--gold-light:#6e5212;--gold-dim:rgba(165,139,82,.14);--gold-glow:rgba(165,139,82,.28);
  --orange:#9a4b12;--orange-light:#8a420f;--orange-dim:rgba(154,75,18,.1);--orange-glow:rgba(154,75,18,.25);--shrimp:#b0402a;--shrimp-dim:rgba(176,64,42,.1);
  --green:#0d7350;--up:#0d7350;--green-dim:rgba(13,115,80,.1);--up-dim:rgba(13,115,80,.1);
  --red:#b02f29;--down:#b02f29;--red-dim:rgba(176,47,41,.1);--down-dim:rgba(176,47,41,.1);
  --blue:#1d5aa8;--blue-dim:rgba(29,90,168,.1);--blue-glow:rgba(29,90,168,.22);--purple:#6a3daa;--teal:#0f6f68;
  --shadow:rgba(27,45,68,.12)}
html[data-ak-light][data-theme=light] body{color:var(--text,#1b2d44)}
html[data-ak-light][data-theme=light] :is(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){background-color:#ffffff!important;color:#1b2d44!important;border-color:rgba(27,45,68,.28)!important}
html[data-ak-light][data-theme=light] :is(input,textarea)::placeholder{color:#5b6779!important}

/* 2026-10-17: on very narrow phones (≤360px) the logo + controls overflowed and pushed ☰ off-screen; keep the face, drop the wordmark (the link keeps its aria-label). */
@media(max-width:360px){.ak-shell .aknav-logo .ak-brand-name{display:none!important}}

/* 2026-10-17 two-layer base · Layer 1 (impeccable SKILL §🌗). Night = stars + north star + dusky clouds; day = blue sky, sun, white clouds.
   Light mode never shows the night motifs tinted pale. */
.ak-sky .ak-sun{display:none;top:16%;left:auto;right:8%;width:110px;height:110px;translate:50% -50%;border-radius:50%;
  background:radial-gradient(circle,#fffbe8 0 34%,#ffe39a 52%,#ffd56a00 70%);box-shadow:0 0 60px 18px #ffe7a866,0 0 140px 50px #ffe7a833;animation:akSun 7s ease-in-out infinite}
.ak-sky .ak-sun::before{content:"";position:absolute;inset:-38px;border-radius:50%;background:repeating-conic-gradient(#fff3c055 0 4deg,transparent 4deg 18deg);-webkit-mask:radial-gradient(closest-side,transparent 45%,#000 55%,transparent 100%);mask:radial-gradient(closest-side,transparent 45%,#000 55%,transparent 100%);animation:akSunRays 60s linear infinite}
.ak-sky .ak-cloud{width:var(--cw);height:calc(var(--cw)*.18);border-radius:50%;background:rgba(78,98,150,.22);filter:blur(1.5px);animation:akCloud var(--d) linear var(--w) infinite}
.ak-sky .ak-cloud::before,.ak-sky .ak-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}
.ak-sky .ak-cloud::before{width:55%;height:140%;left:18%;top:-55%}.ak-sky .ak-cloud::after{width:40%;height:115%;left:52%;top:-35%}
@keyframes akCloud{from{transform:translateX(-30vw)}to{transform:translateX(110vw)}}
@keyframes akSun{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes akSunRays{to{rotate:360deg}}
html[data-ak-light][data-theme=light] .ak-sky{background:radial-gradient(ellipse 40% 30% at 92% 12%,#fff4cf,transparent 70%),linear-gradient(180deg,#a8cff3 0,#c7e1f8 30%,#e3eff9 62%,#f3efe6 100%)}
html[data-ak-light][data-theme=light] .ak-sky :is(.ak-star,.ak-dot,.ak-comet,.ak-north){display:none}
html[data-ak-light][data-theme=light] .ak-sky .ak-sun{display:block}
html[data-ak-light][data-theme=light] .ak-sky .ak-cloud{background:rgba(255,255,255,.92);box-shadow:inset 0 -6px 10px rgba(150,190,230,.35);filter:blur(.6px)}
html[data-motion=paused] .ak-sky :is(.ak-sun,.ak-sun::before,.ak-cloud){animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ak-sky .ak-cloud,.ak-sky .ak-sun,.ak-sky .ak-sun::before{animation:none!important}}
@media(max-width:600px){.ak-sky .ak-cloud:nth-of-type(odd){display:none}.ak-sky .ak-sun{width:70px;height:70px;top:11%}}

/* 2026-10-17 nav bar = part of the base pair (impeccable SKILL §🌗 "Navigation bar is part of the base"; Audi: "เรื่อง navigator bar ล่ะ ควรแก้ด้วยไหม ให้สวยเข้ากับ theme มากกว่านี้").
   Night: smoked glass + a gold hairline that fades at both ends + starlight under the bar. Day: frosted daylight glass + a warm sun-gold edge.
   Active world wears an 8-bit pixel star that twinkles; hovering hops the item one pixel step (16-bit feel). */
.ak-shell{border-bottom:0!important}
.ak-shell::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--nav-edge) 18%,var(--nav-edge2) 50%,var(--nav-edge) 82%,transparent);box-shadow:0 0 12px var(--nav-glow)}
html:not([data-theme=light]) .ak-shell{--nav-edge:rgba(229,197,134,.45);--nav-edge2:#f0d28c;--nav-glow:rgba(240,210,140,.45);--px:#fff3c4;--px2:rgba(255,243,196,.45);
  background:linear-gradient(180deg,rgba(9,12,24,.82),rgba(9,12,24,.62))!important;backdrop-filter:blur(18px) saturate(1.4)}
html:not([data-theme=light]) .ak-shell.is-scrolled{background:linear-gradient(180deg,rgba(7,10,20,.94),rgba(7,10,20,.86))!important}
html:not([data-theme=light]) .ak-shell .ak-worlds{background:rgba(255,255,255,.04)!important;border-color:transparent!important;box-shadow:inset 0 0 0 1px rgba(229,197,134,.28),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme=light] .ak-shell{--nav-edge:rgba(214,160,60,.4);--nav-edge2:#e5a93a;--nav-glow:rgba(255,200,90,.35);--px:#e59a1c;--px2:rgba(229,154,28,.4);
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(240,247,255,.62))!important;backdrop-filter:blur(18px) saturate(1.5)}
html[data-theme=light] .ak-shell .ak-worlds{background:rgba(255,255,255,.55)!important;border-color:transparent!important;box-shadow:inset 0 0 0 1px rgba(214,160,60,.35),0 4px 14px -8px rgba(60,90,130,.35)}
.ak-shell .ak-worlds .aknav-link{position:relative}
.ak-shell .ak-worlds .aknav-link:is(:hover,:focus-visible){animation:akNavHop .32s steps(2) 1}
@keyframes akNavHop{0%{translate:0 0}50%{translate:0 -3px}100%{translate:0 -1px}}
.ak-shell .ak-worlds .aknav-link:is([aria-current=page],.is-current)::before,.ak-shell[data-world-current] .ak-worlds .aknav-link.ak-cur::before{content:"";position:absolute;left:50%;top:-1px;width:2px;height:2px;translate:-50% 0;background:var(--px);box-shadow:0 -4px var(--px),0 4px var(--px),-4px 0 var(--px),4px 0 var(--px),0 -8px var(--px2),0 8px var(--px2),-8px 0 var(--px2),8px 0 var(--px2);scale:.75;animation:akNavStar 1.8s steps(2) infinite}
@keyframes akNavStar{50%{opacity:.35;scale:.55}}
.ak-shell .ak-brand-face{box-shadow:0 0 0 2px var(--nav-edge),0 0 16px var(--nav-glow)}
.ak-shell .aknav-logo:hover .ak-brand-face{animation:akNavHop .32s steps(2) 1}
html[data-motion=paused] .ak-shell *,html[data-motion=paused] .ak-shell *::before{animation:none!important}
@media(prefers-reduced-motion:reduce){.ak-shell *,.ak-shell *::before{animation:none!important}}
html:not([data-theme=light]) .ak-shell .ak-controls :is(button,a):not(.auth-nav-login,.auth-nav-account){border-color:rgba(229,197,134,.3)!important;background:rgba(255,255,255,.04)!important}
html[data-theme=light] .ak-shell .ak-controls :is(button,a):not(.auth-nav-login,.auth-nav-account){border-color:rgba(214,160,60,.38)!important;background:rgba(255,255,255,.6)!important}
/* mobile menu = the same sky, rows are glass strips with the gold edge (not grey boxes) */
html:not([data-theme=light]) .ak-shell .aknav-mobile{background:radial-gradient(ellipse 90% 40% at 80% 0%,rgba(240,210,140,.14),transparent 70%),linear-gradient(180deg,#0b1430,#070b18)!important}
html[data-theme=light] .ak-shell .aknav-mobile{background:radial-gradient(ellipse 60% 30% at 90% 4%,#fff4cf,transparent 70%),linear-gradient(180deg,#bfdcf6,#e6f1fb 45%,#f6f1e6)!important}
.ak-shell .ak-mobile-worlds .aknav-link{position:relative;border:0!important;transition:translate .2s}
html:not([data-theme=light]) .ak-shell .ak-mobile-worlds .aknav-link{background:rgba(255,255,255,.05)!important;box-shadow:inset 0 0 0 1px rgba(229,197,134,.28)}
html[data-theme=light] .ak-shell .ak-mobile-worlds .aknav-link{background:rgba(255,255,255,.7)!important;box-shadow:inset 0 0 0 1px rgba(214,160,60,.35),0 6px 16px -10px rgba(60,90,130,.4)}
.ak-shell .ak-mobile-worlds .aknav-link.is-current::before{content:"";position:absolute;right:18px;top:50%;width:2px;height:2px;background:var(--px);box-shadow:0 -4px var(--px),0 4px var(--px),-4px 0 var(--px),4px 0 var(--px),0 -8px var(--px2),0 8px var(--px2),-8px 0 var(--px2),8px 0 var(--px2);animation:akNavStar 1.8s steps(2) infinite}
.ak-shell .ak-mobile-worlds .aknav-link:active{translate:0 2px}
/* active world = a twinkling 8-bit star at the pill's right edge (desktop) / row end (mobile) */
.ak-shell .aknav-link.is-current::before,.ak-shell[data-world-current=about] .aknav-link[data-world=about]::before,.ak-shell[data-world-current=finance] .aknav-link[data-world=finance]::before,.ak-shell[data-world-current=knowledge] .aknav-link[data-world=knowledge]::before,.ak-shell[data-world-current=focus] .aknav-link[data-world=focus]::before,.ak-shell[data-world-current=interests] .aknav-link[data-world=interests]::before,.ak-shell[data-world-current=contact] .aknav-link[data-world=contact]::before{content:"";position:absolute;right:9px;top:50%;left:auto;width:2px;height:2px;translate:0 -50%;scale:1;background:var(--px);box-shadow:0 -2px var(--px),0 2px var(--px),-2px 0 var(--px),2px 0 var(--px),0 -4px var(--px),0 4px var(--px),-4px 0 var(--px),4px 0 var(--px),0 -6px var(--px2),0 6px var(--px2),-6px 0 var(--px2),6px 0 var(--px2);animation:akNavStar 1.8s steps(2) infinite}
.ak-shell .ak-worlds .aknav-link.is-current,.ak-shell[data-world-current=about] .ak-worlds .aknav-link[data-world=about],.ak-shell[data-world-current=finance] .ak-worlds .aknav-link[data-world=finance],.ak-shell[data-world-current=knowledge] .ak-worlds .aknav-link[data-world=knowledge],.ak-shell[data-world-current=focus] .ak-worlds .aknav-link[data-world=focus],.ak-shell[data-world-current=interests] .ak-worlds .aknav-link[data-world=interests],.ak-shell[data-world-current=contact] .ak-worlds .aknav-link[data-world=contact]{padding-right:24px}
.ak-shell .ak-mobile-worlds .aknav-link::before{right:20px!important}