:root{
    color-scheme:dark;
    --ink:#050806;
    --field:#10170f;
    --panel:rgba(10,15,12,.88);
    --panel-strong:#151c14;
    --olive:#8fa36a;
    --olive-bright:#c3d28d;
    --amber:#d3a33a;
    --paper:#f4f5e7;
    --muted:#bdc6ad;
    --line:rgba(195,210,141,.22);
  }
  *{box-sizing:border-box;}
  body{
    margin:0;
    font-family:Arial,sans-serif;
    background:
      radial-gradient(circle at 18% 15%,rgba(185,190,195,.18),transparent 28rem),
      radial-gradient(circle at 84% 86%,rgba(120,126,132,.14),transparent 24rem),
      linear-gradient(135deg,#1a1d20 0%,#2b3034 47%,#171a1d 100%);
    color:var(--paper);
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100vh;
    overflow-x:hidden;
    padding:22px;
  }
  body::before,
  body::after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
  }
  body::before{
    background-image:
      linear-gradient(rgba(235,238,240,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(235,238,240,.055) 1px,transparent 1px),
      repeating-linear-gradient(135deg,transparent 0 26px,rgba(210,215,218,.04) 26px 27px);
    background-size:44px 44px,44px 44px,90px 90px;
    opacity:.78;
  }
  body::after{
    background:
      radial-gradient(circle,transparent 0 56%,rgba(0,0,0,.42) 100%),
      repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 6px);
  }
  ::selection{
    background:rgba(211,163,58,.35);
    color:var(--paper);
  }
  .container{
    width:100%;
    max-width:820px;
    padding:38px 36px;
    text-align:center;
    position:relative;
    transform:translateX(clamp(24px,4vw,72px));
    z-index:2;
    isolation:isolate;
    background:
      linear-gradient(180deg,rgba(17,24,16,.92),rgba(7,11,9,.9)),
      repeating-linear-gradient(90deg,transparent 0 18px,rgba(195,210,141,.035) 18px 19px);
    border:1px solid var(--line);
    border-radius:8px;
    box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);
  }
  .container::before,
  .container::after{
    content:"";
    position:absolute;
    width:62px;
    height:62px;
    pointer-events:none;
    opacity:.76;
    z-index:0;
  }
  .container::before{
    top:14px;
    left:14px;
    border-top:1px solid var(--olive-bright);
    border-left:1px solid var(--olive-bright);
  }
  .container::after{
    right:14px;
    bottom:14px;
    border-right:1px solid var(--amber);
    border-bottom:1px solid var(--amber);
  }
  .container > *{
    position:relative;
    z-index:1;
  }
  h1{
    font-size:3rem;
    line-height:1.05;
    margin:0 0 28px;
    letter-spacing:0;
    font-weight:900;
    color:#f6f3dc;
    text-shadow:0 0 24px rgba(195,210,141,.18);
  }
  h1::after{
    content:"";
    display:block;
    width:86px;
    height:2px;
    margin:14px auto 0;
    background:linear-gradient(90deg,transparent,var(--amber),transparent);
  }
  p{
    color:var(--muted) !important;
  }
  strong{
    color:#f0d284;
  }
  .main-tabs{
    display:grid;
    gap:6px;
    grid-template-columns:1fr 1fr 1fr;
    margin:0 auto 14px;
    max-width:520px;
  }
  .main-tabs button{
    background:rgba(11,16,12,.72);
    border-color:rgba(195,210,141,.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    color:#dce4ce;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.04em;
    min-height:38px;
    padding:9px 8px;
  }
  .main-tabs button:hover{
    background:rgba(35,44,31,.9);
    color:#f6f3dc;
  }
  .main-tabs button.is-active{
    background:linear-gradient(180deg,#9aaa70,#758955);
    color:#071008;
  }
  .edition-badge{
    align-items:center;
    border:1px solid rgba(195,210,141,.22);
    border-radius:999px;
    color:#cfd9bd;
    display:inline-flex;
    font-size:.78rem;
    font-weight:800;
    gap:8px;
    justify-content:center;
    line-height:1.2;
    margin:0 auto 14px;
    padding:6px 10px;
  }
  .edition-badge span{
    background:linear-gradient(180deg,#d3a33a,#a9781f);
    border-radius:999px;
    color:#080c08;
    font-size:.72rem;
    font-weight:900;
    padding:4px 7px;
  }
  .account-bar{
    align-items:center;
    background:rgba(11,16,12,.62);
    border:1px solid rgba(195,210,141,.18);
    border-radius:8px;
    color:#cfd9bd;
    display:flex;
    gap:10px;
    justify-content:space-between;
    margin:0 auto 18px;
    max-width:520px;
    min-height:44px;
    padding:7px 8px 7px 12px;
    text-align:left;
  }
  .account-bar span{
    font-size:.82rem;
    font-weight:800;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .account-bar div{
    display:flex;
    flex:0 0 auto;
    gap:6px;
  }
  .account-bar button,
  .tab-info-panel button,
  .auth-switch button{
    font-size:.78rem;
    min-height:34px;
    padding:8px 10px;
  }
  .tab-info-panel{
    background:rgba(11,16,12,.68);
    border:1px solid rgba(195,210,141,.2);
    border-left:3px solid rgba(211,163,58,.62);
    border-radius:8px;
    height:178px;
    margin:0 auto 16px;
    max-width:520px;
    overflow-y:auto;
    padding:12px 14px;
    text-align:left;
  }
  .tab-info-panel.is-empty{
    visibility:hidden;
  }
  .tab-info-panel h2{
    color:#f6f3dc;
    font-size:1rem;
    line-height:1.2;
    margin:0 0 6px;
  }
  .tab-info-panel p{
    font-size:.9rem;
    line-height:1.45;
    margin:0 0 8px;
  }
  .tab-info-panel p:last-child{
    margin-bottom:0;
  }
  .tab-info-panel button{
    margin-top:10px;
  }
  .auth-form{
    display:grid;
    gap:12px;
    margin:0 auto 16px;
    max-width:420px;
    text-align:left;
  }
  .auth-form label{
    color:#f0d284;
    display:grid;
    font-size:.9rem;
    font-weight:900;
    gap:6px;
  }
  .auth-form input{
    font-size:1rem;
    min-height:46px;
    padding:12px;
    width:100%;
  }
  .auth-note{
    font-size:.9rem;
    line-height:1.45;
    margin:0 auto 16px;
    max-width:460px;
  }
  .auth-switch{
    display:grid;
    gap:10px;
    grid-template-columns:1fr 1fr;
    margin:0 auto;
    max-width:420px;
  }
  .account-panel{
    background:rgba(11,16,12,.68);
    border:1px solid rgba(195,210,141,.2);
    border-left:3px solid rgba(211,163,58,.62);
    border-radius:8px;
    margin:0 auto 18px;
    max-width:520px;
    padding:14px;
    text-align:left;
  }
  .account-panel dl{
    display:grid;
    gap:8px 12px;
    grid-template-columns:140px 1fr;
    margin:0 0 12px;
  }
  .account-panel dt{
    color:#f0d284;
    font-weight:900;
  }
  .account-panel dd{
    color:#dce4ce;
    margin:0;
  }
  .account-panel p{
    font-size:.9rem;
    line-height:1.45;
    margin:0;
  }
  .access-options{
    display:grid;
    gap:10px;
    grid-template-columns:1fr 1fr;
    margin:0 auto 12px;
    max-width:620px;
    text-align:left;
  }
  .access-option{
    align-items:stretch;
    background:linear-gradient(135deg,rgba(34,43,31,.94),rgba(15,21,17,.96));
    border:1px solid rgba(195,210,141,.2);
    border-left:3px solid rgba(195,210,141,.44);
    border-radius:8px;
    color:#eef2df;
    display:grid;
    gap:9px;
    min-height:174px;
    padding:13px;
    text-align:left;
  }
  .access-option:hover{
    background:linear-gradient(135deg,rgba(43,54,38,.98),rgba(18,26,20,.98));
  }
  .access-option.is-selected{
    border-color:rgba(240,210,132,.72);
    border-left-color:rgba(211,163,58,.9);
    box-shadow:0 0 0 1px rgba(211,163,58,.18),0 16px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);
  }
  .access-option-header{
    align-items:center;
    display:flex;
    gap:8px;
    justify-content:space-between;
    min-width:0;
  }
  .access-period{
    color:#f6f3dc;
    font-size:1.05rem;
    font-weight:900;
    line-height:1.2;
  }
  .access-plan-badge{
    background:rgba(211,163,58,.16);
    border:1px solid rgba(211,163,58,.42);
    border-radius:999px;
    color:#f0d284;
    flex:0 0 auto;
    font-size:.62rem;
    font-weight:900;
    line-height:1;
    padding:5px 7px;
    text-transform:uppercase;
  }
  .access-price-row{
    align-items:start;
    border-top:1px solid rgba(195,210,141,.12);
    display:grid;
    gap:8px;
    grid-template-columns:1fr auto;
    padding-top:8px;
  }
  .access-price-row span{
    color:#bdc6ad;
    font-size:.76rem;
    font-weight:800;
    line-height:1.25;
  }
  .access-price-row strong{
    color:#f0d284;
    font-size:.9rem;
    line-height:1.25;
    text-align:right;
    white-space:nowrap;
  }
  .access-renewal-note{
    font-size:.9rem;
    line-height:1.45;
    margin:0 auto 16px;
    max-width:620px;
    text-align:left;
  }
  .ambient-patrol{
    --pixel-scale:1;
    --person-left:max(110px,calc(50% - 500px));
    --person-top:55%;
    display:none;
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:1;
    overflow:hidden;
  }
  .right-pixel-art{
    bottom:70px;
    display:none;
    height:560px;
    pointer-events:none;
    position:fixed;
    right:max(18px,calc(50% - 650px));
    transform:scale(.56);
    transform-origin:right bottom;
    width:270px;
    z-index:1;
  }
  .right-pixel-art > div{
    image-rendering:pixelated;
    opacity:.5;
    position:absolute;
  }
  .right-pixel-art span{
    display:block;
    image-rendering:pixelated;
    position:absolute;
  }
  .map-contours{
    height:224px;
    right:8px;
    top:4px;
    width:232px;
  }
  .contour-line{
    border:2px solid rgba(195,210,141,.3);
    border-radius:46% 54% 42% 58%;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));
  }
  .line-a{
    height:180px;
    left:18px;
    top:20px;
    transform:rotate(-12deg);
    width:184px;
  }
  .line-b{
    height:126px;
    left:46px;
    top:48px;
    transform:rotate(10deg);
    width:132px;
  }
  .line-c{
    height:64px;
    left:88px;
    top:82px;
    transform:rotate(-7deg);
    width:62px;
  }
  .pixel-binoculars{
    height:68px;
    right:84px;
    top:76px;
    width:112px;
  }
  .bino-lens{
    background:#263326;
    border:4px solid #151812;
    bottom:0;
    height:48px;
    width:42px;
  }
  .lens-left{left:4px;}
  .lens-right{right:4px;}
  .bino-lens::after{
    background:#c5d1a8;
    content:"";
    height:13px;
    left:9px;
    opacity:.65;
    position:absolute;
    top:9px;
    width:13px;
  }
  .bino-bridge{
    background:#151812;
    height:10px;
    left:44px;
    top:38px;
    width:24px;
  }
  .bino-cap{
    background:#5f7147;
    border:3px solid #151812;
    height:18px;
    top:8px;
    width:34px;
  }
  .cap-left{left:8px;}
  .cap-right{right:8px;}
  .pixel-rifle{
    height:78px;
    right:36px;
    top:196px;
    transform:rotate(-8deg);
    width:190px;
  }
  .rifle-body{
    background:#46583b;
    border:4px solid #151812;
    height:22px;
    left:54px;
    top:28px;
    width:76px;
  }
  .rifle-stock{
    background:#283129;
    border:4px solid #151812;
    height:28px;
    left:14px;
    top:24px;
    width:48px;
  }
  .rifle-barrel{
    background:#151812;
    height:8px;
    left:126px;
    top:34px;
    width:58px;
  }
  .rifle-mag{
    background:#2d3b32;
    border:4px solid #151812;
    height:30px;
    left:82px;
    top:46px;
    transform:skewX(-10deg);
    width:22px;
  }
  .rifle-grip{
    background:#2d3b32;
    border:4px solid #151812;
    height:30px;
    left:58px;
    top:44px;
    transform:rotate(8deg);
    width:18px;
  }
  .pixel-lifter{
    bottom:36px;
    height:146px;
    right:124px;
    width:96px;
  }
  .lift-shadow{
    background:rgba(0,0,0,.34);
    border-radius:50%;
    bottom:0;
    height:9px;
    left:14px;
    width:70px;
  }
  .lift-bar{
    background:#151812;
    height:8px;
    left:0;
    top:12px;
    width:96px;
  }
  .lift-plate{
    background:#526a7d;
    border:4px solid #151812;
    height:28px;
    top:2px;
    width:18px;
  }
  .plate-left{left:-7px;}
  .plate-right{right:-7px;}
  .lift-head{
    background:#c49a63;
    border:3px solid #171812;
    height:24px;
    left:36px;
    top:32px;
    width:24px;
  }
  .lift-body{
    background:#5f7147;
    border:3px solid #171812;
    height:38px;
    left:30px;
    top:58px;
    width:36px;
  }
  .lift-arm{
    background:#445537;
    border:3px solid #171812;
    height:54px;
    top:12px;
    transform-origin:center bottom;
    width:12px;
  }
  .lift-arm-left{
    left:26px;
    transform:rotate(-28deg);
  }
  .lift-arm-right{
    right:26px;
    transform:rotate(28deg);
  }
  .lift-leg{
    background:#2d3b32;
    border:3px solid #171812;
    height:38px;
    top:94px;
    width:14px;
  }
  .lift-leg-left{left:30px;}
  .lift-leg-right{right:30px;}
  .pixel-heli{
    animation:heliHover 3.2s ease-in-out infinite;
    height:172px;
    right:6px;
    top:300px;
    width:228px;
  }
  .rotor-main{
    background:rgba(195,210,141,.35);
    height:6px;
    left:18px;
    top:4px;
    width:176px;
  }
  .heli-body{
    background:#5f7147;
    border:4px solid #151812;
    height:42px;
    left:48px;
    top:28px;
    width:92px;
  }
  .heli-window{
    background:#c5d1a8;
    border:3px solid #151812;
    height:22px;
    left:62px;
    top:34px;
    width:32px;
  }
  .heli-tail{
    background:#151812;
    height:8px;
    left:132px;
    top:44px;
    width:72px;
  }
  .heli-tail-rotor{
    background:rgba(195,210,141,.36);
    height:38px;
    right:6px;
    top:30px;
    width:6px;
  }
  .heli-skid{
    background:#151812;
    height:6px;
    top:76px;
    width:56px;
  }
  .skid-front{left:56px;}
  .skid-rear{left:100px;}
  .fast-rope{
    background:rgba(240,210,132,.58);
    height:78px;
    left:88px;
    top:70px;
    width:4px;
  }
  .rope-head{
    background:#c49a63;
    border:2px solid #151812;
    height:15px;
    left:82px;
    top:108px;
    width:15px;
  }
  .rope-body{
    background:#445537;
    border:2px solid #151812;
    height:24px;
    left:80px;
    top:124px;
    width:20px;
  }
  .rope-leg-left,
  .rope-leg-right{
    background:#2d3b32;
    border:2px solid #151812;
    height:22px;
    top:146px;
    width:8px;
  }
  .rope-leg-left{left:80px;transform:rotate(10deg);}
  .rope-leg-right{left:92px;transform:rotate(-10deg);}
  .pixel-person{
    position:absolute;
    left:var(--person-left);
    top:var(--person-top);
    width:54px;
    height:92px;
    z-index:1;
    transform-origin:center bottom;
    transform:translateY(-50%) scale(var(--pixel-scale));
  }
  .pixel-person span,
  .pixel-car span{
    position:absolute;
    display:block;
    image-rendering:pixelated;
  }
  .pixel-shadow{
    left:1px;
    bottom:-5px;
    width:56px;
    height:8px;
    background:rgba(0,0,0,.34);
    border-radius:50%;
  }
  .thought-bubble{
    left:28px;
    top:-42px;
    min-width:56px;
    padding:6px 8px;
    background:#eef2df;
    color:#172015;
    border:3px solid #151812;
    border-radius:8px;
    font-family:Consolas,monospace;
    font-size:.36rem;
    font-weight:900;
    line-height:1.12;
    letter-spacing:.08em;
    white-space:pre;
    text-align:center;
    opacity:0;
    transform:translateY(6px) scale(.86);
    animation:thinkCycle 12s linear infinite;
    box-shadow:0 10px 22px rgba(0,0,0,.22);
  }
  .thought-bubble::before,
  .thought-bubble::after{
    content:"";
    position:absolute;
    background:#eef2df;
    border:3px solid #151812;
    border-radius:3px;
  }
  .thought-bubble::before{
    left:5px;
    bottom:-12px;
    width:10px;
    height:10px;
  }
  .thought-bubble::after{
    left:-4px;
    bottom:-22px;
    width:7px;
    height:7px;
  }
  .pixel-head{
    left:12px;
    top:0;
    width:30px;
    height:30px;
    background:#c49a63;
    border:3px solid #171812;
    box-shadow:inset -5px -4px 0 rgba(0,0,0,.18);
  }
  .pixel-head::before,
  .pixel-head::after{
    content:"";
    position:absolute;
    top:10px;
    width:4px;
    height:4px;
    background:#10130f;
  }
  .pixel-head::before{left:6px;}
  .pixel-head::after{right:6px;}
  .pixel-body{
    left:9px;
    top:31px;
    width:36px;
    height:36px;
    background:#5f7147;
    border:3px solid #171812;
    box-shadow:inset -6px -5px 0 rgba(0,0,0,.18),inset 0 5px 0 rgba(195,210,141,.2);
  }
  .pixel-arm{
    top:35px;
    width:12px;
    height:34px;
    background:#445537;
    border:3px solid #171812;
    transform-origin:center top;
  }
  .arm-left{
    left:0;
    transform:rotate(5deg);
  }
  .arm-right{
    right:0;
    transform:rotate(-5deg);
  }
  .pixel-leg{
    bottom:0;
    width:15px;
    height:30px;
    background:#2d3b32;
    border:3px solid #171812;
    transform-origin:center top;
  }
  .leg-left{
    left:10px;
  }
  .leg-right{
    right:10px;
  }
  .pixel-car{
    --car-scale:1.4;
    --car-main:#667653;
    --car-dark:#3f4f39;
    --car-highlight:rgba(195,210,141,.18);
    --car-window:#c5d1a8;
    position:absolute;
    left:0;
    top:calc(var(--person-top) + 5px);
    width:132px;
    height:58px;
    z-index:2;
    transform-origin:left bottom;
    animation:drivePast 12s linear infinite;
  }
  .car-shadow{
    left:7px;
    bottom:0;
    width:118px;
    height:8px;
    background:rgba(0,0,0,.32);
    border-radius:50%;
  }
  .car-body{
    left:10px;
    bottom:14px;
    width:110px;
    height:26px;
    background:var(--car-main);
    border:4px solid #151812;
    box-shadow:inset -9px -6px 0 rgba(0,0,0,.18),inset 0 6px 0 var(--car-highlight);
  }
  .car-cabin{
    left:39px;
    bottom:36px;
    width:48px;
    height:19px;
    background:var(--car-dark);
    border:4px solid #151812;
    box-shadow:inset -7px -4px 0 rgba(0,0,0,.16);
  }
  .car-window{
    bottom:41px;
    width:13px;
    height:9px;
    background:var(--car-window);
    border:2px solid #151812;
  }
  .front-window{
    left:66px;
  }
  .rear-window{
    left:45px;
  }
  .car-light{
    right:6px;
    bottom:24px;
    width:8px;
    height:7px;
    background:#d3a33a;
    border:2px solid #151812;
  }
  .car-wheel{
    bottom:4px;
    width:20px;
    height:20px;
    background:#0f1411;
    border:4px solid #283129;
    border-radius:2px;
    box-shadow:inset 0 0 0 3px #151812;
  }
  .front-wheel{
    right:18px;
  }
  .rear-wheel{
    left:22px;
  }
  @keyframes drivePast{
    0%{transform:translateX(-260px) scale(var(--car-scale));}
    100%{transform:translateX(calc(100vw + 260px)) scale(var(--car-scale));}
  }
  @keyframes thinkCycle{
    0%,7%{opacity:0;transform:translateY(6px) scale(.86);}
    9%,34%{opacity:1;transform:translateY(0) scale(1);}
    39%,100%{opacity:0;transform:translateY(-4px) scale(.92);}
  }
  @keyframes heliHover{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-7px);}
  }
  .menu{display:grid;gap:12px;}
  .plate-mode-row{
    display:grid;
    gap:12px;
    grid-template-columns:2fr 1fr;
  }
  button{
    appearance:none;
    padding:16px 18px;
    font-size:1.1rem;
    font-weight:700;
    border:1px solid rgba(195,210,141,.22);
    border-radius:8px;
    cursor:pointer;
    background:linear-gradient(180deg,#9aaa70,#758955);
    color:#071008;
    min-height:54px;
    letter-spacing:0;
    box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.22);
    transition:.2s transform,.2s background,.2s border-color,.2s box-shadow;
  }
  button:hover{
    transform:translateY(-2px);
    background:linear-gradient(180deg,#c3d28d,#8fa36a);
    border-color:rgba(240,210,132,.46);
    box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 1px rgba(211,163,58,.12);
  }
  button:active{transform:translateY(0);}
  button:focus-visible{
    outline:2px solid var(--amber);
    outline-offset:3px;
  }
  .module-btn.is-live{
    background:linear-gradient(180deg,#a8bd7b,#789257);
    color:#071008;
  }
  .module-btn{
    align-items:center;
    display:flex;
    gap:10px;
    justify-content:center;
  }
  .module-btn.is-locked{
    background:linear-gradient(180deg,#2c352e,#1b211d) !important;
    color:#d8dec9 !important;
    border-color:rgba(195,210,141,.16);
  }
  .module-btn.is-development{
    cursor:pointer;
    justify-content:space-between;
    opacity:.92;
  }
  .subscriber-pill{
    background:rgba(211,163,58,.16);
    border:1px solid rgba(211,163,58,.42);
    border-radius:999px;
    color:#f0d284;
    font-size:.66rem;
    font-weight:900;
    line-height:1;
    padding:5px 7px;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .hiit-module-btn{
    font-size:.92rem;
    min-width:0;
    padding-left:12px;
    padding-right:12px;
    text-transform:uppercase;
  }
  .daily-lesson-btn{
    background:linear-gradient(180deg,#d3a33a,#9a7529) !important;
    color:#071008 !important;
  }
  button[id*="Back"],
  button[id*="Menu"],
  button[id*="Home"],
  #returnMenuBtn{
    background:linear-gradient(180deg,#2c352e,#1b211d);
    color:#d8dec9;
    border-color:rgba(195,210,141,.16);
  }
  .footer{
    margin-top:24px;
    font-size:.9rem;
    color:var(--muted);
  }
  .footer::before{
    content:"";
    display:block;
    width:110px;
    height:1px;
    margin:0 auto 14px;
    background:linear-gradient(90deg,transparent,rgba(195,210,141,.42),transparent);
  }
  .plate{
    font-size:2.4rem;
    font-weight:900;
    background:linear-gradient(180deg,#f5d567,#d6aa2e);
    color:#10130f;
    padding:18px 28px;
    border:2px solid #0b0d0a;
    border-radius:8px;
    display:inline-block;
    letter-spacing:0;
    box-shadow:0 18px 36px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.38);
  }
  .small-plate{
    font-size:1.2rem;
    font-weight:900;
    background:linear-gradient(180deg,#f5d567,#d6aa2e);
    color:#10130f;
    padding:10px 14px;
    border:1px solid #0b0d0a;
    border-radius:6px;
    letter-spacing:0;
    box-shadow:0 10px 24px rgba(0,0,0,.24);
  }
  .intel-card{
    background:linear-gradient(135deg,rgba(34,43,31,.94),rgba(15,21,17,.96));
    border:1px solid rgba(195,210,141,.18);
    border-left:3px solid rgba(211,163,58,.72);
    border-radius:8px;
    color:#eef2df;
    padding:12px;
    text-align:left;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .verbal-pixel-scene{
    background:transparent;
    border:0;
    border-radius:0;
    bottom:auto;
    display:none;
    height:300px;
    left:max(22px,calc(50% - 634px));
    margin:0;
    max-width:none;
    overflow:visible;
    pointer-events:none;
    position:fixed;
    top:48%;
    transform:translateY(-50%);
    width:246px;
    z-index:1;
  }
  .verbal-pixel-scene.is-visible{
    display:block;
  }
  .verbal-pixel-scene span{
    display:block;
    image-rendering:pixelated;
    position:absolute;
  }
  .verbal-ground{
    background:linear-gradient(90deg,transparent,rgba(195,210,141,.3),transparent);
    bottom:18px;
    height:3px;
    left:18px;
    right:18px;
  }
  .verbal-building{
    background:#344032;
    border:4px solid #151812;
    bottom:18px;
    box-shadow:inset -10px -8px 0 rgba(0,0,0,.2),0 18px 28px rgba(0,0,0,.26);
    height:216px;
    left:auto;
    position:absolute;
    right:0;
    transform:none;
    width:188px;
    z-index:2;
  }
  .verbal-roof{
    background:#5f7147;
    border:4px solid #151812;
    height:24px;
    left:-16px;
    top:-26px;
    width:220px;
  }
  .verbal-roof::before{
    background:#718455;
    border:4px solid #151812;
    content:"";
    height:18px;
    left:42px;
    position:absolute;
    top:-18px;
    width:132px;
  }
  .verbal-door{
    background:#10170f;
    border:4px solid #151812;
    bottom:-4px;
    height:82px;
    left:50%;
    transform:translateX(-50%);
    width:56px;
  }
  .verbal-door::after{
    background:#d3a33a;
    content:"";
    height:5px;
    position:absolute;
    right:8px;
    top:38px;
    width:6px;
  }
  .verbal-window{
    background:#c5d1a8;
    border:3px solid #151812;
    height:24px;
    width:30px;
  }
  .verbal-window-left{left:28px;}
  .verbal-window-right{right:28px;}
  .verbal-floor-top{top:28px;}
  .verbal-floor-mid{top:88px;}
  .verbal-floor-low{top:148px;}
  .verbal-person{
    animation:verbalWalkBuilding 20s linear infinite;
    bottom:23px;
    height:92px;
    left:-360px;
    position:absolute;
    transform:scale(.88);
    transform-origin:center bottom;
    width:54px;
    z-index:3;
  }
  .verbal-shadow{
    background:rgba(0,0,0,.34);
    border-radius:50%;
    bottom:-5px;
    height:8px;
    left:1px;
    width:56px;
  }
  .verbal-head{
    background:#c49a63;
    border:3px solid #171812;
    box-shadow:inset -5px -4px 0 rgba(0,0,0,.18);
    height:30px;
    left:12px;
    top:0;
    width:30px;
  }
  .verbal-head::before,
  .verbal-head::after{
    background:#10130f;
    content:"";
    height:4px;
    position:absolute;
    top:10px;
    width:4px;
  }
  .verbal-head::before{left:6px;}
  .verbal-head::after{right:6px;}
  .verbal-body{
    background:#5f7147;
    border:3px solid #171812;
    box-shadow:inset -6px -5px 0 rgba(0,0,0,.18),inset 0 5px 0 rgba(195,210,141,.2);
    height:36px;
    left:9px;
    top:31px;
    width:36px;
  }
  .verbal-arm{
    animation:verbalArmSwing .55s steps(2,end) infinite;
    background:#445537;
    border:3px solid #171812;
    height:34px;
    top:35px;
    transform-origin:center top;
    width:12px;
  }
  .verbal-arm-left{left:0;}
  .verbal-arm-right{animation-delay:.25s;right:0;}
  .verbal-leg{
    animation:verbalStep .55s steps(2,end) infinite;
    background:#2d3b32;
    border:3px solid #171812;
    bottom:0;
    height:30px;
    transform-origin:center top;
    width:15px;
  }
  .verbal-leg-left{left:10px;}
  .verbal-leg-right{animation-delay:.25s;right:10px;}
  @keyframes verbalWalkBuilding{
    0%{left:-360px;opacity:1;}
    24%{left:calc(100% - 126px);opacity:1;}
    25%,74%{left:calc(100% - 126px);opacity:0;}
    75%{left:calc(100% - 126px);opacity:1;}
    100%{left:calc(100% + 76px);opacity:1;}
  }
  @keyframes verbalStep{
    0%,100%{transform:rotate(10deg);}
    50%{transform:rotate(-10deg);}
  }
  @keyframes verbalArmSwing{
    0%,100%{transform:rotate(-10deg);}
    50%{transform:rotate(10deg);}
  }
  .knowledge-controls{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:18px auto 14px;
    max-width:520px;
  }
  .knowledge-controls input,
  .knowledge-controls select{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    background:#0b100c;
    color:var(--paper);
    border:1px solid rgba(195,210,141,.28);
    border-radius:8px;
    font:inherit;
    outline:none;
  }
  .knowledge-controls input{
    grid-column:1 / -1;
  }
  .knowledge-controls input:focus,
  .knowledge-controls select:focus{
    border-color:rgba(211,163,58,.7);
    box-shadow:0 0 0 3px rgba(211,163,58,.12);
  }
  .knowledge-actions{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:10px;
    margin:0 auto 16px;
    max-width:520px;
  }
  .knowledge-actions button,
  .knowledge-options button{
    min-height:48px;
    font-size:.95rem;
  }
  .knowledge-count{
    color:var(--muted);
    font-weight:900;
    margin:8px 0 14px;
  }
  .module-grid{
    display:grid;
    gap:12px;
    max-width:560px;
    margin:0 auto 20px;
  }
  .daily-lesson-grid{
    display:grid;
    gap:12px;
    margin:0 auto 20px;
    max-width:620px;
  }
  .module-card{
    align-items:center;
    background:linear-gradient(135deg,rgba(34,43,31,.94),rgba(15,21,17,.96));
    border:1px solid rgba(195,210,141,.18);
    border-left:3px solid rgba(211,163,58,.72);
    border-radius:8px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    color:#eef2df;
    display:grid;
    gap:12px;
    grid-template-columns:1fr auto;
    padding:14px;
    text-align:left;
  }
  .module-card-title{
    color:#f6f3dc;
    font-size:1.05rem;
    font-weight:900;
    margin-bottom:4px;
  }
  .module-card-kicker{
    color:#f0d284;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:4px;
    text-transform:uppercase;
  }
  .module-card p{
    color:#dce4ce;
    line-height:1.4;
    margin:0;
  }
  .module-card button{
    min-width:138px;
    min-height:44px;
    padding:10px 12px;
  }
  .daily-step-card{
    align-items:center;
    background:linear-gradient(135deg,rgba(34,43,31,.94),rgba(15,21,17,.96));
    border:1px solid rgba(195,210,141,.18);
    border-left:3px solid rgba(211,163,58,.72);
    border-radius:8px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    color:#eef2df;
    display:grid;
    gap:12px;
    grid-template-columns:42px 1fr auto;
    padding:14px;
    text-align:left;
  }
  .daily-step-card p{
    color:#dce4ce;
    line-height:1.4;
    margin:0;
  }
  .daily-step-card button{
    min-width:132px;
    min-height:44px;
    padding:10px 12px;
  }
  .daily-step-number{
    align-items:center;
    background:linear-gradient(180deg,#d3a33a,#9a7529);
    border:1px solid rgba(255,255,255,.22);
    border-radius:8px;
    color:#071008;
    display:flex;
    font-weight:900;
    height:42px;
    justify-content:center;
    width:42px;
  }
  .type-actions{
    display:grid;
    gap:8px;
    grid-template-columns:1fr;
    min-width:160px;
  }
  .flashcard-prompt{
    color:#f6f3dc;
    font-weight:900;
    margin:4px 0 12px;
  }
  .flashcard-cover{
    align-items:center;
    background:rgba(11,16,12,.62);
    border:1px dashed rgba(195,210,141,.26);
    border-radius:8px;
    color:#cfd9bd;
    display:flex;
    font-weight:900;
    justify-content:center;
    min-height:88px;
    padding:14px;
    text-align:center;
  }
  .knowledge-grid,
  .knowledge-stack{
    display:grid;
    gap:12px;
    max-width:540px;
    margin:0 auto 20px;
  }
  .learning-grid{
    display:grid;
    gap:12px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:0 auto 20px;
    max-width:720px;
  }
  .knowledge-card{
    background:linear-gradient(135deg,rgba(34,43,31,.94),rgba(15,21,17,.96));
    border:1px solid rgba(195,210,141,.18);
    border-left:3px solid rgba(211,163,58,.72);
    border-radius:8px;
    color:#eef2df;
    padding:14px;
    text-align:left;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .learning-card{
    background:linear-gradient(135deg,rgba(34,43,31,.94),rgba(15,21,17,.96));
    border:1px solid rgba(195,210,141,.18);
    border-left:3px solid rgba(211,163,58,.72);
    border-radius:8px;
    color:#eef2df;
    padding:14px;
    text-align:left;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .knowledge-card.is-featured{
    margin:0 auto 18px;
    max-width:520px;
  }
  .knowledge-title{
    color:#f6f3dc;
    font-size:1.15rem;
    font-weight:900;
    margin-bottom:8px;
  }
  .knowledge-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:10px;
  }
  .knowledge-meta span{
    background:rgba(195,210,141,.13);
    border:1px solid rgba(195,210,141,.18);
    border-radius:6px;
    color:#dfe8ca;
    font-size:.78rem;
    font-weight:900;
    padding:5px 7px;
  }
  .knowledge-card dl,
  .learning-card dl{
    display:grid;
    grid-template-columns:118px 1fr;
    gap:6px 10px;
    margin:0 0 10px;
  }
  .knowledge-card dt,
  .learning-card dt{
    color:#f0d284;
    font-weight:900;
  }
  .knowledge-card dd,
  .learning-card dd{
    margin:0;
    color:#dce4ce;
  }
  .knowledge-card p,
  .learning-card p{
    margin:0;
    line-height:1.45;
  }
  .hiit-setup{
    margin:0 auto;
    max-width:660px;
  }
  .hiit-dials{
    display:grid;
    gap:12px;
    grid-template-columns:repeat(4,1fr);
    margin:0 auto 14px;
  }
  .hiit-dial{
    background:rgba(11,16,12,.68);
    border:1px solid rgba(195,210,141,.2);
    border-radius:8px;
    display:grid;
    gap:8px;
    padding:12px;
    text-align:left;
  }
  .hiit-dial span{
    color:#f0d284;
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
  }
  .hiit-dial input{
    font-size:1.35rem !important;
    font-weight:900;
    min-height:54px;
    padding:10px 12px;
    text-align:center;
    width:100%;
  }
  .setup-error{
    color:#f0d284 !important;
    font-weight:900;
    min-height:1.35em;
    margin:0 0 12px;
  }
  .hiit-timer{
    color:#f6f3dc;
    font-size:4rem;
    font-weight:900;
    line-height:1;
    margin:12px 0 16px;
    text-shadow:0 0 24px rgba(195,210,141,.18);
  }
  .hiit-mini-timer{
    color:#f0d284;
    font-size:1.25rem;
    font-weight:900;
    margin-top:14px;
  }
  .hiit-round-meta{
    color:#f0d284;
    font-size:.82rem;
    font-weight:900;
    letter-spacing:.08em;
    margin:-12px 0 18px;
    text-transform:uppercase;
  }
  .hiit-answer-stack{
    display:grid;
    gap:14px;
    margin:0 auto 22px;
    max-width:360px;
  }
  .knowledge-options{
    display:grid;
    gap:10px;
    max-width:520px;
    margin:18px auto 0;
  }
  .car-recognition-stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:8px;
    margin:0 auto 18px;
    max-width:640px;
  }
  .car-recognition-stats span{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(195,210,141,.18);
    border-radius:8px;
    color:#d8e0c8;
    font-size:.78rem;
    font-weight:900;
    padding:9px 8px;
    text-align:center;
    text-transform:uppercase;
  }
  .car-recognition-actions{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(150px,1fr));
    gap:10px;
    margin:0 auto 20px;
    max-width:760px;
  }
  .car-upgrade-panel,
  .development-panel{
    background:rgba(211,163,58,.08);
    border:1px solid rgba(211,163,58,.26);
    border-radius:8px;
    color:#f6f3dc;
    display:grid;
    gap:10px;
    line-height:1.45;
    margin:0 auto 18px;
    max-width:620px;
    padding:14px;
  }
  .car-upgrade-panel{
    align-items:center;
    grid-template-columns:1fr auto;
    text-align:left;
  }
  .car-upgrade-panel button{
    font-size:.9rem;
    min-height:42px;
    padding:10px 12px;
  }
  .development-panel{
    max-width:440px;
    text-align:center;
  }
  .development-panel p{
    color:#dce4ce;
    margin:0;
  }
  .car-study-grid,
  .car-image-grid{
    display:grid;
    gap:12px;
    grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
    margin:0 auto;
    max-width:920px;
  }
  .car-study-card,
  .car-image-grid figure,
  .car-flashcard,
  .car-question-card{
    background:rgba(255,255,255,.055);
    border:1px solid rgba(195,210,141,.18);
    border-radius:8px;
    overflow:hidden;
  }
  .car-study-card{
    color:inherit;
    cursor:pointer;
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    min-height:96px;
    padding:0;
    text-align:left;
    transition:border-color .18s ease, transform .18s ease, background .18s ease;
    width:100%;
  }
  .car-study-card:hover,
  .car-study-card:focus-visible{
    background:rgba(255,255,255,.08);
    border-color:rgba(211,163,58,.42);
    transform:translateY(-1px);
  }
  .car-study-card img{
    height:96px;
    width:96px;
  }
  .car-study-card img,
  .car-image-grid img,
  .car-flashcard img,
  .car-question-card img{
    background:#111812;
    display:block;
    object-fit:cover;
  }
  .car-study-card > div{
    align-self:center;
    padding:10px 12px;
  }
  .car-study-title{
    color:#f6f3dc;
    font-weight:900;
  }
  .car-study-meta{
    color:#b8c2a8;
    font-size:.85rem;
    margin-top:4px;
  }
  .car-study-action{
    color:#d3a33a;
    font-size:.68rem;
    font-weight:900;
    margin-top:8px;
    text-transform:uppercase;
  }
  .car-model-strip{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
    margin:-6px auto 18px;
    max-width:520px;
  }
  .car-model-strip span{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(195,210,141,.18);
    border-radius:8px;
    color:#d8e0c8;
    font-size:.76rem;
    font-weight:900;
    padding:8px 10px;
    text-transform:uppercase;
  }
  .car-gallery-list{
    display:grid;
    gap:22px;
  }
  .car-gallery-section h2{
    color:#f6f3dc;
    font-size:1.15rem;
    margin:0 0 10px;
  }
  .car-image-grid figure{
    margin:0;
  }
  .car-image-grid img{
    aspect-ratio:3 / 2;
    width:100%;
  }
  .car-image-grid figcaption{
    color:#b8c2a8;
    font-size:.72rem;
    line-height:1.35;
    min-height:44px;
    padding:8px;
  }
  .car-flashcard,
  .car-question-card{
    margin:0 auto 14px;
    max-width:500px;
  }
  .car-flashcard img,
  .car-question-card img{
    aspect-ratio:3 / 2;
    width:100%;
  }
  .car-answer{
    color:#b8c2a8;
    font-size:1.15rem;
    font-weight:900;
    padding:14px;
  }
  .car-flash-meta{
    border-bottom:1px solid rgba(195,210,141,.14);
    color:#b8c2a8;
    font-size:.78rem;
    font-weight:900;
    padding:10px 14px 0;
    text-transform:uppercase;
  }
  .car-answer.is-visible{
    color:#f6f3dc;
  }
  .car-progress-text{
    color:#b8c2a8;
    font-size:.82rem;
    font-weight:900;
    margin:-10px 0 16px;
    text-transform:uppercase;
  }
  .car-score-panel{
    background:rgba(255,255,255,.055);
    border:1px solid rgba(195,210,141,.18);
    border-radius:8px;
    display:grid;
    gap:4px;
    margin:0 auto 14px;
    max-width:420px;
    padding:16px;
  }
  .car-score-number{
    color:#f6f3dc;
    font-size:1.7rem;
    font-weight:900;
  }
  .car-score-label{
    color:#b8c2a8;
    font-size:.86rem;
    font-weight:900;
    text-transform:uppercase;
  }
  .car-missed-panel{
    background:rgba(211,163,58,.08);
    border:1px solid rgba(211,163,58,.28);
    border-radius:8px;
    color:#f6f3dc;
    line-height:1.45;
    margin:0 auto 14px;
    max-width:560px;
    padding:12px 14px;
  }
  .car-result-card{
    border-left:4px solid rgba(195,210,141,.35);
  }
  .car-result-card.is-correct{
    border-left-color:rgba(195,210,141,.78);
  }
  .car-result-card.is-missed{
    border-left-color:rgba(211,163,58,.78);
  }
  .car-feedback-panel{
    border:1px solid rgba(195,210,141,.22);
    border-radius:8px;
    display:grid;
    gap:6px;
    margin:0 auto 16px;
    max-width:560px;
    padding:14px;
  }
  .car-feedback-panel.is-correct{
    background:rgba(195,210,141,.09);
    border-color:rgba(195,210,141,.44);
  }
  .car-feedback-panel.is-missed{
    background:rgba(211,163,58,.09);
    border-color:rgba(211,163,58,.44);
  }
  .car-feedback-kicker{
    color:#b8c2a8;
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
  }
  .car-feedback-answer{
    color:#f6f3dc;
    font-size:1.25rem;
    font-weight:900;
  }
  .car-feedback-choice{
    color:#b8c2a8;
    font-size:.9rem;
  }
  .car-credits-list{
    display:grid;
    gap:10px;
    margin:0 auto 18px;
    max-width:860px;
    text-align:left;
  }
  .car-credit-card{
    background:rgba(255,255,255,.055);
    border:1px solid rgba(195,210,141,.18);
    border-radius:8px;
    padding:12px;
  }
  .car-credit-title{
    color:#f6f3dc;
    font-weight:900;
    margin-bottom:4px;
  }
  .car-credit-meta{
    color:#b8c2a8;
    font-size:.8rem;
    line-height:1.35;
    overflow-wrap:anywhere;
  }
  .car-credit-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:8px;
  }
  .car-credit-links a,
  .car-credit-links span{
    color:#d8e0c8;
    font-size:.78rem;
    font-weight:900;
    overflow-wrap:anywhere;
    text-transform:uppercase;
  }
  input{
    background:#0b100c !important;
    color:var(--paper) !important;
    border:1px solid rgba(195,210,141,.28) !important;
    border-radius:8px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.25);
    outline:none;
  }
  input:focus{
    border-color:rgba(211,163,58,.7) !important;
    box-shadow:0 0 0 3px rgba(211,163,58,.12),inset 0 1px 0 rgba(255,255,255,.06);
  }
  #streakBox{
    display:none;
    position:fixed;
    top:14px;
    right:14px;
    background:linear-gradient(180deg,#d3a33a,#a9781f);
    color:#080c08;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:8px;
    font-weight:900;
    z-index:999;
    box-shadow:0 16px 36px rgba(0,0,0,.35);
  }
  @media (min-width:1450px){
    .right-pixel-art{
      transform:scale(.76);
    }
  }
  @media (min-width:1700px){
    .right-pixel-art{
      transform:scale(1);
    }
  }
  @media (max-width:900px){
    .container{transform:none;}
    .right-pixel-art{
      display:none;
    }
    .verbal-pixel-scene{
      display:none !important;
    }
  }
  @media (max-width:520px){
    body{padding:14px;}
    .container{padding:32px 20px;}
    h1{font-size:2.35rem;}
    .verbal-pixel-scene{
      display:none !important;
    }
    .main-tabs{
      gap:5px;
    }
    .main-tabs button{
      font-size:.62rem;
      min-height:36px;
      padding:8px 5px;
    }
    .account-bar,
    .account-bar div{
      align-items:stretch;
      flex-direction:column;
    }
    .account-bar{
      text-align:center;
    }
    .auth-switch,
    .access-options,
    .account-panel dl{
      grid-template-columns:1fr;
    }
    .module-btn{
      flex-direction:column;
      gap:6px;
    }
    .plate-mode-row,
    .hiit-dials{
      grid-template-columns:1fr;
    }
    .hiit-timer{
      font-size:3rem;
    }
    .ambient-patrol{
      --pixel-scale:.9;
      --person-left:24px;
      --person-top:68%;
      opacity:.42;
    }
    .knowledge-controls,
    .knowledge-actions,
    .car-recognition-actions,
    .car-upgrade-panel,
    .car-recognition-stats{
      grid-template-columns:1fr;
    }
    .module-card{
      grid-template-columns:1fr;
    }
    .daily-step-card{
      grid-template-columns:1fr;
      text-align:center;
    }
    .daily-step-number{
      margin:0 auto;
    }
    .daily-step-card button{
      width:100%;
    }
    .module-card button,
    .type-actions{
      width:100%;
    }
    .learning-grid{
      grid-template-columns:1fr;
    }
    .car-study-card{
      grid-template-columns:1fr;
      text-align:center;
    }
    .car-study-card img{
      aspect-ratio:3 / 2;
      height:auto;
      width:100%;
    }
    .type-actions{
      grid-template-columns:1fr;
      min-width:0;
    }
    .knowledge-card dl{
      grid-template-columns:1fr;
    }
    .plate{font-size:2rem;padding:16px 20px;}
    button{font-size:1rem;}
  }