/* Route 77 — forged steel, chrome, black leather. Presentation only. */
:root{
 --void:#07090c;--bg:#0d1014;--panel:#14181d;--panel-2:#1b2026;--panel-3:#252b32;
 --leather:#151a20;--leather-hi:#252b34;--steel:#48515d;--steel-hi:#75818e;--chrome:#c1cbd5;
 --blood:#b77d32;--blood-hi:#e5af51;--brass:#c69b51;--brass-hi:#edd19a;--rust:#976444;--moss:#668d80;
 --bone:#f1f0e9;--text:#d2d4d7;--muted:#9ca5af;--dim:#7e8994;--line:#323b46;--line-2:#53606e;
 --ok:#79b59e;--warn:#e2b764;--bad:#cf796b;--quote:#bec5cd;--city:#78a9d4;--track:#070a0e;
 --r-s:2px;--r-m:3px;--r-l:4px;--nav-h:70px;--gutter:16px;--shell-max:600px;
 --forge-blue:#5199d0;--forge-edge:linear-gradient(135deg,#8694a5 0%,#303943 22%,#778596 48%,#1c2530 75%,#748596 100%);
 --shadow:0 16px 42px #0007;--inset:inset 0 1px 0 #a7b7cd15,inset 0 -1px 0 #0008;
}
/* Clip horizontal overflow without creating a body scroll container that
 * traps wheel events behind overscroll-behavior:none. */
