/* Nitro Kings prototype — shared styles for the 3 art directions (3d / cartoon / street). Fonts are self-hosted (OFL). */
@font-face{font-family:'Lilita One';font-style:normal;font-weight:400;font-display:swap;src:url(a/fonts/lilitaone-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Lilita One';font-style:normal;font-weight:400;font-display:swap;src:url(a/fonts/lilitaone-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(a/fonts/nunito-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(a/fonts/nunito-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url(a/fonts/rajdhani-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url(a/fonts/rajdhani-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Teko';font-style:normal;font-weight:600;font-display:swap;src:url(a/fonts/teko-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Teko';font-style:normal;font-weight:600;font-display:swap;src:url(a/fonts/teko-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* ============================== base ============================== */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000}
body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-transform:inherit;letter-spacing:inherit}
img{-webkit-user-drag:none;user-select:none}
svg{display:block;width:100%;height:100%;fill:currentColor}
a{color:inherit}
:root{--u:4px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--fz:1}

/* rarity palette */
.r0{--rc:#9aa3ad;--rc2:#5f6873;--rcb:#e8ecf0}
.r1{--rc:#3b8bff;--rc2:#1d57c4;--rcb:#d4e6ff}
.r2{--rc:#a64dff;--rc2:#6d1fc0;--rcb:#eddcff}
.r3{--rc:#ffb300;--rc2:#d06a00;--rcb:#fff0c0}

/* ============================== themes (variables) ============================== */
.nk-3d{
  --fd:'Lilita One','Arial Rounded MT Bold','Trebuchet MS',sans-serif;--fb:'Nunito','Arial Rounded MT Bold',system-ui,sans-serif;--fbw:800;
  --ink:#5b3216;--ink2:#9a6236;--acc:#ff7a12;--good:#2fbf4a;--bad:#ff3b30;
  --pbg:linear-gradient(180deg,#fff8ee 0%,#ffe2c4 100%);
  --cbg:linear-gradient(180deg,#fffbf4 0%,#ffeedb 100%);
  --btn:linear-gradient(180deg,#ffc560 0%,#ff9324 52%,#ff6c12 100%);--btnsh:#bd4a08;--btnink:#fff;
  --btn2:linear-gradient(180deg,#8fe866 0%,#3fbf3a 55%,#27a032 100%);--btn2sh:#1f7a26;
  --dim:radial-gradient(ellipse at 50% 42%,rgba(70,30,0,.5) 0%,rgba(28,10,0,.86) 75%);
  --txs:0 calc(var(--u)*.45) 0 rgba(90,30,0,.55),0 0 calc(var(--u)*1.2) rgba(90,30,0,.35);
}
.nk-cartoon{
  --fd:'Lilita One','Arial Rounded MT Bold','Trebuchet MS',sans-serif;--fb:'Nunito','Arial Rounded MT Bold',system-ui,sans-serif;--fbw:800;
  --ink:#3a1f0a;--ink2:#7a4a22;--acc:#e8462a;--good:#3fae2a;--bad:#e0362a;--ol:#2a1205;
  --pbg:radial-gradient(ellipse at 18% 20%,rgba(255,255,255,.4),rgba(255,255,255,0) 45%),linear-gradient(180deg,#f7e8c4 0%,#ead197 100%);
  --cbg:radial-gradient(ellipse at 25% 15%,rgba(255,255,255,.45),rgba(255,255,255,0) 50%),linear-gradient(180deg,#faefd2 0%,#ecd6a2 100%);
  --btn:linear-gradient(180deg,#a6ef62 0%,#5cc22e 55%,#3f9a1f 100%);--btnsh:#2a1205;--btnink:#fff;
  --btn2:linear-gradient(180deg,#ffe066 0%,#ffbf1f 60%,#f29a0c 100%);--btn2sh:#2a1205;
  --dim:radial-gradient(ellipse at 50% 42%,rgba(40,20,5,.55) 0%,rgba(20,10,2,.88) 75%);
  --txs:0 .09em 0 var(--ol),.06em .06em 0 var(--ol),-.06em .06em 0 var(--ol),.06em -.06em 0 var(--ol),-.06em -.06em 0 var(--ol),.08em 0 0 var(--ol),-.08em 0 0 var(--ol),0 -.07em 0 var(--ol),0 .12em 0 var(--ol);
}
.nk-street{
  --fd:'Teko','Arial Narrow','Roboto Condensed',sans-serif;--fb:'Rajdhani','Arial Narrow',system-ui,sans-serif;--fbw:600;--fz:1.24;
  --ink:#e6f4ff;--ink2:#8fb4d6;--acc:#ff2bd6;--good:#2bffa0;--bad:#ff2b5c;--neon:#00e5ff;--neon2:#ff2bd6;
  --pbg:linear-gradient(180deg,rgba(14,14,38,.80) 0%,rgba(6,6,20,.86) 100%);
  --cbg:linear-gradient(160deg,rgba(26,24,70,.97) 0%,rgba(8,8,26,.97) 100%);
  --btn:linear-gradient(100deg,#00c6ff 0%,#5a5cff 55%,#c22bff 100%);--btnsh:#2a0a5a;--btnink:#fff;
  --btn2:linear-gradient(100deg,#ff2bd6 0%,#ff5a7a 100%);--btn2sh:#5a0a40;
  --dim:radial-gradient(ellipse at 50% 30%,rgba(60,0,80,.55) 0%,rgba(2,2,14,.9) 70%);
  --txs:0 0 calc(var(--u)*1.4) rgba(255,43,214,.85),0 0 calc(var(--u)*.4) rgba(0,0,0,.9);
}

/* ============================== frame / layout ============================== */
#nk-bg{position:fixed;inset:-60px;background:#000 50% 50%/cover no-repeat;filter:blur(26px) brightness(.5) saturate(1.2);display:none;pointer-events:none}
#nk{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;
  --ph:calc(var(--u)*57);--nh:calc(var(--u)*17);
  font-family:var(--fb);font-weight:var(--fbw);color:var(--ink);background:#111}
@media (min-aspect-ratio:3/4),(min-width:600px){
  body{display:flex;align-items:center;justify-content:center}
  #nk-bg{display:block}
  #nk{width:min(480px,calc(100vh * 9 / 19.5));width:min(480px,calc(100dvh * 9 / 19.5));max-height:1040px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 20px 80px rgba(0,0,0,.7)}
}

/* road view */
#nk-road{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;z-index:1;background:#2a2a2a 50% 40%/cover no-repeat;will-change:transform}
#nk-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;background:transparent}
#nk-lines{position:absolute;inset:0;opacity:0;pointer-events:none;transform-origin:50% var(--vpy,40%);
  background:repeating-conic-gradient(from 0deg at 50% var(--vpy,40%),rgba(255,255,255,0) 0deg 4deg,rgba(255,255,255,.6) 4deg 4.4deg,rgba(255,255,255,0) 4.4deg 7.5deg,rgba(255,255,255,.35) 7.5deg 7.8deg,rgba(255,255,255,0) 7.8deg 11deg);
  -webkit-mask-image:radial-gradient(circle at 50% var(--vpy,40%),transparent 26%,rgba(0,0,0,.6) 50%,#000 80%);mask-image:radial-gradient(circle at 50% var(--vpy,40%),transparent 26%,rgba(0,0,0,.6) 50%,#000 80%);
  animation:nk-lines .16s steps(2) infinite}
.nk-street #nk-lines{background:repeating-conic-gradient(from 0deg at 50% var(--vpy,40%),rgba(0,229,255,0) 0deg 4deg,rgba(0,229,255,.7) 4deg 4.4deg,rgba(0,229,255,0) 4.4deg 7.5deg,rgba(255,43,214,.55) 7.5deg 7.8deg,rgba(255,43,214,0) 7.8deg 11deg)}
#nk-world{position:absolute;inset:0;pointer-events:none}
.nk-sprite{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.nk-sprite img{display:block;width:100%;height:auto;position:relative;z-index:1}
#nk-player .nk-shadow{position:absolute;left:5%;right:5%;bottom:-4%;height:18%;z-index:0;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0))}
#nk-player img{transition:filter .4s}
#nk-player.wrecked img{filter:grayscale(.75) brightness(.5) sepia(.35)}
#nk-player .nk-fb{font-size:calc(var(--u)*30);display:flex;justify-content:center}
#nk-rival{visibility:hidden}
#nk-rival::before{content:'';position:absolute;left:6%;right:6%;bottom:-4%;height:16%;z-index:0;background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,0))}
#nk-rival.boss::after{content:'';position:absolute;left:-15%;right:-15%;top:-10%;bottom:-5%;z-index:0;background:radial-gradient(closest-side,rgba(255,40,20,.45),rgba(255,40,20,0));animation:nk-bossglow 1.2s ease-in-out infinite}
#nk-rival .nk-fb{font-size:calc(var(--u)*18);display:flex;justify-content:center}

/* rival HP */
#nk-hp{position:absolute;left:0;top:0;width:calc(var(--u)*30);opacity:0;transition:opacity .18s;pointer-events:none;z-index:2;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.6)}
#nk-hp.show{opacity:1}
#nk-hp.boss{width:calc(var(--u)*44)}
.nk-hp-name{font-family:var(--fd);font-size:calc(var(--u)*3.6*var(--fz));line-height:1;color:#fff;letter-spacing:.06em;text-shadow:0 0 calc(var(--u)*1) #000,0 calc(var(--u)*.4) 0 #7a0000;white-space:nowrap}
.nk-hp-name:empty{display:none}
.nk-bar{position:relative;width:100%;height:calc(var(--u)*4.8);border-radius:99px;background:rgba(0,0,0,.6);overflow:hidden;border:calc(var(--u)*.55) solid #fff;box-shadow:0 calc(var(--u)*.5) calc(var(--u)*1.2) rgba(0,0,0,.4)}
.nk-bar b,.nk-bar i{display:block;position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:0 50%;font-style:normal}
.nk-bar b{background:#fff3b0;transition:transform .5s ease .2s}
.nk-bar i{background:linear-gradient(180deg,#ff7a6a 0%,#ef2d1f 55%,#c41a10 100%);transition:transform .09s linear}
.nk-bar span{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:calc(var(--u)*3.3*var(--fz));line-height:1;color:#fff;text-shadow:0 0 calc(var(--u)*.6) #000,0 calc(var(--u)*.3) 0 #000;letter-spacing:.02em}
#nk-hp.boss .nk-bar{height:calc(var(--u)*5.6)}

#nk-flash{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:3;
  background:radial-gradient(circle at var(--fx,50%) var(--fy,50%),rgba(255,255,255,.95) 0,rgba(255,236,170,.55) calc(var(--u)*7),rgba(255,200,80,0) calc(var(--u)*28))}
#nk-hurt{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:3;box-shadow:inset 0 0 calc(var(--u)*14) calc(var(--u)*4) rgba(255,16,16,.85)}

/* panel underlay (street glass) */
#nk-under{position:absolute;left:0;right:0;bottom:0;height:calc(var(--ph) + var(--nh) + var(--sab));z-index:2;background:#000 50% 100%/cover no-repeat;display:none;pointer-events:none;overflow:hidden}
.nk-street #nk-under{display:block;filter:blur(12px) brightness(.32) saturate(1.5);transform:scale(1.15)}

/* ============================== top bar ============================== */
#nk-top{position:absolute;z-index:5;left:0;right:0;top:0;padding:calc(var(--sat) + var(--u)*2.2) calc(var(--u)*3) 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none;transition:transform .45s cubic-bezier(.2,1.2,.4,1),opacity .3s}
#nk-top::before{content:'';position:absolute;left:0;right:0;top:0;height:calc(var(--sat) + var(--u)*22);background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,0));z-index:-1}
#nk-top>*{pointer-events:auto}
.nk-gear{justify-self:start;width:calc(var(--u)*11.5);height:calc(var(--u)*11.5);border-radius:50%;padding:calc(var(--u)*2.1);display:flex;align-items:center;justify-content:center}
.nk-route{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*1);padding-top:calc(var(--u)*.4)}
.nk-rlbl{font-family:var(--fd);font-size:calc(var(--u)*4.6*var(--fz));line-height:1;color:#fff;letter-spacing:.05em;text-shadow:var(--txs);white-space:nowrap}
.nk-dots{display:flex;align-items:center;gap:calc(var(--u)*2.6);padding:calc(var(--u)*.9) calc(var(--u)*2);border-radius:99px;background:rgba(0,0,0,.38)}
.nk-dot{position:relative;display:block;width:calc(var(--u)*2.9);height:calc(var(--u)*2.9);border-radius:50%;background:rgba(255,255,255,.4);border:calc(var(--u)*.45) solid rgba(0,0,0,.3);font-style:normal}
.nk-dot+.nk-dot::before{content:'';position:absolute;right:100%;top:50%;width:calc(var(--u)*2.6);height:calc(var(--u)*.55);margin-top:calc(var(--u)*-.28);background:rgba(255,255,255,.3)}
.nk-dot.done{background:#3ddc5a;border-color:#fff}
.nk-dot.done+.nk-dot::before{background:#3ddc5a}
.nk-dot.cur{background:#fff;border-color:#ffb300;animation:nk-dotp .9s ease-in-out infinite}
.nk-dot.boss{width:calc(var(--u)*5.6);height:calc(var(--u)*5.6);background:none;border:0;margin:calc(var(--u)*-1.4) 0}
.nk-dot.boss img,.nk-dot.boss .nk-fb{width:100%;height:100%;object-fit:contain;display:flex;font-size:calc(var(--u)*4);filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.nk-dot.boss:not(.cur):not(.done) img{filter:grayscale(.6) brightness(.8)}
.nk-roadchip{font-family:var(--fd);font-size:calc(var(--u)*2.7*var(--fz));line-height:1;color:#fff;padding:calc(var(--u)*.7) calc(var(--u)*2);border-radius:99px;letter-spacing:.05em;white-space:nowrap}
.nk-roadchip:empty{display:none}
.nk-roadchip.highway{background:#1f7ae0}
.nk-roadchip.backroads{background:#4a8a26}
.nk-coins{justify-self:end;display:flex;align-items:center;gap:calc(var(--u)*1.2);height:calc(var(--u)*8.4);min-width:calc(var(--u)*21);margin-top:calc(var(--u)*1.5);padding:0 calc(var(--u)*3) 0 calc(var(--u)*.6);border-radius:99px;background:rgba(0,0,0,.5);color:#fff;font-family:var(--fd);font-size:calc(var(--u)*4.6*var(--fz));line-height:1;text-shadow:var(--txs)}
.nk-cico{width:calc(var(--u)*7.4);height:calc(var(--u)*7.4);flex:0 0 auto;margin-left:calc(var(--u)*-1.2)}
.nk-cico img,.nk-cico .nk-fb{width:100%;height:100%;object-fit:contain;display:flex;font-size:calc(var(--u)*5)}
.nk-coins.bump{animation:nk-bump .22s ease-out}
.nk-coin{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.22em;display:inline-block}

/* ============================== bottom panel ============================== */
#nk-panel{position:relative;z-index:3;flex:0 0 auto;height:var(--ph);margin-top:calc(var(--u)*-3);padding:calc(var(--u)*2.4) calc(var(--u)*3) calc(var(--u)*2.2);display:flex;flex-direction:column;gap:calc(var(--u)*2);transition:transform .5s cubic-bezier(.2,1.2,.4,1),opacity .3s}
.nk-ph{display:flex;align-items:center;gap:calc(var(--u)*2.2);height:calc(var(--u)*10.5);flex:0 0 auto}
.nk-carinfo{display:flex;align-items:center;gap:calc(var(--u)*1.2);flex:0 0 auto;max-width:calc(var(--u)*35);text-align:left}
.nk-thumb{width:calc(var(--u)*12);height:calc(var(--u)*9.5);flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.nk-thumb img,.nk-thumb .nk-fb{width:100%;height:100%;object-fit:contain;font-size:calc(var(--u)*7);filter:drop-shadow(0 calc(var(--u)*.5) calc(var(--u)*.5) rgba(0,0,0,.3))}
.nk-cname{display:flex;flex-direction:column;gap:calc(var(--u)*.5);min-width:0}
.nk-cname b{font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*3.7*var(--fz));line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nk-cname small{font-size:calc(var(--u)*2.9);line-height:1;color:var(--ink2)}
.nk-dura{flex:1 1 auto;min-width:0;position:relative;display:flex;align-items:center;padding-right:calc(var(--u)*2)}
.nk-dbar{height:calc(var(--u)*5.6)}
.nk-dbar i{background:linear-gradient(180deg,#8cf27a 0%,#36c24a 55%,#1f9a34 100%)}
.nk-dbar span{font-size:calc(var(--u)*3.3*var(--fz))}
#nk-panel.low .nk-dbar i{background:linear-gradient(180deg,#ff8a7a 0%,#ef2d1f 60%,#b8180e 100%);animation:nk-lowp .6s ease-in-out infinite alternate}
.nk-info{position:absolute;right:0;top:50%;margin-top:calc(var(--u)*-2.6);width:calc(var(--u)*5.2);height:calc(var(--u)*5.2);border-radius:50%;background:#2d7cff;color:#fff;font:italic 800 calc(var(--u)*3.2)/1 Georgia,'Times New Roman',serif;display:flex;align-items:center;justify-content:center;border:calc(var(--u)*.5) solid #fff;z-index:2;box-shadow:0 calc(var(--u)*.4) 0 rgba(0,0,0,.25)}
.nk-info::before{content:'';position:absolute;inset:calc(var(--u)*-3)}
.nk-autosell{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.7)}
.nk-tog{position:relative;display:block;width:calc(var(--u)*9.6);height:calc(var(--u)*5.2);border-radius:99px;background:#a49a90;box-shadow:inset 0 calc(var(--u)*.4) calc(var(--u)*.8) rgba(0,0,0,.35)}
.nk-tog i{position:absolute;left:calc(var(--u)*.7);top:calc(var(--u)*.7);width:calc(var(--u)*3.8);height:calc(var(--u)*3.8);border-radius:50%;background:#f1ece6;box-shadow:0 1px 2px rgba(0,0,0,.4)}
.nk-autosell .nk-lock{position:absolute;top:calc(var(--u)*-1.2);right:calc(var(--u)*-1.6);width:calc(var(--u)*4);height:calc(var(--u)*4);padding:calc(var(--u)*.7);border-radius:50%;background:#fff;color:#6b5a4a;box-shadow:0 1px 2px rgba(0,0,0,.35)}
.nk-autosell small{font-size:calc(var(--u)*2.4);line-height:1;white-space:nowrap;color:var(--ink2)}
.nk-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(4,1fr) .78fr;grid-template-rows:1fr 1fr;gap:calc(var(--u)*2)}
.nk-slot{position:relative;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u)*2.8)}
.nk-sico-img{width:72%;height:72%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 calc(var(--u)*.5) calc(var(--u)*.4) rgba(0,0,0,.3))}
.nk-slot .nk-fb{font-size:calc(var(--u)*8)}
.nk-slot.empty .nk-sico-img,.nk-slot.empty .nk-fb{opacity:.28;filter:grayscale(1)}
.nk-lv{position:absolute;left:50%;bottom:calc(var(--u)*-1.5);transform:translateX(-50%);font-family:var(--fd);font-size:calc(var(--u)*2.6*var(--fz));line-height:1;padding:calc(var(--u)*.6) calc(var(--u)*1.5);border-radius:99px;background:var(--rc);color:#fff;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.4);z-index:1}
.nk-up{position:absolute;top:calc(var(--u)*-1.3);right:calc(var(--u)*-1.3);width:calc(var(--u)*5);height:calc(var(--u)*5);border-radius:50%;background:#2fd14e;color:#fff;font-size:calc(var(--u)*2.6);font-style:normal;display:none;align-items:center;justify-content:center;border:calc(var(--u)*.5) solid #fff;z-index:2;box-shadow:0 calc(var(--u)*.4) 0 rgba(0,0,0,.25);animation:nk-bob .9s ease-in-out infinite}
.nk-slot.can-up .nk-up{display:flex}
.nk-slot.pop{animation:nk-pop .45s cubic-bezier(.2,1.6,.4,1)}
.nk-mascot{grid-column:5;grid-row:1/span 2;flex-direction:column;gap:calc(var(--u)*1)}
.nk-paw{width:calc(var(--u)*9);height:calc(var(--u)*9);opacity:.3}
.nk-mascot .nk-lock{position:absolute;top:calc(var(--u)*1.2);right:calc(var(--u)*1.2);width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);opacity:.6}
.nk-mascot small{font-size:calc(var(--u)*2.4);opacity:.6;text-transform:uppercase}

/* ============================== nav ============================== */
#nk-nav{position:relative;z-index:4;flex:0 0 auto;height:calc(var(--nh) + var(--sab));padding-bottom:var(--sab);display:flex;align-items:stretch;transition:transform .5s cubic-bezier(.2,1.2,.4,1) .05s,opacity .3s}
.nk-nb{flex:1 1 0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*.8);min-width:0}
.nk-nbi{width:calc(var(--u)*7);height:calc(var(--u)*7);position:relative}
.nk-nbl{font-family:var(--fd);font-size:calc(var(--u)*2.7*var(--fz));line-height:1;letter-spacing:.04em;white-space:nowrap}
.nk-nb.locked .nk-nbi,.nk-nb.locked .nk-nbl{opacity:.45}
.nk-nb .nk-lock{position:absolute;top:calc(var(--u)*1.8);left:calc(50% + var(--u)*1.6);width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);opacity:.85}
.nk-nb-race{flex:1.3 1 0;justify-content:flex-end;padding-bottom:calc(var(--u)*1.6)}
.nk-nb-race .nk-nbi{width:calc(var(--u)*19);height:calc(var(--u)*19);margin-top:calc(var(--u)*-10);padding:calc(var(--u)*4.4);border-radius:50%;flex:0 0 auto}
.nk-nb-race .nk-nbi::before{content:'';position:absolute;inset:calc(var(--u)*-2.4);border-radius:50%;z-index:-1;animation:nk-ring 1.6s ease-out infinite}
.nk-nb-race .nk-nbl{font-size:calc(var(--u)*3.2*var(--fz))}

/* ============================== splash ============================== */
#nk-splash{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;cursor:pointer;transition:opacity .4s}
#nk-splash.out{opacity:0;pointer-events:none}
.nk-splash-top{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*2);padding:calc(var(--sat) + var(--u)*8) calc(var(--u)*4) calc(var(--u)*12);background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.25) 60%,rgba(0,0,0,0) 100%)}
.nk-logo{display:block;width:calc(var(--u)*86);max-height:calc(var(--u)*50);object-fit:contain;animation:nk-logoin .7s cubic-bezier(.2,1.5,.4,1) both,nk-float 3s ease-in-out .7s infinite;filter:drop-shadow(0 calc(var(--u)*1.5) calc(var(--u)*2) rgba(0,0,0,.45))}
#nk-splash .nk-fb.nk-logo{font-size:calc(var(--u)*24);display:flex;justify-content:center}
.nk-tag{margin:0;font-family:var(--fd);font-size:calc(var(--u)*3.6*var(--fz));color:#fff;text-align:center;letter-spacing:.03em;text-shadow:var(--txs);animation:nk-fadein .6s .5s both}
.nk-splash-bot{position:absolute;left:0;right:0;bottom:0;height:calc(var(--ph) + var(--nh) + var(--sab));padding:calc(var(--u)*9) 0 var(--sab);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:calc(var(--u)*3)}
.is-splash #nk-panel,.is-splash #nk-nav{transform:translateY(35%);opacity:0}
.is-splash #nk-top{transform:translateY(-110%);opacity:0}

/* consent */
.nk-consent{position:absolute;z-index:11;left:calc(var(--u)*3);right:calc(var(--u)*3);bottom:calc(var(--sab) + var(--u)*3);padding:calc(var(--u)*3) calc(var(--u)*3.4);border-radius:calc(var(--u)*3);background:rgba(16,16,22,.94);color:#fff;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:500;font-size:calc(var(--u)*3);line-height:1.35;letter-spacing:0;text-transform:none;transform:translateY(140%);transition:transform .35s cubic-bezier(.2,1.2,.4,1);box-shadow:0 8px 28px rgba(0,0,0,.5);cursor:default}
.nk-consent.in{transform:none}
.nk-consent p{margin:0 0 calc(var(--u)*2.4)}
.nk-consent a{color:#9ccaff;text-decoration:underline}
.nk-consent div{display:flex;gap:calc(var(--u)*2.4)}
.nk-cbtn{flex:1 1 0;min-height:calc(var(--u)*11);border-radius:calc(var(--u)*2.2);font-weight:700;font-size:calc(var(--u)*3.4)}
.nk-cbtn.acc{background:#fff;color:#111}
.nk-cbtn.ref{background:rgba(255,255,255,.16);color:#fff}

/* ============================== buttons ============================== */
.nk-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*1.6);min-height:calc(var(--u)*12);padding:calc(var(--u)*2) calc(var(--u)*6);border-radius:calc(var(--u)*3.6);font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*4.8*var(--fz));line-height:1.05;color:var(--btnink);background:var(--btn);text-align:center;letter-spacing:.03em;
  box-shadow:0 calc(var(--u)*1.1) 0 var(--btnsh),0 calc(var(--u)*1.8) calc(var(--u)*3) rgba(0,0,0,.3),inset 0 calc(var(--u)*.6) 0 rgba(255,255,255,.45);text-shadow:0 calc(var(--u)*.4) 0 var(--btnsh);transition:transform .08s,box-shadow .08s}
.nk-btn:active{transform:translateY(calc(var(--u)*.9));box-shadow:0 calc(var(--u)*.2) 0 var(--btnsh),0 calc(var(--u)*.6) calc(var(--u)*1.5) rgba(0,0,0,.3),inset 0 calc(var(--u)*.6) 0 rgba(255,255,255,.45)}
.nk-btn.big{min-width:calc(var(--u)*58);min-height:calc(var(--u)*14);font-size:calc(var(--u)*5.6*var(--fz))}
.nk-btn.huge{min-width:calc(var(--u)*74);min-height:calc(var(--u)*17);font-size:calc(var(--u)*6.6*var(--fz));padding:calc(var(--u)*2) calc(var(--u)*7);animation:nk-pulse 1.1s ease-in-out infinite}
.nk-btn.ghost{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 calc(var(--u)*.5) rgba(255,255,255,.4);text-shadow:none;color:inherit;min-height:calc(var(--u)*11)}
.nk-btn.disabled{filter:grayscale(1) brightness(.9);opacity:.7}
.nk-btn.shake{animation:nk-shake .35s}
.nk-btn-ico{flex:0 0 auto}

/* ============================== floating feedback ============================== */
#nk-fx{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:8}
#nk-float{position:absolute;inset:0;pointer-events:none;z-index:9;overflow:hidden}
.nk-num{position:absolute;font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*6.6*var(--fz));line-height:1;color:#fff;white-space:nowrap;will-change:transform,opacity;animation:nk-num .9s cubic-bezier(.2,.8,.3,1) forwards;
  text-shadow:0 calc(var(--u)*.5) 0 #3a1400,calc(var(--u)*.35) 0 0 #3a1400,calc(var(--u)*-.35) 0 0 #3a1400,0 calc(var(--u)*-.35) 0 #3a1400,0 0 calc(var(--u)*1.5) rgba(0,0,0,.6)}
.nk-num.crit{font-size:calc(var(--u)*10*var(--fz));color:#ffe14a}
.nk-num.hurt{font-size:calc(var(--u)*5.8*var(--fz));color:#ff5148}
.nk-num.heal{font-size:calc(var(--u)*5*var(--fz));color:#73ff92}
.nk-num.coin{font-size:calc(var(--u)*5.6*var(--fz));color:#ffd23f}
.nk-num.nitro{font-size:calc(var(--u)*8.4*var(--fz));color:#8be6ff;font-style:italic;letter-spacing:.04em;text-shadow:0 calc(var(--u)*.5) 0 #003a7a,calc(var(--u)*.35) 0 0 #003a7a,calc(var(--u)*-.35) 0 0 #003a7a,0 0 calc(var(--u)*3) #2aa8ff}
.nk-num.gain{font-size:calc(var(--u)*4.4*var(--fz));color:#5dff84}
.nk-num.loss{font-size:calc(var(--u)*4.4*var(--fz));color:#ff7a6e}
.nk-stamp{position:absolute;left:0;right:0;margin-top:calc(var(--u)*-8);display:flex;justify-content:center;will-change:transform,opacity;animation:nk-stamp 1.2s cubic-bezier(.2,.9,.3,1) forwards}
.nk-stamp span{display:inline-block;transform:rotate(-7deg);font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*13*var(--fz));line-height:1;letter-spacing:.02em;white-space:nowrap;color:#ffe14a;
  text-shadow:0 calc(var(--u)*.9) 0 #a33a00,calc(var(--u)*.6) 0 0 #6a1e00,calc(var(--u)*-.6) 0 0 #6a1e00,0 calc(var(--u)*-.6) 0 #6a1e00,0 calc(var(--u)*1.6) calc(var(--u)*3) rgba(0,0,0,.55)}
.nk-stamp.wr span{color:#ff3b30;text-shadow:0 calc(var(--u)*.9) 0 #4a0000,calc(var(--u)*.6) 0 0 #2a0000,calc(var(--u)*-.6) 0 0 #2a0000,0 calc(var(--u)*-.6) 0 #2a0000,0 calc(var(--u)*1.6) calc(var(--u)*3) rgba(0,0,0,.6)}
.nk-stamp.rc span{font-size:calc(var(--u)*11*var(--fz));color:#fff3a0}
.nk-flyban{position:absolute;left:0;right:0;display:flex;justify-content:center;will-change:transform;animation:nk-flyban 1.8s cubic-bezier(.3,.8,.3,1) forwards}
.nk-flyban .nk-ban{font-size:calc(var(--u)*6*var(--fz))}
.nk-flyban.boss .nk-ban{background:linear-gradient(180deg,#3a0a0a,#120202);color:#ff4a3a}
.nk-flycoin{position:absolute;left:0;top:0;width:calc(var(--u)*6.5);height:calc(var(--u)*6.5);margin:calc(var(--u)*-3.25) 0 0 calc(var(--u)*-3.25);will-change:transform}
.nk-flycoin img,.nk-flycoin .nk-fb{width:100%;height:100%;object-fit:contain;display:flex;font-size:calc(var(--u)*5)}
.nk-fb{display:inline-flex;align-items:center;justify-content:center;line-height:1}

/* toast */
#nk-toast{position:absolute;z-index:12;left:0;right:0;top:calc(var(--sat) + var(--u)*25);display:flex;justify-content:center;pointer-events:none;opacity:0}
#nk-toast span{max-width:88%;padding:calc(var(--u)*2.4) calc(var(--u)*4.4);border-radius:99px;background:rgba(12,10,8,.88);color:#fff;font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*3.7*var(--fz));line-height:1.2;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.4)}
#nk-toast.show{animation:nk-toast 2s ease forwards}
#nk-toast .nk-coin{width:1em;height:1em}

/* banner (generic) */
.nk-ban{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:96%;padding:calc(var(--u)*2.2) calc(var(--u)*7);font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*6.4*var(--fz));line-height:1.05;color:#fff;text-align:center;letter-spacing:.03em}
.nk-ban span{display:inline-block}

/* ============================== overlays ============================== */
#nk-ov{position:absolute;inset:0;z-index:6;pointer-events:none}
#nk-sheets{position:absolute;inset:0;z-index:7;pointer-events:none}
.nk-ovl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*2.4);padding:calc(var(--sat) + var(--u)*5) calc(var(--u)*3) calc(var(--sab) + var(--u)*4);background:var(--dim);opacity:0;transition:opacity .22s;pointer-events:auto;touch-action:none;overflow:hidden}
.nk-ovl.in{opacity:1}
.nk-ovl.out{opacity:0;pointer-events:none}
.nk-ovl>:not(.nk-noad):not(.nk-rays){transform:translateY(calc(var(--u)*7)) scale(.82);opacity:0;transition:transform .4s cubic-bezier(.2,1.5,.4,1),opacity .22s}
.nk-ovl.in>:not(.nk-noad):not(.nk-rays){transform:none;opacity:1}
.nk-ovl.in>:nth-child(2){transition-delay:.04s}
.nk-ovl.in>:nth-child(3){transition-delay:.08s}
.nk-ovl.in>:nth-child(4){transition-delay:.12s}
.nk-ovl.in>:nth-child(5){transition-delay:.16s}
.nk-ovl.out>:not(.nk-noad):not(.nk-rays){transform:scale(.92);opacity:0;transition-delay:0s}
.nk-hint{font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*3.4*var(--fz));line-height:1.1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);letter-spacing:.03em;text-align:center;padding:calc(var(--u)*1.4) calc(var(--u)*4);border-radius:99px;background:rgba(0,0,0,.45)}
.nk-rays{position:absolute;left:50%;top:50%;width:calc(var(--u)*130);height:calc(var(--u)*130);margin:calc(var(--u)*-65) 0 0 calc(var(--u)*-65);pointer-events:none;z-index:0;opacity:.55;
  background:repeating-conic-gradient(from 0deg,var(--rc,#fff3b0) 0deg 8deg,rgba(255,255,255,0) 8deg 22.5deg);
  -webkit-mask-image:radial-gradient(circle,#000 0%,rgba(0,0,0,.55) 28%,transparent 60%);mask-image:radial-gradient(circle,#000 0%,rgba(0,0,0,.55) 28%,transparent 60%);animation:nk-spin 16s linear infinite}
.nk-rays.big{top:42%;--rc:#ffe9a0;opacity:.5}

/* ----- cards ----- */
.nk-card{--k:var(--u);position:relative;width:calc(var(--k)*54);padding:calc(var(--k)*2.4);display:flex;flex-direction:column;align-items:center;gap:calc(var(--k)*1.2);text-align:center;color:var(--ink);background:var(--cbg);border-radius:calc(var(--k)*4.2);border:calc(var(--k)*.85) solid var(--rc)}
.nk-card.empty{--rc:#b5aca2;--rc2:#8a8178;--rcb:#eee8e0;border-style:dashed}
.nk-card-rar{align-self:stretch;margin:calc(var(--k)*-2.4) calc(var(--k)*-2.4) 0;padding:calc(var(--k)*1.5) calc(var(--k)*1) calc(var(--k)*1.3);border-radius:calc(var(--k)*3.2) calc(var(--k)*3.2) 0 0;background:linear-gradient(180deg,var(--rc),var(--rc2));color:#fff;font-family:var(--fd);font-weight:400;font-size:calc(var(--k)*3.8*var(--fz));line-height:1;letter-spacing:.12em;text-shadow:0 calc(var(--k)*.4) 0 rgba(0,0,0,.3)}
.nk-card-name{font-family:var(--fd);font-weight:400;font-size:calc(var(--k)*5.1*var(--fz));line-height:1.05;min-height:1.05em}
.nk-card-ico{width:calc(var(--k)*28);height:calc(var(--k)*24);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--k)*3);background:radial-gradient(circle at 50% 48%,var(--rcb) 0%,var(--rcb) 30%,rgba(255,255,255,0) 70%);position:relative}
.nk-card-ico img{max-width:100%;max-height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 calc(var(--k)*.8) calc(var(--k)*.8) rgba(0,0,0,.3))}
.nk-card-ico .nk-fb{font-size:calc(var(--k)*15)}
.nk-card.empty .nk-card-ico img,.nk-card.empty .nk-card-ico .nk-fb{opacity:.3;filter:grayscale(1)}
.nk-card-lv{font-family:var(--fd);font-weight:400;font-size:calc(var(--k)*3.9*var(--fz));line-height:1;color:var(--ink2)}
.nk-card-stat{display:flex;align-items:center;gap:calc(var(--k)*1.2);font-size:calc(var(--k)*3.3);line-height:1;padding:calc(var(--k)*1.1) calc(var(--k)*2.8);border-radius:99px;background:rgba(0,0,0,.07)}
.nk-card-stat .k{opacity:.75;letter-spacing:.04em}
.nk-card-stat .v{font-family:var(--fd);font-weight:400;font-size:calc(var(--k)*4.6*var(--fz))}
.nk-card-stat .v.gain{color:var(--good)}
.nk-sico{display:inline-block;width:calc(var(--k,var(--u))*4);height:calc(var(--k,var(--u))*4);flex:0 0 auto;font-style:normal;vertical-align:middle}
.nk-sico.pw{color:#ff9a12}
.nk-sico.du{color:#2f86ff}
.nk-arr{font-style:normal;font-size:calc(var(--k,var(--u))*4.2);line-height:1}
.nk-arr.up{color:var(--good)}
.nk-arr.down{color:var(--bad)}
.nk-arr.eq{color:#999}
.nk-card.r3 .nk-card-ico::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.65) 50%,rgba(255,255,255,0) 65%);background-size:250% 100%;animation:nk-shine 2.2s linear infinite;pointer-events:none}

/* ----- NEW PART ----- */
.nk-loot-lbl{font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*3*var(--fz));color:rgba(255,255,255,.7);letter-spacing:.1em;margin-bottom:calc(var(--u)*-1.6)}
.nk-loot-cur{position:relative;z-index:1;display:flex;justify-content:center}
.nk-loot-cur .nk-card{--k:calc(var(--u)*.6)}
.nk-loot-new{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:calc(var(--u)*1) 0}
.nk-drag{position:relative;z-index:2;touch-action:none;cursor:grab;will-change:transform}
.nk-drag.wiggle{animation:nk-wiggle .4s}
.nk-loot-new .nk-card{box-shadow:0 0 calc(var(--u)*7) var(--rc),0 calc(var(--u)*1.2) 0 var(--rc2),0 calc(var(--u)*3) calc(var(--u)*6) rgba(0,0,0,.4)}
.nk-loot.in .nk-loot-new .nk-card{animation:nk-cardin .55s cubic-bezier(.2,1.5,.4,1) .08s backwards}
.nk-side{position:absolute;top:0;bottom:0;margin:auto 0;z-index:3;width:calc(var(--u)*18);height:calc(var(--u)*25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*.8);border-radius:calc(var(--u)*3.4);color:#fff;font-family:var(--fd);font-weight:400;transition:transform .15s,box-shadow .15s;text-shadow:0 calc(var(--u)*.35) 0 rgba(0,0,0,.35)}
.nk-side.l{left:calc(var(--u)*-1);background:linear-gradient(180deg,#ff8a64 0%,#e83a2a 100%);box-shadow:0 calc(var(--u)*1) 0 #9a1d12,0 calc(var(--u)*2) calc(var(--u)*3) rgba(0,0,0,.35)}
.nk-side.r{right:calc(var(--u)*-1);background:linear-gradient(180deg,#72ec74 0%,#21a83a 100%);box-shadow:0 calc(var(--u)*1) 0 #12702a,0 calc(var(--u)*2) calc(var(--u)*3) rgba(0,0,0,.35)}
.nk-side .nk-sarr{font-size:calc(var(--u)*4.4);line-height:1;opacity:.9;font-family:system-ui,sans-serif}
.nk-side b{font-weight:400;font-size:calc(var(--u)*3.7*var(--fz));line-height:1;letter-spacing:.03em}
.nk-side em{font-style:normal;font-size:calc(var(--u)*3.4*var(--fz));line-height:1;white-space:nowrap}
.nk-side.on{filter:brightness(1.15)}
.nk-side.l.on{box-shadow:0 0 0 calc(var(--u)*.8) #fff,0 0 calc(var(--u)*6) #ff6a4a}
.nk-side.r.on{box-shadow:0 0 0 calc(var(--u)*.8) #fff,0 0 calc(var(--u)*6) #4aff6a}
.nk-side.go{animation:nk-sidego .3s ease-out}
.nk-hand{position:absolute;z-index:4;left:50%;top:58%;margin-left:calc(var(--u)*-5);pointer-events:none;font-size:calc(var(--u)*11);line-height:1;transition:opacity .25s;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
.nk-hand span{display:block;filter:drop-shadow(0 calc(var(--u)*.8) calc(var(--u)*1) rgba(0,0,0,.5))}
.nk-hand.swipe span{animation:nk-handswipe 1.7s ease-in-out infinite}
.nk-hand.tap{top:auto;bottom:calc(var(--u)*2)}
.nk-hand.tap span{animation:nk-handtap 1s ease-in-out infinite}
.nk-hand.fade{opacity:0}
.nk-forkrow .nk-hand{top:16%}

/* ----- UPGRADE ----- */
.nk-fan{position:relative;width:100%;height:calc(var(--u)*50);flex:0 0 auto}
.nk-fanc{position:absolute;bottom:0;left:50%;width:calc(var(--u)*35);margin-left:calc(var(--u)*-17.5);touch-action:none;cursor:pointer;will-change:transform;z-index:1}
.nk-fanc.n3.c0{left:calc(50% - var(--u)*27);--r:-8deg}
.nk-fanc.n3.c1{bottom:calc(var(--u)*3);z-index:2}
.nk-fanc.n3.c2{left:calc(50% + var(--u)*27);--r:8deg}
.nk-fanc.n2.c0{left:calc(50% - var(--u)*20);--r:-6deg}
.nk-fanc.n2.c1{left:calc(50% + var(--u)*20);--r:6deg}
.nk-fan-in{transform:rotate(var(--r,0deg));transform-origin:50% 130%;transition:transform .22s,opacity .3s}
.nk-fan .nk-card{--k:calc(var(--u)*.645);box-shadow:0 0 calc(var(--u)*4) var(--rc),0 calc(var(--u)*1) 0 var(--rc2),0 calc(var(--u)*3) calc(var(--u)*5) rgba(0,0,0,.45)}
.nk-upg.in .nk-fanc .nk-fan-in{animation:nk-deal .5s cubic-bezier(.2,1.4,.4,1) backwards}
.nk-upg.in .nk-fanc.c0 .nk-fan-in{animation-delay:.06s}
.nk-upg.in .nk-fanc.c1 .nk-fan-in{animation-delay:.14s}
.nk-upg.in .nk-fanc.c2 .nk-fan-in{animation-delay:.22s}
.nk-fanc.hold .nk-fan-in{transform:rotate(var(--r,0deg)) translateY(calc(var(--u)*-2)) scale(1.06)}
.nk-fanc.hold{z-index:3}
.nk-fanc.picked{z-index:4}
.nk-fanc.picked .nk-fan-in,.nk-fanc.picked-all .nk-fan-in{animation:nk-picked .55s cubic-bezier(.3,.8,.3,1) forwards}
.nk-fanc.drop .nk-fan-in{transform:rotate(var(--r,0deg)) translateY(calc(var(--u)*30)) scale(.8);opacity:0;transition:transform .35s ease-in,opacity .3s}
.nk-upg-btns{display:flex;gap:calc(var(--u)*3);width:100%;justify-content:center}
.nk-ub{flex:0 1 calc(var(--u)*42);min-height:calc(var(--u)*13.5);display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*1.6);border-radius:calc(var(--u)*3.6);font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*4.3*var(--fz));line-height:1.05;color:#fff;padding:0 calc(var(--u)*2);text-shadow:0 calc(var(--u)*.35) 0 rgba(0,0,0,.35);transition:transform .08s}
.nk-ub:active{transform:translateY(calc(var(--u)*.8))}
.nk-ub.skip{background:linear-gradient(180deg,#b9b2aa,#857d74);box-shadow:0 calc(var(--u)*1) 0 #5a534c,0 calc(var(--u)*2) calc(var(--u)*3) rgba(0,0,0,.3)}
.nk-ub.all{background:var(--btn2);box-shadow:0 calc(var(--u)*1) 0 var(--btn2sh),0 0 calc(var(--u)*4) rgba(120,255,120,.45);animation:nk-pulse 1.2s ease-in-out infinite}
.nk-x,.nk-tv{font-size:calc(var(--u)*4.6);line-height:1;font-family:system-ui,'Apple Color Emoji','Segoe UI Emoji',sans-serif}
.nk-noad{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);opacity:0;transition:opacity .2s;pointer-events:none}
.nk-noad.in{opacity:1;pointer-events:auto}
.nk-noad-box{width:calc(var(--u)*80);padding:calc(var(--u)*6) calc(var(--u)*5);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*3);text-align:center;background:var(--pbg);border-radius:calc(var(--u)*4);color:var(--ink)}
.nk-tvbig{font-size:calc(var(--u)*14);line-height:1;animation:nk-bob 1s ease-in-out infinite;font-family:system-ui,'Apple Color Emoji','Segoe UI Emoji',sans-serif}
.nk-noad-box p{margin:0;font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*4.6*var(--fz));line-height:1.15}
.nk-prog{width:100%;height:calc(var(--u)*3.2);border-radius:99px;background:rgba(0,0,0,.15);overflow:hidden}
.nk-prog i{display:block;height:100%;background:linear-gradient(90deg,#3fd14e,#a6ff5a);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-timing-function:linear}

/* ----- FORK ----- */
.nk-forkrow{position:relative;display:flex;gap:calc(var(--u)*4);justify-content:center;width:100%;touch-action:none;will-change:transform}
.nk-forkrow .nk-road{position:relative;width:calc(var(--u)*43);border-radius:calc(var(--u)*4);overflow:hidden;background:var(--cbg);border:calc(var(--u)*.8) solid;cursor:pointer;transition:transform .2s,opacity .3s,box-shadow .2s}
.nk-forkrow .nk-road.hw{border-color:#2a8cff;box-shadow:0 calc(var(--u)*1.2) 0 #1659b8,0 calc(var(--u)*3) calc(var(--u)*5) rgba(0,0,0,.4)}
.nk-forkrow .nk-road.br{border-color:#5aa12e;box-shadow:0 calc(var(--u)*1.2) 0 #33691a,0 calc(var(--u)*3) calc(var(--u)*5) rgba(0,0,0,.4)}
.nk-road-art{position:relative;height:calc(var(--u)*34);background:#333 50% 42%/cover no-repeat;display:flex;align-items:center;justify-content:center}
.nk-road-art::after{content:'';position:absolute;inset:0}
.hw .nk-road-art::after{background:linear-gradient(180deg,rgba(40,140,255,.05),rgba(30,110,255,.55))}
.br .nk-road-art::after{background:linear-gradient(180deg,rgba(90,60,10,.15),rgba(40,110,20,.7))}
.nk-road-emo{position:relative;z-index:1;font-size:calc(var(--u)*13);line-height:1;filter:drop-shadow(0 calc(var(--u)*.8) calc(var(--u)*1) rgba(0,0,0,.6));font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
.nk-road-t{font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*5.2*var(--fz));line-height:1;padding:calc(var(--u)*2.4) calc(var(--u)*1) calc(var(--u)*1);text-align:center}
.hw .nk-road-t{color:#1d6fe0}
.br .nk-road-t{color:#3f7a1f}
.nk-forkrow ul{list-style:none;margin:0;padding:calc(var(--u)*1) calc(var(--u)*2.4) calc(var(--u)*3);font-size:calc(var(--u)*3.2);line-height:1.4;text-align:center}
.nk-forkrow .nk-road.on{filter:brightness(1.08)}
.nk-forkrow .nk-road.hw.on{box-shadow:0 0 0 calc(var(--u)*.8) #fff,0 0 calc(var(--u)*7) #2a8cff}
.nk-forkrow .nk-road.br.on{box-shadow:0 0 0 calc(var(--u)*.8) #fff,0 0 calc(var(--u)*7) #6ad13a}
.nk-forkrow .nk-road.picked{animation:nk-picksel .6s cubic-bezier(.2,1.5,.4,1) forwards}
.nk-forkrow .nk-road.drop{transform:scale(.86);opacity:.25}
.nk-fork.in .nk-road.hw{animation:nk-inl .5s cubic-bezier(.2,1.4,.4,1) .06s backwards}
.nk-fork.in .nk-road.br{animation:nk-inr .5s cubic-bezier(.2,1.4,.4,1) .12s backwards}
.nk-forkarrows{display:flex;justify-content:space-between;width:calc(var(--u)*90);font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*3.3*var(--fz));color:rgba(255,255,255,.8);letter-spacing:.04em}

/* ----- survey / new car / chest / wreck ----- */
.nk-sbox{width:calc(var(--u)*86);padding:calc(var(--u)*6) calc(var(--u)*5);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*3.4);background:var(--pbg);border-radius:calc(var(--u)*5);text-align:center;color:var(--ink)}
.nk-slogo{width:calc(var(--u)*52);max-height:calc(var(--u)*28);object-fit:contain}
.nk-sbox p{margin:0;font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*5.4*var(--fz));line-height:1.12}
.nk-sbox .nk-btn{width:100%}
.nk-sbox .nk-btn.ghost{color:var(--ink);background:rgba(0,0,0,.07);box-shadow:inset 0 0 0 calc(var(--u)*.5) rgba(0,0,0,.15)}
.nk-ncar{width:calc(var(--u)*84);height:calc(var(--u)*62);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.nk-ncar img,.nk-ncar .nk-fb{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 calc(var(--u)*2) calc(var(--u)*2) rgba(0,0,0,.5));font-size:calc(var(--u)*30)}
.nk-newcar.in .nk-ncar img{animation:nk-carin .75s cubic-bezier(.2,1.6,.4,1) .15s backwards}
.nk-nstats{display:flex;flex-direction:column;gap:calc(var(--u)*1.4);padding:calc(var(--u)*3) calc(var(--u)*5);background:var(--pbg);border-radius:calc(var(--u)*3.6);color:var(--ink);min-width:calc(var(--u)*66)}
.nk-nstats div{display:flex;align-items:center;gap:calc(var(--u)*1.6);font-size:calc(var(--u)*3.4)}
.nk-nstats span{flex:1 1 auto;letter-spacing:.04em}
.nk-nstats b{font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*5.4*var(--fz));line-height:1}
.nk-nstats em{font-style:normal;color:var(--good);min-width:calc(var(--u)*12);text-align:right}
.nk-chestbox{position:relative;width:calc(var(--u)*48);height:calc(var(--u)*40);cursor:pointer;z-index:1}
.nk-chest.in .nk-chestbox{animation:nk-chestwob 1.1s ease-in-out .4s infinite}
.nk-chest-body{position:absolute;left:0;right:0;bottom:0;height:60%;border-radius:calc(var(--u)*2.2);border:calc(var(--u)*.9) solid #3a1a06;background:linear-gradient(90deg,rgba(0,0,0,0) 12%,#ffcc33 12% 20%,rgba(0,0,0,0) 20% 80%,#ffcc33 80% 88%,rgba(0,0,0,0) 88%),linear-gradient(180deg,#c06a22 0%,#7a3a10 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 calc(var(--u)*2) calc(var(--u)*4) rgba(0,0,0,.5)}
.nk-chest-lid{position:absolute;left:-3%;right:-3%;top:6%;height:38%;border:calc(var(--u)*.9) solid #3a1a06;border-radius:50% 50% calc(var(--u)*1.2) calc(var(--u)*1.2)/80% 80% calc(var(--u)*1.2) calc(var(--u)*1.2);background:linear-gradient(90deg,rgba(0,0,0,0) 14%,#ffcc33 14% 21%,rgba(0,0,0,0) 21% 79%,#ffcc33 79% 86%,rgba(0,0,0,0) 86%),linear-gradient(180deg,#d98a36 0%,#8a4612 100%);transform-origin:12% 100%;transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .45s;z-index:1}
.nk-chest-crown{width:calc(var(--u)*15);height:calc(var(--u)*15);object-fit:contain;position:relative;top:calc(var(--u)*-2);filter:drop-shadow(0 calc(var(--u)*.5) calc(var(--u)*.6) rgba(0,0,0,.5))}
.nk-chest.opening .nk-chest-lid{transform:translateY(calc(var(--u)*-12)) rotate(-30deg);opacity:0}
.nk-chest.opening .nk-chestbox{animation:none;transform:scale(1.12);transition:transform .3s}
.nk-chest-sub{position:relative;z-index:1;padding:calc(var(--u)*.7) calc(var(--u)*3.6);border-radius:999px;background:rgba(0,0,0,.42);margin:0;font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*4.4*var(--fz));color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.6)}
.nk-ovl.nk-wreck{background:radial-gradient(ellipse at 50% 40%,rgba(120,0,0,.55) 0%,rgba(20,0,0,.92) 75%)}
.nk-wbox{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*3);text-align:center}
.nk-wtitle{font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*15*var(--fz));line-height:1;color:#ff3b30;transform:rotate(-5deg);text-shadow:0 calc(var(--u)*1) 0 #4a0000,calc(var(--u)*.7) 0 0 #2a0000,calc(var(--u)*-.7) 0 0 #2a0000,0 calc(var(--u)*-.7) 0 #2a0000,0 0 calc(var(--u)*6) rgba(255,0,0,.6)}
.nk-wreck.in .nk-wtitle{animation:nk-stampin .5s cubic-bezier(.2,1.4,.4,1) backwards}
.nk-wbox p{margin:0 0 calc(var(--u)*2);font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*4.6*var(--fz));color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.6)}

/* ============================== sheets ============================== */
.nk-sheet{position:absolute;inset:0;pointer-events:auto}
.nk-sh-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .25s}
.nk-sheet.in .nk-sh-bg{opacity:1}
.nk-sh-box{position:absolute;left:0;right:0;bottom:0;max-height:88%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:calc(var(--u)*5) calc(var(--u)*4) calc(var(--sab) + var(--u)*5);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*3);background:var(--pbg);color:var(--ink);border-radius:calc(var(--u)*5.5) calc(var(--u)*5.5) 0 0;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,1.12,.4,1);box-shadow:0 calc(var(--u)*-2) calc(var(--u)*6) rgba(0,0,0,.35)}
.nk-sheet.in .nk-sh-box{transform:none}
.nk-x-close{position:absolute;top:calc(var(--u)*2.4);right:calc(var(--u)*2.4);width:calc(var(--u)*11);height:calc(var(--u)*11);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--u)*4.6);line-height:1;background:rgba(0,0,0,.1);color:var(--ink);font-family:system-ui,sans-serif;font-weight:700}
.nk-sh-title{font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*6.2*var(--fz));line-height:1.1;padding:0 calc(var(--u)*12);text-align:center}
.nk-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*3);padding:calc(var(--u)*2.4) calc(var(--u)*1);font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*4.4*var(--fz));border-bottom:1px solid rgba(0,0,0,.1)}
.nk-seg{display:flex;padding:calc(var(--u)*.8);border-radius:99px;background:rgba(0,0,0,.12)}
.nk-seg i{font-style:normal;min-width:calc(var(--u)*15);padding:calc(var(--u)*2) calc(var(--u)*3.4);border-radius:99px;font-family:var(--fd);font-size:calc(var(--u)*3.8*var(--fz));line-height:1;text-align:center;color:var(--ink2);transition:background .15s,color .15s}
.nk-seg i.on{background:var(--acc);color:#fff;box-shadow:0 calc(var(--u)*.5) 0 rgba(0,0,0,.2)}
.nk-priv{font-size:calc(var(--u)*3.2);color:var(--ink2);text-decoration:underline;padding:calc(var(--u)*2)}
.nk-ps-card .nk-card{--k:calc(var(--u)*.95);box-shadow:0 0 calc(var(--u)*4) var(--rc),0 calc(var(--u)*1) 0 var(--rc2)}
.nk-ps-card .nk-card.lvup{animation:nk-lvup .5s cubic-bezier(.2,1.6,.4,1)}
.nk-ps-next{font-size:calc(var(--u)*3.8);text-align:center}
.nk-ps-next b{font-family:var(--fd);font-weight:400;color:var(--good);font-size:1.25em}
.nk-ps-next em{font-style:normal;color:var(--good)}
.nk-upbtn{gap:calc(var(--u)*3)}
.nk-upbtn b{font-weight:400}
.nk-upbtn span{display:inline-flex;align-items:center;gap:calc(var(--u)*1);padding:calc(var(--u)*1) calc(var(--u)*2.6);border-radius:99px;background:rgba(0,0,0,.22)}
.nk-ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*2.4);width:100%}
.nk-gcar{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.7);padding:calc(var(--u)*2) calc(var(--u)*1) calc(var(--u)*2.2);border-radius:calc(var(--u)*3);background:rgba(255,255,255,.6);border:calc(var(--u)*.6) solid rgba(0,0,0,.08);min-width:0}
.nk-gcar img,.nk-gcar .nk-fb{width:100%;height:calc(var(--u)*13);object-fit:contain;font-size:calc(var(--u)*10)}
.nk-gcar b{font-family:var(--fd);font-weight:400;font-size:calc(var(--u)*3.4*var(--fz));line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.nk-gcar small{display:flex;align-items:center;gap:calc(var(--u)*.5);font-size:calc(var(--u)*2.7);line-height:1}
.nk-gcar small .nk-sico{width:calc(var(--u)*3);height:calc(var(--u)*3)}
.nk-gcar em{font-style:normal;font-family:var(--fd);font-size:calc(var(--u)*2.8*var(--fz));line-height:1;padding:calc(var(--u)*.8) calc(var(--u)*2.2);border-radius:99px;background:var(--acc);color:#fff;white-space:nowrap}
.nk-gcar.cur{border-color:var(--good);box-shadow:0 0 calc(var(--u)*2.4) rgba(60,220,90,.5)}
.nk-gcar.cur em{background:var(--good)}
.nk-gcar.locked{background:rgba(0,0,0,.1)}
.nk-gcar.locked img.sil{filter:brightness(0);opacity:.62}
.nk-gcar.locked .nk-lock{position:absolute;top:calc(var(--u)*1.6);right:calc(var(--u)*1.6);width:calc(var(--u)*4.2);height:calc(var(--u)*4.2);opacity:.65}
.nk-gcar.locked em{background:rgba(0,0,0,.35)}
.nk-grace{margin-top:calc(var(--u)*1)}

/* debug */
#nk-dbg{position:absolute;z-index:13;left:calc(var(--u)*1);top:calc(var(--sat) + var(--u)*15);max-width:56%;font:9px/1.3 ui-monospace,Menlo,Consolas,monospace;color:#7dff8a;background:rgba(0,0,0,.55);padding:4px 6px;white-space:pre-wrap;pointer-events:none;border-radius:4px;letter-spacing:0;text-transform:none}

/* ============================== 3D theme ============================== */
.nk-3d #nk-panel{background:var(--pbg);border-radius:calc(var(--u)*5.5) calc(var(--u)*5.5) 0 0;box-shadow:0 calc(var(--u)*-1) calc(var(--u)*3) rgba(0,0,0,.28),inset 0 calc(var(--u)*.7) 0 #fff}
.nk-3d .nk-cname b{color:#5b3216}
.nk-3d .nk-slot{background:linear-gradient(180deg,#fff 0%,var(--rcb,#f1e6da) 100%);border:calc(var(--u)*.75) solid var(--rc,#e4cfb6);box-shadow:0 calc(var(--u)*.8) 0 var(--rc2,#d2b391),inset 0 0 0 calc(var(--u)*.35) rgba(255,255,255,.7)}
.nk-3d .nk-slot.empty{background:rgba(160,110,60,.12);border:calc(var(--u)*.6) dashed rgba(140,90,40,.35);box-shadow:none}
.nk-3d .nk-mascot{background:rgba(160,110,60,.1);border:calc(var(--u)*.6) solid rgba(140,90,40,.2);box-shadow:none;color:#8a5a2a}
.nk-3d #nk-nav{background:linear-gradient(180deg,#ffe9cf 0%,#ffcf9a 100%);box-shadow:inset 0 calc(var(--u)*.6) 0 rgba(255,255,255,.75),0 calc(var(--u)*-.4) 0 rgba(160,90,30,.25);color:#9a5a26}
.nk-3d .nk-nb.active:not(.nk-nb-race){color:#ff6a12}
.nk-3d .nk-nb-race .nk-nbi{background:radial-gradient(circle at 50% 28%,#ffe08a 0%,#ff9a24 50%,#e8560e 100%);border:calc(var(--u)*.9) solid #fff;color:#fff;box-shadow:0 calc(var(--u)*1.2) 0 #b8440a,0 calc(var(--u)*2.4) calc(var(--u)*4) rgba(0,0,0,.35)}
.nk-3d .nk-nb-race .nk-nbi::before{background:radial-gradient(closest-side,rgba(255,180,60,.8),rgba(255,140,30,0))}
.nk-3d .nk-nb-race .nk-nbl{color:#e8560e}
.nk-3d .nk-gear{background:linear-gradient(180deg,#fff 0%,#ffe2c2 100%);color:#ef6a12;box-shadow:0 calc(var(--u)*.8) 0 #c9732a,0 calc(var(--u)*1.4) calc(var(--u)*2) rgba(0,0,0,.3)}
.nk-3d .nk-coins{background:linear-gradient(180deg,rgba(70,30,5,.7),rgba(40,15,0,.7));box-shadow:inset 0 0 0 calc(var(--u)*.45) rgba(255,220,160,.6)}
.nk-3d .nk-ban{background:linear-gradient(180deg,#ff8f5a 0%,#ff5a2a 50%,#e8361f 100%);border:calc(var(--u)*.75) solid #fff;border-radius:calc(var(--u)*3.4);box-shadow:0 calc(var(--u)*1.1) 0 #a5200f,0 calc(var(--u)*2.4) calc(var(--u)*4) rgba(0,0,0,.4);text-shadow:0 calc(var(--u)*.5) 0 #a5200f}
.nk-3d .nk-card{box-shadow:0 calc(var(--u)*1.1) 0 var(--rc2),0 calc(var(--u)*3) calc(var(--u)*5) rgba(0,0,0,.35)}
.nk-3d .nk-splash-bot{background:var(--pbg);border-radius:calc(var(--u)*6) calc(var(--u)*6) 0 0;box-shadow:0 calc(var(--u)*-1.5) calc(var(--u)*4) rgba(0,0,0,.3),inset 0 calc(var(--u)*.7) 0 #fff}
.nk-3d .nk-bar{border-color:#fff}
.nk-3d .nk-dbar{border-color:#7a4a22;border-width:calc(var(--u)*.45)}
.nk-3d .nk-tag{color:#fff}

/* ============================== CARTOON theme ============================== */
.nk-cartoon .nk-ban,.nk-cartoon .nk-btn,.nk-cartoon .nk-rlbl,.nk-cartoon .nk-coins,.nk-cartoon .nk-card-rar,.nk-cartoon .nk-side,.nk-cartoon .nk-ub,.nk-cartoon .nk-lv,.nk-cartoon .nk-hint,
.nk-cartoon .nk-tag,.nk-cartoon .nk-loot-lbl,.nk-cartoon .nk-forkarrows,.nk-cartoon .nk-chest-sub,.nk-cartoon .nk-wbox p,.nk-cartoon .nk-bar span,.nk-cartoon .nk-hp-name,.nk-cartoon .nk-gcar em,.nk-cartoon .nk-seg i.on,.nk-cartoon .nk-roadchip,.nk-cartoon .nk-nb-race .nk-nbl{text-shadow:var(--txs)}
.nk-cartoon .nk-num{text-shadow:0 .1em 0 #2a1205,.07em .07em 0 #2a1205,-.07em .07em 0 #2a1205,.07em -.07em 0 #2a1205,-.07em -.07em 0 #2a1205,.09em 0 0 #2a1205,-.09em 0 0 #2a1205,0 -.08em 0 #2a1205}
.nk-cartoon .nk-stamp span{text-shadow:0 .09em 0 #2a1205,.06em .06em 0 #2a1205,-.06em .06em 0 #2a1205,.06em -.06em 0 #2a1205,-.06em -.06em 0 #2a1205,.08em 0 0 #2a1205,-.08em 0 0 #2a1205,0 -.07em 0 #2a1205,0 .16em 0 #2a1205}
.nk-cartoon #nk-panel{background:
  radial-gradient(circle,#e0b870 0 30%,#3a1f0a 34% 52%,rgba(0,0,0,0) 56%) calc(var(--u)*1.4) calc(var(--u)*1.4)/calc(var(--u)*3) calc(var(--u)*3) no-repeat,
  radial-gradient(circle,#e0b870 0 30%,#3a1f0a 34% 52%,rgba(0,0,0,0) 56%) calc(100% - var(--u)*1.4) calc(var(--u)*1.4)/calc(var(--u)*3) calc(var(--u)*3) no-repeat,
  var(--pbg);border:calc(var(--u)*1) solid #3a1f0a;border-bottom:0;border-radius:calc(var(--u)*3.4) calc(var(--u)*3.4) 0 0;box-shadow:inset 0 0 0 calc(var(--u)*.6) rgba(255,255,255,.35)}
.nk-cartoon .nk-slot{background:radial-gradient(circle at 50% 40%,#fffaf0 0%,var(--rcb,#f3e3c0) 75%);border:calc(var(--u)*.85) solid #3a1f0a;box-shadow:inset 0 0 0 calc(var(--u)*.7) var(--rc,#d8bf8a),0 calc(var(--u)*.8) 0 #3a1f0a;border-radius:calc(var(--u)*2.2)}
.nk-cartoon .nk-slot.empty{background:rgba(90,52,22,.12);border:calc(var(--u)*.7) dashed rgba(58,31,10,.5);box-shadow:none}
.nk-cartoon .nk-mascot{background:rgba(90,52,22,.14);border:calc(var(--u)*.7) solid rgba(58,31,10,.4);box-shadow:none;color:#3a1f0a}
.nk-cartoon .nk-lv{border:calc(var(--u)*.45) solid #2a1205}
.nk-cartoon .nk-up{border-color:#2a1205}
.nk-cartoon #nk-nav{background:linear-gradient(180deg,#8a5428 0%,#5a3214 100%);border-top:calc(var(--u)*.9) solid #2a1205;box-shadow:inset 0 calc(var(--u)*.6) 0 rgba(255,220,160,.3);color:#f6e2b8}
.nk-cartoon .nk-nbl{text-shadow:0 calc(var(--u)*.35) 0 #2a1205}
.nk-cartoon .nk-nb.active:not(.nk-nb-race){color:#ffd23f}
.nk-cartoon .nk-nb-race .nk-nbi{background:radial-gradient(circle at 50% 28%,#c8ff8a 0%,#5cc22e 55%,#2f7d18 100%);border:calc(var(--u)*1) solid #2a1205;color:#fff;box-shadow:0 calc(var(--u)*1.3) 0 #2a1205,inset 0 calc(var(--u)*1) 0 rgba(255,255,255,.5)}
.nk-cartoon .nk-nb-race .nk-nbi svg{filter:drop-shadow(0 calc(var(--u)*.4) 0 #2a1205)}
.nk-cartoon .nk-nb-race .nk-nbi::before{background:radial-gradient(closest-side,rgba(160,255,90,.75),rgba(160,255,90,0))}
.nk-cartoon .nk-nb-race .nk-nbl{color:#fff}
.nk-cartoon .nk-gear{background:var(--pbg);border:calc(var(--u)*.8) solid #2a1205;color:#5a3214;box-shadow:0 calc(var(--u)*.8) 0 #2a1205}
.nk-cartoon .nk-coins{background:#5a3214;border:calc(var(--u)*.7) solid #2a1205;box-shadow:inset 0 calc(var(--u)*.5) 0 rgba(255,220,160,.3)}
.nk-cartoon .nk-dots{background:rgba(42,18,5,.55);box-shadow:0 0 0 calc(var(--u)*.4) #2a1205}
.nk-cartoon .nk-ban{background:linear-gradient(180deg,#f0503a 0%,#c8261c 100%);border:calc(var(--u)*.85) solid #2a1205;border-radius:calc(var(--u)*1.2);box-shadow:inset 0 calc(var(--u)*.7) 0 rgba(255,255,255,.35),0 calc(var(--u)*1) 0 #2a1205}
.nk-cartoon .nk-ban::before,.nk-cartoon .nk-ban::after{content:'';position:absolute;top:calc(var(--u)*1.6);bottom:calc(var(--u)*-1.6);width:calc(var(--u)*6);background:#9a1c14;border:calc(var(--u)*.85) solid #2a1205}
.nk-cartoon .nk-ban::before{right:100%;margin-right:calc(var(--u)*-.85);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,38% 50%);border-right:0}
.nk-cartoon .nk-ban::after{left:100%;margin-left:calc(var(--u)*-.85);clip-path:polygon(0 0,100% 0,62% 50%,100% 100%,0 100%);border-left:0}
.nk-cartoon .nk-btn{border:calc(var(--u)*.85) solid #2a1205;box-shadow:0 calc(var(--u)*1.1) 0 #2a1205,inset 0 calc(var(--u)*.7) 0 rgba(255,255,255,.5)}
.nk-cartoon .nk-btn:active{box-shadow:0 calc(var(--u)*.2) 0 #2a1205,inset 0 calc(var(--u)*.7) 0 rgba(255,255,255,.5)}
.nk-cartoon .nk-btn.ghost{background:rgba(0,0,0,.08);box-shadow:none;border-color:rgba(42,18,5,.5);text-shadow:none}
.nk-cartoon .nk-card{border:calc(var(--k)*1) solid #2a1205;border-radius:calc(var(--k)*3);
  background:radial-gradient(circle,#e0b870 0 30%,#3a1f0a 34% 52%,rgba(0,0,0,0) 56%) calc(var(--k)*1.2) calc(100% - var(--k)*1.2)/calc(var(--k)*2.6) calc(var(--k)*2.6) no-repeat,
    radial-gradient(circle,#e0b870 0 30%,#3a1f0a 34% 52%,rgba(0,0,0,0) 56%) calc(100% - var(--k)*1.2) calc(100% - var(--k)*1.2)/calc(var(--k)*2.6) calc(var(--k)*2.6) no-repeat,var(--cbg);
  box-shadow:inset 0 0 0 calc(var(--k)*.9) var(--rc),0 calc(var(--k)*1.2) 0 #2a1205}
.nk-cartoon .nk-card.empty{border-style:dashed}
.nk-cartoon .nk-card-rar{margin:calc(var(--k)*-1.4) calc(var(--k)*-3.4) 0;border:calc(var(--k)*.8) solid #2a1205;border-radius:calc(var(--k)*1.2);background:linear-gradient(180deg,var(--rc),var(--rc2))}
.nk-cartoon .nk-loot-new .nk-card,.nk-cartoon .nk-fan .nk-card,.nk-cartoon .nk-ps-card .nk-card{box-shadow:inset 0 0 0 calc(var(--k)*.9) var(--rc),0 calc(var(--k)*1.2) 0 #2a1205,0 0 calc(var(--u)*7) var(--rc)}
.nk-cartoon .nk-card-stat{background:rgba(90,52,22,.12);border:calc(var(--k)*.4) solid rgba(42,18,5,.25)}
.nk-cartoon .nk-side{border:calc(var(--u)*.85) solid #2a1205}
.nk-cartoon .nk-side.l{box-shadow:0 calc(var(--u)*1) 0 #2a1205}
.nk-cartoon .nk-side.r{box-shadow:0 calc(var(--u)*1) 0 #2a1205}
.nk-cartoon .nk-ub{border:calc(var(--u)*.85) solid #2a1205}
.nk-cartoon .nk-ub.skip{box-shadow:0 calc(var(--u)*1) 0 #2a1205}
.nk-cartoon .nk-ub.all{box-shadow:0 calc(var(--u)*1) 0 #2a1205,0 0 calc(var(--u)*4) rgba(255,220,80,.5)}
.nk-cartoon .nk-forkrow .nk-road{border-color:#2a1205;border-width:calc(var(--u)*1)}
.nk-cartoon .nk-forkrow .nk-road.hw{box-shadow:inset 0 0 0 calc(var(--u)*.8) #2a8cff,0 calc(var(--u)*1.2) 0 #2a1205}
.nk-cartoon .nk-forkrow .nk-road.br{box-shadow:inset 0 0 0 calc(var(--u)*.8) #5aa12e,0 calc(var(--u)*1.2) 0 #2a1205}
.nk-cartoon .nk-sbox,.nk-cartoon .nk-nstats,.nk-cartoon .nk-noad-box{border:calc(var(--u)*1) solid #2a1205;box-shadow:0 calc(var(--u)*1.2) 0 #2a1205}
.nk-cartoon .nk-sh-box{border:calc(var(--u)*1) solid #2a1205;border-bottom:0}
.nk-cartoon .nk-gcar{border:calc(var(--u)*.6) solid rgba(42,18,5,.35);background:rgba(255,250,235,.7)}
.nk-cartoon .nk-gcar.cur{border-color:#3fae2a}
.nk-cartoon .nk-splash-bot{background:var(--pbg);border-top:calc(var(--u)*1) solid #2a1205;border-radius:calc(var(--u)*3.4) calc(var(--u)*3.4) 0 0;box-shadow:inset 0 0 0 calc(var(--u)*.6) rgba(255,255,255,.3)}
.nk-cartoon .nk-bar{border:calc(var(--u)*.6) solid #2a1205;border-radius:calc(var(--u)*1.4)}
.nk-cartoon .nk-dbar i{background:linear-gradient(180deg,#a6f06a 0%,#4fb52b 60%,#2f8a1a 100%)}
.nk-cartoon .nk-info{border-color:#2a1205;background:#3b8bff}
.nk-cartoon .nk-tog{border:calc(var(--u)*.5) solid #2a1205}
.nk-cartoon #nk-toast span{background:#f7e8c4;color:#3a1f0a;border:calc(var(--u)*.7) solid #2a1205;box-shadow:0 calc(var(--u)*.8) 0 #2a1205}
.nk-cartoon .nk-seg i.on{background:#e8462a}
.nk-cartoon .nk-x-close{background:#e8462a;color:#fff;border:calc(var(--u)*.6) solid #2a1205}

/* ============================== STREET theme ============================== */
.nk-street #nk{letter-spacing:.02em}
.nk-street #nk-panel{background:var(--pbg);border-top:1px solid var(--neon);box-shadow:0 -1px 0 rgba(0,229,255,.35),0 calc(var(--u)*-1.2) calc(var(--u)*4) rgba(0,229,255,.25)}
.nk-street #nk-panel::before{content:'';position:absolute;left:0;top:-1px;width:30%;height:2px;background:var(--neon2);box-shadow:0 0 calc(var(--u)*2) var(--neon2)}
.nk-street .nk-cname b{color:#fff;text-transform:uppercase;letter-spacing:.02em}
.nk-street .nk-slot{background:linear-gradient(160deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--rc,rgba(0,229,255,.35));border-radius:calc(var(--u)*.8);box-shadow:inset 0 0 calc(var(--u)*2.6) calc(var(--u)*-.4) var(--rc,rgba(0,229,255,.3)),0 0 calc(var(--u)*1.4) var(--rc,transparent)}
.nk-street .nk-slot.empty{background:rgba(255,255,255,.03);border:1px dashed rgba(0,229,255,.3);box-shadow:none}
.nk-street .nk-mascot{background:rgba(255,255,255,.03);border:1px solid rgba(255,43,214,.3);box-shadow:none;color:#ff9df0}
.nk-street .nk-lv{border-radius:calc(var(--u)*.5);background:rgba(6,6,20,.92);color:var(--rc);border:1px solid var(--rc);text-shadow:0 0 calc(var(--u)*1) var(--rc);font-size:calc(var(--u)*2.7*var(--fz));padding:calc(var(--u)*.3) calc(var(--u)*1.4) 0}
.nk-street .nk-up{background:#00ffa0;color:#002a1a;border-color:#002a1a;box-shadow:0 0 calc(var(--u)*2) #00ffa0}
.nk-street #nk-nav{background:rgba(4,4,16,.94);border-top:1px solid rgba(255,43,214,.55);color:#7f9cc0}
.nk-street .nk-nbl{letter-spacing:.1em}
.nk-street .nk-nb.active:not(.nk-nb-race){color:var(--neon);text-shadow:0 0 calc(var(--u)*1.5) var(--neon)}
.nk-street .nk-nb-race .nk-nbi{background:linear-gradient(135deg,#ff2bd6 0%,#7a2bff 100%);border:1px solid #ffb3f2;color:#fff;border-radius:calc(var(--u)*4);transform:rotate(45deg);padding:calc(var(--u)*4.8);width:calc(var(--u)*17);height:calc(var(--u)*17);margin-top:calc(var(--u)*-9);margin-bottom:calc(var(--u)*1.2);box-shadow:0 0 calc(var(--u)*4) rgba(255,43,214,.8),inset 0 0 calc(var(--u)*2) rgba(255,255,255,.3)}
.nk-street .nk-nb-race .nk-nbi svg{transform:rotate(-45deg)}
.nk-street .nk-nb-race .nk-nbi::before{border-radius:calc(var(--u)*5);background:none;border:1px solid var(--neon);box-shadow:0 0 calc(var(--u)*2) var(--neon)}
.nk-street .nk-nb-race .nk-nbl{color:#fff;text-shadow:0 0 calc(var(--u)*1.6) var(--neon2)}
.nk-street .nk-gear{background:rgba(6,6,24,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--neon);color:var(--neon);border-radius:calc(var(--u)*1.4);box-shadow:0 0 calc(var(--u)*2) rgba(0,229,255,.5)}
.nk-street .nk-coins{background:rgba(6,6,24,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--neon2);border-radius:calc(var(--u)*1.2);box-shadow:0 0 calc(var(--u)*2) rgba(255,43,214,.5);text-shadow:0 0 calc(var(--u)*1.2) rgba(255,210,63,.6);color:#ffe27a;padding-top:calc(var(--u)*.7)}
.nk-street .nk-rlbl{letter-spacing:.14em;text-shadow:0 0 calc(var(--u)*1.6) var(--neon),0 0 calc(var(--u)*.4) #000}
.nk-street .nk-dots{background:rgba(6,6,24,.6);border:1px solid rgba(0,229,255,.35);border-radius:calc(var(--u)*.8)}
.nk-street .nk-dot{border-radius:calc(var(--u)*.5);transform:skewX(-14deg);border-color:rgba(0,229,255,.4);background:rgba(0,229,255,.12)}
.nk-street .nk-dot.done{background:var(--neon);border-color:#fff;box-shadow:0 0 calc(var(--u)*1.2) var(--neon)}
.nk-street .nk-dot.done+.nk-dot::before{background:var(--neon)}
.nk-street .nk-dot.cur{background:#fff;border-color:var(--neon2);box-shadow:0 0 calc(var(--u)*1.6) var(--neon2)}
.nk-street .nk-dot.boss{transform:none;background:none;box-shadow:none}
.nk-street .nk-roadchip{border-radius:calc(var(--u)*.4)}
.nk-street .nk-ban{background:none;isolation:isolate;padding:calc(var(--u)*1.8) calc(var(--u)*8) calc(var(--u)*1.2);letter-spacing:.08em;text-shadow:0 0 calc(var(--u)*1.4) rgba(255,255,255,.7)}
.nk-street .nk-ban::before{content:'';position:absolute;inset:0;z-index:-1;transform:skewX(-16deg);background:linear-gradient(90deg,#ff2bd6 0%,#8a2bff 100%);border:1px solid #ffb3f2;box-shadow:0 0 calc(var(--u)*3.4) rgba(255,43,214,.85),inset 0 0 calc(var(--u)*2) rgba(255,255,255,.25)}
.nk-street .nk-ban::after{content:'';position:absolute;left:-2%;right:-2%;bottom:calc(var(--u)*-1.4);height:2px;z-index:-1;transform:skewX(-16deg);background:var(--neon);box-shadow:0 0 calc(var(--u)*2) var(--neon)}
.nk-street .nk-ban span{transform:skewX(-8deg)}
.nk-street .nk-flyban.boss .nk-ban{background:none;color:#fff}
.nk-street .nk-flyban.boss .nk-ban::before{background:linear-gradient(90deg,#ff1f3d 0%,#5a0010 100%);border-color:#ff8a9a;box-shadow:0 0 calc(var(--u)*3.4) rgba(255,31,61,.9)}
.nk-street .nk-btn{border-radius:calc(var(--u)*1);border:1px solid #a8f6ff;box-shadow:0 0 calc(var(--u)*3) rgba(0,229,255,.6),inset 0 0 calc(var(--u)*2) rgba(255,255,255,.25);text-shadow:0 0 calc(var(--u)*1.2) rgba(255,255,255,.8);letter-spacing:.1em;padding-top:calc(var(--u)*2.6)}
.nk-street .nk-btn:active{box-shadow:0 0 calc(var(--u)*1.5) rgba(0,229,255,.6)}
.nk-street .nk-btn.ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.3);box-shadow:none}
.nk-street .nk-card{border:1px solid var(--rc);border-radius:calc(var(--k)*1);color:var(--ink);box-shadow:0 0 calc(var(--k)*3) var(--rc),inset 0 0 calc(var(--k)*4) rgba(255,255,255,.04)}
.nk-street .nk-card.empty{border-style:dashed;--rc:#4a5a7a}
.nk-street .nk-card-rar{border-radius:0;margin:calc(var(--k)*-2.4) calc(var(--k)*-2.4) 0;background:linear-gradient(90deg,var(--rc) 0%,rgba(0,0,0,0) 100%);text-align:left;padding-left:calc(var(--k)*3.4);letter-spacing:.24em;text-shadow:0 0 calc(var(--k)*1.4) rgba(255,255,255,.6)}
.nk-street .nk-card-name{text-transform:uppercase;letter-spacing:.06em;color:#fff}
.nk-street .nk-card-ico{background:none}
.nk-street .nk-card-ico::before{content:'';position:absolute;inset:0;background:radial-gradient(closest-side,var(--rc) 0%,rgba(0,0,0,0) 100%);opacity:.45}
.nk-street .nk-card-lv{color:var(--neon);letter-spacing:.1em}
.nk-street .nk-card-stat{background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.25);border-radius:calc(var(--k)*.6)}
.nk-street .nk-sico.pw{color:#ffd23f;filter:drop-shadow(0 0 2px #ffb300)}
.nk-street .nk-sico.du{color:var(--neon);filter:drop-shadow(0 0 2px var(--neon))}
.nk-street .nk-loot-new .nk-card,.nk-street .nk-fan .nk-card,.nk-street .nk-ps-card .nk-card{box-shadow:0 0 calc(var(--u)*5) var(--rc),inset 0 0 calc(var(--k)*4) rgba(255,255,255,.05)}
.nk-street .nk-side{border-radius:calc(var(--u)*.8);border:1px solid rgba(255,255,255,.6);text-shadow:0 0 calc(var(--u)*1) rgba(255,255,255,.7)}
.nk-street .nk-side.l{background:linear-gradient(180deg,rgba(255,43,92,.9),rgba(140,0,40,.9));box-shadow:0 0 calc(var(--u)*3) rgba(255,43,92,.7)}
.nk-street .nk-side.r{background:linear-gradient(180deg,rgba(0,230,160,.9),rgba(0,110,90,.9));box-shadow:0 0 calc(var(--u)*3) rgba(0,255,170,.6)}
.nk-street .nk-ub{border-radius:calc(var(--u)*1);border:1px solid rgba(255,255,255,.5);letter-spacing:.08em;padding-top:calc(var(--u)*.8)}
.nk-street .nk-ub.skip{background:rgba(255,255,255,.08);box-shadow:none}
.nk-street .nk-ub.all{box-shadow:0 0 calc(var(--u)*4) rgba(255,43,214,.7)}
.nk-street .nk-forkrow .nk-road{border-width:1px;border-radius:calc(var(--u)*1)}
.nk-street .nk-forkrow .nk-road.hw{box-shadow:0 0 calc(var(--u)*4) rgba(42,140,255,.8)}
.nk-street .nk-forkrow .nk-road.br{box-shadow:0 0 calc(var(--u)*4) rgba(90,220,60,.6)}
.nk-street .hw .nk-road-t{color:#5ab0ff;text-shadow:0 0 calc(var(--u)*1.4) #2a8cff}
.nk-street .br .nk-road-t{color:#8cff5a;text-shadow:0 0 calc(var(--u)*1.4) #5aa12e}
.nk-street .nk-sbox,.nk-street .nk-nstats,.nk-street .nk-noad-box{border:1px solid var(--neon);border-radius:calc(var(--u)*1.2);box-shadow:0 0 calc(var(--u)*4) rgba(0,229,255,.45);background:linear-gradient(160deg,rgba(20,20,60,.96),rgba(6,6,22,.96))}
.nk-street .nk-sbox .nk-btn.ghost{color:#fff;background:rgba(255,255,255,.05)}
.nk-street .nk-sh-box{background:linear-gradient(180deg,rgba(16,16,44,.97),rgba(6,6,20,.98));border-top:1px solid var(--neon);border-radius:0;box-shadow:0 0 calc(var(--u)*4) rgba(0,229,255,.35)}
.nk-street .nk-row{border-bottom-color:rgba(0,229,255,.15)}
.nk-street .nk-seg{background:rgba(255,255,255,.06);border-radius:calc(var(--u)*.6)}
.nk-street .nk-seg i{border-radius:calc(var(--u)*.5);padding-top:calc(var(--u)*2.4)}
.nk-street .nk-seg i.on{background:var(--neon2);box-shadow:0 0 calc(var(--u)*2) var(--neon2)}
.nk-street .nk-x-close{background:rgba(255,255,255,.08);color:#fff;border-radius:calc(var(--u)*1);border:1px solid rgba(255,255,255,.25)}
.nk-street .nk-gcar{background:rgba(255,255,255,.04);border:1px solid rgba(0,229,255,.25);border-radius:calc(var(--u)*.8)}
.nk-street .nk-gcar.cur{border-color:var(--good);box-shadow:0 0 calc(var(--u)*2.4) rgba(43,255,160,.5)}
.nk-street .nk-gcar.locked{background:rgba(0,0,0,.25)}
.nk-street .nk-gcar.locked img.sil{filter:brightness(0) drop-shadow(0 0 1px rgba(0,229,255,.8));opacity:.8}
.nk-street .nk-gcar em{border-radius:calc(var(--u)*.4);padding-top:calc(var(--u)*1.1)}
.nk-street .nk-splash-bot{background:linear-gradient(180deg,rgba(10,10,30,.86),rgba(4,4,14,.95));border-top:1px solid var(--neon);box-shadow:0 0 calc(var(--u)*5) rgba(0,229,255,.35)}
.nk-street .nk-bar{border:1px solid #ff3b5c;border-radius:calc(var(--u)*.4);box-shadow:0 0 calc(var(--u)*1.6) rgba(255,59,92,.8);background:rgba(10,0,8,.75)}
.nk-street .nk-bar i{background:linear-gradient(90deg,#ff2b5c 0%,#ff7a2b 100%)}
.nk-street .nk-bar b{background:#fff}
.nk-street .nk-dbar{border-color:var(--neon);box-shadow:0 0 calc(var(--u)*1.6) rgba(0,229,255,.6)}
.nk-street .nk-dbar i{background:linear-gradient(90deg,#00b8ff 0%,#00ffd0 100%)}
.nk-street .nk-bar span{padding-top:calc(var(--u)*.5)}
.nk-street .nk-info{background:#0a0a20;border:1px solid var(--neon);color:var(--neon);box-shadow:0 0 calc(var(--u)*1.4) var(--neon)}
.nk-street .nk-tog{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25)}
.nk-street .nk-autosell .nk-lock{background:#0a0a20;color:#ff9df0;border:1px solid #ff9df0}
.nk-street #nk-toast span{background:rgba(6,6,22,.92);border:1px solid var(--neon);border-radius:calc(var(--u)*1);box-shadow:0 0 calc(var(--u)*3) rgba(0,229,255,.5);letter-spacing:.06em;padding-top:calc(var(--u)*2.9)}
.nk-street .nk-num{text-shadow:0 0 calc(var(--u)*1.6) currentColor,0 calc(var(--u)*.35) 0 #000,calc(var(--u)*.3) 0 0 #000,calc(var(--u)*-.3) 0 0 #000}
.nk-street .nk-stamp span{font-style:italic;letter-spacing:.06em;color:#fff;text-shadow:0 0 calc(var(--u)*2) #ff2bd6,0 0 calc(var(--u)*5) #ff2bd6,calc(var(--u)*.6) calc(var(--u)*.6) 0 #00e5ff}
.nk-street .nk-stamp.wr span{color:#fff;text-shadow:0 0 calc(var(--u)*2) #ff1f3d,0 0 calc(var(--u)*5) #ff1f3d,calc(var(--u)*.6) calc(var(--u)*.6) 0 #5a0010}
.nk-street .nk-wtitle{font-style:italic;color:#fff;text-shadow:0 0 calc(var(--u)*2) #ff1f3d,0 0 calc(var(--u)*6) #ff1f3d,calc(var(--u)*.7) calc(var(--u)*.7) 0 #5a0010}
.nk-street .nk-tag{letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 calc(var(--u)*1.4) var(--neon2),0 0 calc(var(--u)*.4) #000}
.nk-street .nk-card-stat .k,.nk-street .nk-nstats span{text-transform:uppercase}

/* ============================== keyframes ============================== */
@keyframes nk-spin{to{transform:rotate(360deg)}}
@keyframes nk-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes nk-num{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}14%{transform:translate(-50%,-62%) scale(1.3);opacity:1}28%{transform:translate(-50%,-75%) scale(1)}72%{opacity:1}100%{transform:translate(-50%,-270%) scale(.9);opacity:0}}
@keyframes nk-stamp{0%{transform:scale(3.2);opacity:0}10%{transform:scale(.86);opacity:1}17%{transform:scale(1.08)}24%{transform:scale(1)}78%{transform:scale(1.03);opacity:1}100%{transform:scale(1.3);opacity:0}}
@keyframes nk-stampin{0%{transform:rotate(-5deg) scale(3);opacity:0}60%{transform:rotate(-5deg) scale(.9);opacity:1}100%{transform:rotate(-5deg) scale(1)}}
@keyframes nk-flyban{0%{transform:translateX(-120%)}14%{transform:translateX(3%)}20%{transform:translateX(0)}84%{transform:translateX(0);opacity:1}100%{transform:translateX(120%);opacity:.6}}
@keyframes nk-toast{0%{opacity:0;transform:translateY(calc(var(--u)*3)) scale(.92)}10%{opacity:1;transform:none}85%{opacity:1;transform:none}100%{opacity:0;transform:translateY(calc(var(--u)*-2))}}
@keyframes nk-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}70%{transform:scale(.95)}100%{transform:scale(1)}}
@keyframes nk-bump{0%{transform:scale(1)}40%{transform:scale(1.16)}100%{transform:scale(1)}}
@keyframes nk-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--u)*-.8))}}
@keyframes nk-dotp{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}
@keyframes nk-ring{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@keyframes nk-lines{0%{transform:rotate(0deg)}100%{transform:rotate(3deg)}}
@keyframes nk-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}}
@keyframes nk-cardin{0%{transform:translateY(calc(var(--u)*-34)) scale(.55) rotate(-10deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes nk-handswipe{0%,100%{transform:translateX(calc(var(--u)*-14)) rotate(-12deg)}50%{transform:translateX(calc(var(--u)*14)) rotate(12deg)}}
@keyframes nk-handtap{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(calc(var(--u)*-3)) scale(1.05)}60%{transform:translateY(calc(var(--u)*-1)) scale(.92)}}
@keyframes nk-deal{0%{transform:translateY(calc(var(--u)*45)) rotate(0deg) scale(.5);opacity:0}100%{transform:rotate(var(--r,0deg));opacity:1}}
@keyframes nk-picked{0%{transform:rotate(var(--r,0deg))}40%{transform:rotate(0deg) translateY(calc(var(--u)*-8)) scale(1.18);opacity:1}100%{transform:translateY(calc(var(--u)*-16)) scale(1.25);opacity:0}}
@keyframes nk-picksel{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1.06)}}
@keyframes nk-inl{0%{transform:translateX(calc(var(--u)*-60)) rotate(-12deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes nk-inr{0%{transform:translateX(calc(var(--u)*60)) rotate(12deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes nk-carin{0%{transform:translateY(calc(var(--u)*-50)) scale(.5);opacity:0}60%{opacity:1}100%{transform:none}}
@keyframes nk-chestwob{0%,100%{transform:rotate(0)}10%{transform:rotate(-5deg) scale(1.03)}20%{transform:rotate(5deg) scale(1.03)}30%{transform:rotate(-3deg)}40%{transform:rotate(0)}}
@keyframes nk-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(calc(var(--u)*-2))}40%{transform:translateX(calc(var(--u)*2))}60%{transform:translateX(calc(var(--u)*-1.4))}80%{transform:translateX(calc(var(--u)*1.4))}}
@keyframes nk-lvup{0%{transform:scale(1)}35%{transform:scale(1.1);filter:brightness(1.4)}100%{transform:scale(1);filter:none}}
@keyframes nk-logoin{0%{transform:translateY(calc(var(--u)*-30)) scale(.6);opacity:0}100%{transform:none;opacity:1}}
@keyframes nk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--u)*-1.6))}}
@keyframes nk-fadein{from{opacity:0}to{opacity:1}}
@keyframes nk-lowp{from{opacity:1}to{opacity:.55}}
@keyframes nk-sidego{0%{transform:scale(1)}50%{transform:scale(1.25)}100%{transform:scale(1.1)}}
@keyframes nk-bossglow{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes nk-shine{0%{background-position:120% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){#nk-lines{animation:none}.nk-rays{animation:none}}