/* ASIT nav redesign layer (local preview, 20 Oct 2026). Self-contained: delete this file + nav-redesign.js to revert.
   Never touches music.js / the door's audio element; adds no mute or volume control. */
:root{--asit-theme:#2fa8ff;--asit-theme-glow:rgba(47,168,255,.55)}
/* ---- side rail ---- */
#asit-rail{position:fixed;z-index:10050;left:calc(10px + env(safe-area-inset-left,0px));top:150px;margin:0;padding:0;list-style:none;
  width:var(--rail-w,190px);display:flex;flex-direction:column;gap:var(--rail-gap,10px);font-family:"EB Garamond",Georgia,serif}
#asit-rail a{position:relative;display:flex;align-items:center;min-height:max(44px,var(--rail-h,48px));padding:0 14px 0 18px;box-sizing:border-box;
  color:#F2ECE0;text-decoration:none;font-size:var(--rail-fs,17px);letter-spacing:.04em;line-height:1.1;
  background:rgba(5,6,12,.72);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-left:0;border-radius:0 10px 10px 0;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .2s,box-shadow .2s,background .2s}
/* the side bar: a vertical neon stroke on the LEFT of each word, never on top */
#asit-rail a::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--c);opacity:.45;transition:all .2s}
#asit-rail a:hover::before,#asit-rail a:focus-visible::before{opacity:.9}
#asit-rail a:focus-visible{outline:2px solid var(--c);outline-offset:2px}
#asit-rail a[aria-current=page]{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,#05060C);
  box-shadow:0 0 14px color-mix(in srgb,var(--c) 55%,transparent),inset 0 0 10px color-mix(in srgb,var(--c) 25%,transparent)}
#asit-rail a[aria-current=page]::before{width:6px;left:-1px;top:2px;bottom:2px;opacity:1;box-shadow:0 0 10px var(--c),0 0 22px var(--c)}
/* phone / no gutter: same rail but in page flow (top of page, under the burger) so it never covers content */
html.asit-rail-flow #asit-rail{position:static;width:auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;
  padding:62px 12px 8px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html.asit-rail-flow #asit-rail::-webkit-scrollbar{display:none}
html.asit-rail-flow #asit-rail li{flex:0 0 auto}
html.asit-rail-flow #asit-rail a{font-size:15px;padding:0 14px 0 16px;white-space:nowrap}
html.asit-rail-flow #asit-rail li.cur{order:-1}
/* ---- page theme on buttons: glowing outline in this page's colour ---- */
.btn,.hm-toggle,#share-fab,#asit-code-fab,#share-decide,#btn-signup,#btn-create,#btn-join-pay,#lookup-btn,.cta,.primary,button[type=submit]{
  box-shadow:0 0 0 1px var(--asit-theme),0 0 12px var(--asit-theme-glow)!important;border-radius:10px}
/* ---- fixes (each listed in the report) ---- */
#share-fab,#asit-code-fab{min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}
#asit-code-fab{min-width:55px}
.hm-toggle{min-height:44px!important}
#share-decide,#btn-signup,#btn-create,#btn-join-pay,#lookup-btn{min-height:44px!important}
#crown-red,#crown-pink,#crown-green,#crown-plain{min-width:44px!important;min-height:44px!important}
header.top a,header.top .btn,a.thug-corner,nav a{min-height:44px;display:inline-flex!important;align-items:center;justify-content:center;min-width:44px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
div.top>a,.actions>.btn,#back{min-height:44px;min-width:44px;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box}
/* full-screen pages (test, mountain) on phones: their own layers fill the screen, so the in-flow strip would sit hidden underneath; the burger menu stays */
html.asit-rail-flow[data-asit-page="/sit"] #asit-rail,html.asit-rail-flow[data-asit-page="/mountain"] #asit-rail{display:none}
button.sym{position:relative}button.sym::after{content:"";position:absolute;inset:-7px -3px}/* 44px hit area without moving the column */
/* hidden during test questions */
html:has(#q:not([hidden])) #asit-rail, html.asit-in-q #asit-rail{display:none!important}