html,body{overflow-x:clip;max-width:100%;scrollbar-color:#4c5665 #0d1014}
body{font-family:Rajdhani,sans-serif;font-weight:500;background:var(--void);font-size:16px}
.dsp{font-family:Oswald,Impact,sans-serif;letter-spacing:.08em}
.rye{font-family:Oswald,Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.type{font-family:'Special Elite',monospace}
#app{background:var(--bg);box-shadow:none}
.grain::before{opacity:.025;z-index:0}
.vignette::after{display:none}
.shell-grid,.col{position:relative;z-index:1;min-width:0}
.topbar{background:linear-gradient(180deg,#242b33,#13181e);border-bottom:1px solid #758291;box-shadow:0 5px 20px #0006}
.tb-row{padding:12px var(--gutter);gap:12px}
.tb-name{font-size:17px;letter-spacing:.06em}
.tb-rank{font-size:10px;color:#9faaba;letter-spacing:.11em}
.tb-money{font-size:15px}.tb-money i{font-size:10px;color:#a3b8ca}.tb-money b{color:var(--brass-hi)}
.meters{gap:10px;padding-bottom:12px}.meter .lbl,.meter .val{font-size:9px;color:var(--muted)}
.bar{height:7px;background:var(--track);border:1px solid #424d5c;border-radius:1px}
.bar.energy>span{background:linear-gradient(90deg,#38685b,#8fbf9e)}
.bar.health>span{background:linear-gradient(90deg,#824b44,#cf8576)}
.bar.fuel>span{background:linear-gradient(90deg,#8c6b36,#e9c77e)}
.bar.heat>span{background:linear-gradient(90deg,#455366,#c77565)}
.bar.xp>span{background:linear-gradient(90deg,#3a6b8f,#91c2df)}
.nav{background:linear-gradient(180deg,#242a32,#101419);border-color:#657382;box-shadow:0 -8px 25px #0005}
.nav button{font-size:8px;color:#a7b0bb;letter-spacing:.03em;gap:5px}
.nav button svg{width:25px;height:25px}.nav button.on{color:#e6cd9b}
.nav button.on::before{background:#689ac0;height:3px;left:10%;right:10%}
.forge-icon{display:block;overflow:visible;filter:drop-shadow(0 2px 2px #0009)}
.screen{padding-top:18px;padding-bottom:calc(var(--nav-h) + 34px);animation:forge-in .25s ease-out}
.screen::before{display:none}
@keyframes forge-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.forge-mast{position:relative;isolation:isolate;overflow:hidden;min-height:180px;margin-bottom:22px;padding:24px;border:1px solid #657483;background:#0d1219;box-shadow:0 12px 30px #0004}
.forge-mast::before{content:'';position:absolute;z-index:-2;inset:0;background:url('/img/forge/night-workshop.jpg') 70% 48%/cover;opacity:.8}
.forge-mast::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#090e15fa 0%,#10151ec7 45%,#0a10122b 90%),linear-gradient(0deg,#070c15aa,transparent)}
.forge-mast .eyebrow{font:10px Oswald,sans-serif;letter-spacing:.24em;color:#b6c7da;display:flex;align-items:center;gap:10px}
.forge-mast .eyebrow::before{content:'';height:2px;width:24px;background:#71a6cc}
.forge-mast h1{font:600 clamp(30px,5vw,46px)/1.05 Oswald,Impact,sans-serif;color:#f0eeea;margin:13px 0 10px;letter-spacing:.015em;text-transform:uppercase;max-width:520px}
.forge-mast p{margin:0;color:#c0c8d0;font-size:14px;line-height:1.5;max-width:410px}
.forge-mast .mast-mark{position:absolute;right:15px;bottom:11px;font:600 74px/1 Oswald,sans-serif;color:#d3dfec;opacity:.12}
.forge-mast .mast-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;font:10px Oswald,sans-serif;letter-spacing:.11em;color:#c4ae87}
.forge-mast .mast-foot span{border:1px solid #536271;background:#10192399;padding:5px 9px}
.screen[data-screen='market'] .forge-mast::after{background:linear-gradient(90deg,#110d0bfa,#20150bd1 50%,#0c0b0833)}
.screen[data-screen='profile'] .forge-mast::before{background-image:url('/img/forge/rider-portrait.jpg');background-position:right 24%;background-size:auto 180%;background-repeat:no-repeat}
.hdr{align-items:center;flex-wrap:wrap;margin-bottom:16px;gap:8px 14px;border-bottom:1px solid var(--line);padding-bottom:12px}
.hdr h2{font:500 24px/1.2 Oswald,sans-serif;color:var(--bone);text-shadow:none}.hdr .sub{font:11px Rajdhani,sans-serif;color:var(--muted);letter-spacing:.07em}
.section-t{font:500 12px Oswald,sans-serif;color:var(--chrome);letter-spacing:.14em;margin:22px 0 14px}.section-t::after{background:linear-gradient(90deg,#71819466,transparent)}
.card,.card.leather,.card.steel,.list-item{background:linear-gradient(140deg,#20262e,#13181e);border:1px solid var(--line);box-shadow:var(--inset);border-radius:3px}
.card{padding:16px;margin-bottom:14px}.card.leather{background:repeating-linear-gradient(108deg,#c0d2ef04 0 2px,transparent 2px 6px),linear-gradient(150deg,#1c232c,#11161c)}
.card.steel{background:repeating-linear-gradient(90deg,#ddeaff03 0 1px,transparent 1px 4px),linear-gradient(135deg,#272f39,#151b23);border-color:#687584}
.card .corner{background:linear-gradient(225deg,#82aacf40,transparent 60%)}
.li-t{font-family:Oswald,sans-serif;font-size:15px;line-height:1.35;letter-spacing:.015em}.li-s{color:var(--muted);font-size:12px;line-height:1.5}
.list-item{padding:15px;margin-bottom:8px;transition:background .18s,border-color .18s}.list-item:hover{background:linear-gradient(135deg,#293543,#171d26);border-color:#8a9cb1}
.list-item.locked:hover{background:linear-gradient(140deg,#20262e,#13181e)}
.li-ico{background:#0f151c;border:1px solid #536171;border-radius:2px;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center}.li-ico svg{width:28px;height:28px}
.btn{background:linear-gradient(180deg,#34404d,#19222d);border:1px solid #758497;color:var(--bone);font:500 12px Oswald,sans-serif;letter-spacing:.09em;padding:11px 14px;min-height:40px;box-shadow:inset 0 1px 0 #cfdae929,inset 0 -2px 0 #05080c;cursor:pointer;border-radius:2px}
.btn:hover{filter:brightness(1.2);border-color:#b8c6d4}.btn:active{transform:translateY(1px)}
.btn.primary{background:linear-gradient(180deg,#466b8b,#1e354b);border-color:#97b9d4;color:#f0f5fa}
.btn.brass{background:linear-gradient(180deg,#a88347,#5f4927);border-color:#ddc292;color:#faf1dc}
.btn.ghost{background:transparent;border-color:var(--line-2);box-shadow:none;color:var(--text)}
.btn.sm{font-size:10px;padding:8px 10px;min-height:34px}.btn.xs{min-height:28px}
.btn:disabled{opacity:.45;cursor:default;filter:none}
.tag{font:500 9px Oswald,sans-serif;letter-spacing:.08em;padding:4px 7px;background:#0e141b;border-radius:2px;border-color:#465668}
.tag.brass{background:#271e12;color:#dfbd80;border-color:#705b37}.tag.steel{background:#17212c;color:#bccadc;border-color:#4a6077}
.tag.blood,.tag.illegal{background:#2b1714;color:#e0a092;border-color:#82584b}.tag.moss{background:#14251e;color:#a2c8b3;border-color:#3d6553}
.grid-auto{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.item-card{background:linear-gradient(135deg,#28313c 0%,#101720 22%,#151b23 85%,#38424c 100%);border:1px solid #68778a;padding:6px 6px 14px;box-shadow:inset 0 0 0 3px #070b12,inset 0 0 0 4px #49566650,0 8px 18px #0004;position:relative;border-radius:2px}
.item-card:hover{border-color:#a3bed5;transform:translateY(-3px);box-shadow:inset 0 0 0 3px #0a0f16,0 12px 25px #0007}
.item-card .thumb{height:auto;aspect-ratio:1;display:block;background:#090d12;overflow:hidden;margin-bottom:12px;border:1px solid #404c59;position:relative}
.item-card .thumb .art-img{width:100%;height:100%;object-fit:contain}
.item-card .nm{padding:0 8px;font:500 14px/1.3 Oswald,sans-serif;min-height:37px;color:#e9edf0}
.item-card .pr{padding:0 8px;font:600 16px Rajdhani,sans-serif;margin-top:6px;letter-spacing:.01em}
.item-card .rar{height:3px;background:var(--item-accent,#71a8d2);top:auto;bottom:0;left:18%;width:64%}
.item-card .item-meta{padding:4px 8px 0;display:flex;align-items:center;justify-content:space-between;color:#91a0b0;font:9px Oswald,sans-serif;letter-spacing:.08em}
.item-card.eq::after{position:static;display:block;margin:7px 8px -2px;font-size:8px;color:#d8bd83;letter-spacing:.15em}
.item-card .xs.ok{padding:4px 8px}
.forge-sprite{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:600% 600%;aspect-ratio:1;border-radius:1px}
.forge-item-image{display:block;width:100%;height:100%;overflow:hidden;position:relative;background:#070b0e}
.forge-item-image .art-img{height:126%;width:126%;max-width:none;object-fit:cover;position:absolute;left:-13%;top:-13%}
.forge-bike-sprite{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:300% 400%}
.bike-stage{min-height:330px;background:radial-gradient(ellipse at 50% 75%,#34435155,transparent 65%),linear-gradient(0deg,#10161d,#080d13);padding:22px 14px 16px;border:1px solid #5a6c81;overflow:hidden;margin-bottom:18px;box-shadow:inset 0 -1px 0 #9fafc740,0 12px 28px #0005}
.bike-stage::before{content:'CUSTOM / BUILT FOR THE ROAD';position:absolute;top:12px;left:14px;color:#74879d;font:9px Oswald,sans-serif;letter-spacing:.14em}
.bike-stage .bike-img{width:100%;max-height:290px;object-fit:contain;margin:28px auto 14px;filter:drop-shadow(0 20px 12px #000b)}
.bike-stage .forge-bike-sprite{max-width:520px;margin:-30px auto -25px;position:relative;z-index:2}
.bike-stage .floor{height:33%;opacity:.3;background:repeating-linear-gradient(90deg,#678bb516 0 1px,transparent 1px 34px)}
.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.slot{min-width:0;background:#111821;border:1px dashed #627185;border-radius:2px;aspect-ratio:1}
.slot.filled{background:linear-gradient(135deg,#2c3744,#0d131c);border-color:#74869b}.slot .sl{font:8px Oswald,sans-serif;letter-spacing:.01em;color:#c6ced7;background:#0a101cd9;padding:4px 1px;z-index:3}
.slot .forge-sprite,.slot .forge-item-image{width:92%;height:92%;margin:auto}.slot svg{max-width:34px;max-height:34px}
.hero{background:radial-gradient(ellipse at 50% 10%,#43658755,transparent 70%),linear-gradient(145deg,#1c2531,#0a1018);border:1px solid #697c93;box-shadow:inset 0 1px 0 #95a9c52e}
.hero .hero-in{padding:26px 22px 18px}.hero .hname{font:500 30px Oswald,sans-serif;letter-spacing:.03em}.hero .hrank{font-size:11px;letter-spacing:.2em}.hero .hbio{font-size:14px;line-height:1.6}
.hero .hstats{background:#4d5b6b;gap:1px;margin-top:22px}.hero .hstat{background:#111923;padding:13px 4px}.hero .hstat b{font:600 26px Oswald,sans-serif}.hero .hstat span{font-size:9px;color:#99a9b9}
.forge-portrait{width:104px;height:104px;object-fit:cover;border:3px solid #8697ab;outline:1px solid #151e2a;box-shadow:0 12px 20px #0008;border-radius:2px;margin:0 auto 18px}
.rep{background:linear-gradient(145deg,#233041,#111b28);border:1px solid #52667d;border-radius:2px}.rep .rep-d{font-size:12px;line-height:1.5;color:#a3afbd}.rep .rep-v{font:500 27px Oswald,sans-serif}.rep .rep-bar{background:#0a1017}
.stat-line,.ledger-row{border-bottom:1px solid var(--line);padding:9px 0;font-size:14px}.stat-line b{font-weight:600}
.pill-tabs{gap:7px;padding-bottom:8px;margin-bottom:16px}.pill{background:#141d28;color:#b6c0cd;border:1px solid #4e5e70;font:500 10px Oswald,sans-serif;letter-spacing:.06em;padding:10px 13px;border-radius:2px;flex-shrink:0;min-height:36px}
.pill.on{background:linear-gradient(180deg,#354c62,#1b2a39);border-color:#94b4d0;color:#e0edf7;box-shadow:inset 0 -2px 0 #6c98ba}
.field{margin-bottom:16px}.field label{font:500 10px Oswald,sans-serif;color:var(--muted);letter-spacing:.15em;margin-bottom:7px}
.field input,.field textarea,.field select{background:#080e15;border:1px solid #53657b;color:var(--bone);border-radius:2px;padding:12px 13px;font:500 16px Rajdhani,sans-serif;min-height:45px;box-shadow:inset 0 3px 6px #0004}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#91b2d5;box-shadow:0 0 0 2px #6b99bd25}
.sheet-bg{background:#03070dde;backdrop-filter:blur(7px)}
.sheet{background:linear-gradient(160deg,#242e3a,#0e1621);border:1px solid #9bb1c9;border-top:3px solid #689dc8;box-shadow:inset 0 1px 0 #dbefff20,0 25px 75px #000b;color:#d1d8e0;padding:24px}
.sheet h3{font:500 25px Oswald,sans-serif;letter-spacing:.04em;color:#f1f3f4}.sheet .grab{background:#a3b4c8}
.sheet .row:has(.item-img),.sheet .row:has(.forge-sprite),.sheet .row:has(.forge-item-image){align-items:center}
.sheet .row > div:first-child:has(.forge-item-image),.sheet .row > div:first-child:has(.forge-sprite){width:112px!important;flex-basis:112px!important;height:112px}
.toast,.tipbox{background:linear-gradient(135deg,#2c3949,#121d2a);border:1px solid #8babc9;color:#e1e8ef;box-shadow:0 16px 38px #0008}.toast.epic{background:linear-gradient(135deg,#3a2e18,#1a1610);border-color:#bc9755}
.toast b,.tipbox b{font-family:Oswald,sans-serif}.tip-i{color:#b4cade;border-color:#59708b}.tipfix{background:#111c28}.tipbox .btn{font-size:10px}
.timer{background:linear-gradient(150deg,#233144,#101925);border-color:#667b94}.timer .tprog{background:#080e16}.timer .trider{color:#bfd3e4}
.stage.now::before{background:#6da5d1;border-color:#b3d3ed;box-shadow:0 0 0 3px #6da5d122}.stage.done::before{background:#bb975c}
.next-step{background:linear-gradient(90deg,#233e5480,transparent);border-color:#6887a2}.next-step .ns-k{color:#bdd5e7}.next-step .ns-t{font-size:14px;line-height:1.5}.next-step .btn{flex-shrink:0}
.screen-guide{background:#12202d80;border:1px dashed #627b95;font-size:13px;line-height:1.55;padding:13px 34px 13px 14px}.screen-guide b{color:#c4d9e7}
.broadcast{background:linear-gradient(90deg,#765d294d,transparent);border-color:#b99a63;color:#dfc69c}
.jail{background:repeating-linear-gradient(90deg,#04070bbc 0 7px,transparent 7px 38px),linear-gradient(145deg,#30231f,#131719);border-color:#9b7b68}.jail h3{font-family:Oswald,sans-serif;color:#d3ac91}
.empty{color:var(--muted);font-size:14px;background:#11192260;border:1px dashed #465c72;min-height:125px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:12px 0}
.empty svg{opacity:.7;width:44px;height:44px;margin:0}
.cf{border-color:#8192a9!important;background:#101720!important;color:#d7e0ed!important}.cf-diamond{background:#bb914d!important;color:#0d1118!important}
.patch-svg{filter:drop-shadow(0 8px 9px #0009)}
.map-card{padding:5px;background:#070c13;border:1px solid #74859b;box-shadow:inset 0 0 0 3px #1a2737}.map-card #cityMap{height:470px}
.mg-root{font-family:Rajdhani,sans-serif}.mg-side,.mg-card,.mg-search input,.mg-search,.mg-side-head,.mg-control,.mg-popup{background:#111b28;color:#ccd7e2;border-color:#687f97}
.mg-plabel,.mg-dlabel{font-family:Oswald,sans-serif;letter-spacing:.03em;stroke:#050b13;fill:#d3e0ee}
.mg-dedge{stroke:#91b2d0}.mg-canvas{background:#080f18}.mg-disc{fill:#12243a;stroke:#9abbd6}.mg-pin:hover .mg-disc{fill:#29435f}
.mg-ico{stroke:#c7d8e9}.mg-you{filter:drop-shadow(0 0 6px #89d2ff)}
.dv{background:#080d15}.dv-bar{background:linear-gradient(180deg,#283547,#111b28);border-color:#8ba7c6}.dv-name{color:#e2eaf2}.dv-back{background:#233a51;border-color:#8ca8c3;color:#d9e9f8}
.auth{position:relative;isolation:isolate;padding:38px 22px;min-height:100svh;background:#070c13;overflow:hidden}
.auth::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/img/forge/night-workshop.jpg') 75% 50%/cover;opacity:.75}
.auth::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070d15fa,#0a111cdc 52%,#090f1977)}
.auth-inner{max-width:420px;margin:0 auto}.auth .logo{margin-bottom:9px}.auth .logo svg{width:110px;height:125px;margin:auto}.auth .tagline{font-size:9px;color:#b8c5d5;letter-spacing:.18em;margin:12px 0 0}
.auth .card{padding:24px;background:linear-gradient(140deg,#243244e8,#0d1724ee);border:1px solid #7b95b1;box-shadow:inset 0 0 0 3px #0a1019,0 24px 70px #0009}
.auth-switch{font-size:14px}.auth .xs.dim{font-size:12px;color:#9aaabc}.auth .auth-description{margin-top:24px;border-top:1px solid #506179;font-size:13px;color:#a8b5c3;line-height:1.7;padding-top:17px}
.forge-auth-wordmark{font:600 64px/.9 Oswald,Impact,sans-serif;letter-spacing:.03em;color:#ecece8;text-align:center;margin:16px 0 0}.forge-auth-wordmark span{color:#88aeca}
.forge-auth-kicker{text-align:center;color:#869fb8;font:10px Oswald,sans-serif;letter-spacing:.25em;margin-top:17px}
.auth-pitch{display:none}
@media(min-width:680px){.grid-auto{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.sheet{max-width:660px}.forge-mast{padding:30px;min-height:215px}.forge-mast h1{font-size:48px}.map-card #cityMap{height:540px}}
@media(min-width:1000px){
 :root{--shell-max:1540px;--rail-w:235px;--gutter:28px}
 body{background:radial-gradient(ellipse at 60% 0%,#172432,#070b11 65%)}
 #app{border-color:#3c4c5f}.nav{background:linear-gradient(180deg,#18212d,#0d151f 65%,#09111b);padding:0 15px 12px;border-right:1px solid #607790}
 .nav-brand{padding:24px 6px 22px;text-align:center;border-bottom:1px solid #516781}.nav-brand .forge-seal{width:70px;display:block;margin:0 auto 16px}.nav-brand .forge-seal svg{width:70px;height:79px}.nav-brand .nb-t{font:600 24px Oswald,sans-serif;letter-spacing:.08em}.nav-brand .nb-s{color:#9db6cd;font-size:8px;letter-spacing:.18em;margin-top:9px}
 .nav button{font-size:11px;padding:13px 12px;gap:12px;letter-spacing:.07em;min-height:49px}.nav button svg{width:25px;height:25px}.nav button.on{background:linear-gradient(90deg,#2f465d,#182a3a);border-color:#668bac;color:#e8edf2}.nav button.on::before{background:#86b8d9;height:auto;left:-1px;width:3px;top:6px;bottom:6px}.nav button:hover{background:#223244}
 .nav-foot{color:#a5b5c6;font:9px Oswald,sans-serif;border-color:#496077;padding:20px 4px 10px;letter-spacing:.15em}
 .screen{max-width:none;padding-top:24px}.tb-row{padding-top:16px}.tb-badge{width:54px;height:54px;flex-basis:54px}.tb-name{font-size:19px}.tb-money{font-size:18px}.meters{gap:17px}
 .forge-mast{min-height:225px}.forge-mast h1{font-size:51px}.forge-mast p{font-size:16px}.forge-mast .mast-mark{font-size:124px;bottom:8px;right:23px}
 .grid-auto{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.item-card .thumb{height:auto}.item-card .nm{font-size:16px;min-height:42px}.item-card .pr{font-size:18px}.item-card .item-meta{font-size:9px}
 .cols{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px}.cols.even{gap:22px}.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.slot .sl{font-size:9px}
 .auth{padding:55px 8%;align-items:flex-start;justify-content:center}.auth-inner{margin:0;max-width:390px}.auth .logo{display:none}.auth::after{background:linear-gradient(90deg,#050b14fa,#07101cec 43%,#0a111940 80%)}.forge-auth-wordmark{text-align:left;font-size:86px;letter-spacing:.025em}.forge-auth-kicker{text-align:left;margin-top:20px;font-size:11px}.auth .tagline{text-align:left}.auth-pitch{display:block;position:absolute;bottom:58px;right:50px;color:#e6ddcb;font:500 14px Oswald,sans-serif;letter-spacing:.2em;max-width:230px;text-align:right;line-height:1.6}
 .map-card #cityMap{height:570px}.screen[data-screen='map'] .forge-mast{min-height:190px}
}
@media(max-width:379px){:root{--gutter:12px}.grid-auto{gap:10px}.item-card .nm{font-size:12px;padding:0 5px}.item-card .pr{font-size:15px;padding:0 5px}.item-card .item-meta{font-size:8px;padding:4px 5px}.tb-name{font-size:14px}.tb-money{font-size:13px}.nav button{font-size:7px;letter-spacing:0}.forge-mast{padding:19px;min-height:175px}.forge-mast h1{font-size:30px}.forge-mast p{font-size:12px}.mast-foot span{font-size:8px}.sheet{padding:18px}.sheet .row>div:first-child:has(.forge-sprite),.sheet .row>div:first-child:has(.forge-item-image){width:82px!important;flex-basis:82px!important;height:82px}.next-step{flex-wrap:wrap}.next-step .btn{margin-top:4px}.btn-row{flex-wrap:wrap}}
html[data-theme='light']{--void:#ccd4da;--bg:#e2e7eb;--panel:#edf0f2;--panel-2:#f6f8f9;--panel-3:#dbe2e8;--leather:#dce3e9;--leather-hi:#c9d3dd;--bone:#152334;--text:#263748;--muted:#526579;--dim:#617489;--line:#b0bdcb;--line-2:#8093a7;--chrome:#3c556f;--brass:#836329;--brass-hi:#77551c;--city:#335e83;--track:#c0ccd9;--ok:#306b53;--bad:#8e4538;--quote:#4b6278}
html[data-theme='light'] #app{background:var(--bg)}
html[data-theme='light'] .topbar,html[data-theme='light'] .nav{background:linear-gradient(180deg,#edf2f6,#cdd9e5);border-color:#7993ae;box-shadow:0 4px 14px #17334a20}
html[data-theme='light'] .nav button{color:#3a526b}html[data-theme='light'] .nav button.on{background:#bbcfe1;color:#173e60;border-color:#7095b6}
html[data-theme='light'] .card,html[data-theme='light'] .card.leather,html[data-theme='light'] .card.steel,html[data-theme='light'] .list-item,html[data-theme='light'] .rep{background:linear-gradient(140deg,#f7f9fa,#dfe7ee);border-color:#a1b1c2;box-shadow:inset 0 1px 0 #fff8}
html[data-theme='light'] .list-item:hover{background:#f6faff;border-color:#6489aa}html[data-theme='light'] .li-ico{background:#e9f0f7}
html[data-theme='light'] .item-card{background:linear-gradient(140deg,#e6edf4,#b5c4d3);border-color:#7089a0;box-shadow:inset 0 0 0 3px #d0dbe6}
html[data-theme='light'] .item-card .nm{color:#1a3047}html[data-theme='light'] .item-card .item-meta{color:#3f5a73}
html[data-theme='light'] .btn{background:linear-gradient(180deg,#f0f5f9,#c7d5e2);color:#16324c;border-color:#7291ac}html[data-theme='light'] .btn.primary{background:linear-gradient(180deg,#4b7499,#204360);color:#f0f6fb}html[data-theme='light'] .btn.brass{background:linear-gradient(180deg,#b28c4c,#735825);color:#fff4dc}
html[data-theme='light'] .field input,html[data-theme='light'] .field textarea,html[data-theme='light'] .field select{background:#f8fbfd;border-color:#90a5b9;color:#1d3348}
html[data-theme='light'] .pill{background:#dde6ed;color:#35506c;border-color:#9badc0}html[data-theme='light'] .pill.on{background:#b7cee1;border-color:#6088a9;color:#143958}
html[data-theme='light'] .hero{background:linear-gradient(150deg,#e3ebf3,#bbcddf);border-color:#7f9bb6}html[data-theme='light'] .hero .hstat{background:#e9eff4}
html[data-theme='light'] .sheet,html[data-theme='light'] .toast,html[data-theme='light'] .tipbox{background:linear-gradient(140deg,#f6f9fc,#dbe6ef);border-color:#6e8da9;color:#263b50}html[data-theme='light'] .sheet h3{color:#173550}
html[data-theme='light'] .bike-stage{background:linear-gradient(160deg,#d9e3ed,#a3b9cf);border-color:#6a8ba7}
html[data-theme='light'] .slot{background:#d9e4ee;border-color:#7d97ad}html[data-theme='light'] .empty{background:#cfdeeb77;color:#445d76}
html[data-theme='light'] .next-step,html[data-theme='light'] .screen-guide{background:#bad2e46b;color:#253e55;border-color:#7e9ab3}
html[data-theme='light'] .auth .card{background:linear-gradient(140deg,#1f3048ed,#0b1829ef);color:#d3deec}html[data-theme='light'] .auth .field input{background:#091624;color:#eef4ff}html[data-theme='light'] .auth .field label{color:#a6bad0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}