:root{--bg: #04050b;--panel: rgba(255, 255, 255, .045);--panel-2: rgba(255, 255, 255, .085);--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .18);--text: #ffffff;--muted: rgba(255, 255, 255, .68);--dim: rgba(255, 255, 255, .42);--yellow: #ffd84a;--yellow-2: #ffb800;--blue: #3d63ff;--blue-2: #6b8cff;--pink: #e447d2;--ink: #0b0c14;--r: 22px;--ease: cubic-bezier(.22, 1, .36, 1);--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit}#app{position:relative;z-index:1;height:100%}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg)}.bg .stripes{position:absolute;inset:0 0 38%;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(61,99,255,.55) 26px 28px,transparent 28px 40px,rgba(61,99,255,.22) 40px 41px);-webkit-mask:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);opacity:.55}.bg .stripes:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(140,170,255,.55) 50%,transparent 70%);background-size:250% 100%;animation:sweep 9s linear infinite;mix-blend-mode:screen}@keyframes sweep{0%{background-position:150% 0}to{background-position:-100% 0}}.bg .glow{position:absolute;border-radius:50%;filter:blur(40px)}.bg .g1{width:70vmax;height:70vmax;left:-30vmax;top:-32vmax;background:radial-gradient(circle,rgba(255,200,40,.5),rgba(255,170,0,.12) 45%,transparent 68%);animation:breathe 10s ease-in-out infinite}.bg .g2{width:60vmax;height:60vmax;right:-26vmax;bottom:-30vmax;background:radial-gradient(circle,rgba(61,99,255,.4),transparent 65%);animation:breathe 13s ease-in-out infinite reverse}@keyframes breathe{50%{transform:scale(1.12);opacity:.8}}.boot{height:100%;display:grid;place-items:center}.boot svg{width:64px;color:#fff;animation:breathe 1.4s ease-in-out infinite}.screen{position:relative;height:100%;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) clamp(16px,3.2vw,44px) max(16px,env(safe-area-inset-bottom));animation:enter .5s var(--ease) both;overflow-y:auto;overflow-x:hidden}@keyframes enter{0%{opacity:0;transform:translateY(12px)}}.bar{display:flex;align-items:center;gap:12px;margin-bottom:clamp(10px,2.4vh,26px);flex:none}.bar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:38px;color:#fff}.brand b{font-weight:900;font-size:19px;letter-spacing:-.02em}.brand span{font-size:13px;color:var(--dim);font-weight:600;margin-left:-4px}.chip{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;border:1px solid rgba(255,216,74,.35);background:#ffd84a1a;color:var(--yellow);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}h1{margin:14px 0 12px;font-weight:900;letter-spacing:-.045em;line-height:.98;font-size:clamp(40px,5.4vw,76px)}h1 span{color:var(--yellow)}.lead{color:var(--muted);font-size:clamp(15px,1.25vw,18px);max-width:520px;margin:0 0 20px;font-weight:500}.fine{color:var(--dim);font-size:12.5px;line-height:1.55;margin:14px 0 0}.muted{color:var(--dim)}.eyebrow{margin:0 0 10px;color:var(--dim);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.iconbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);background:var(--panel);color:#fff;cursor:pointer;transition:background .2s,transform .2s;padding:0}.iconbtn:hover{background:var(--panel-2);transform:translateY(-1px)}.iconbtn svg{width:19px;height:19px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;border:1px solid transparent;font-size:17px;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:transform .18s var(--ease),box-shadow .25s,background .2s,filter .2s}.btn svg{width:18px;height:18px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:progress}.btn.primary{background:var(--yellow);color:var(--ink);box-shadow:0 10px 34px -10px #ffc828b3;position:relative}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #ffc828d9}.btn.ghost{background:var(--panel);border-color:var(--line-2);color:#fff}.btn.ghost:hover{background:var(--panel-2)}.btn kbd{font-family:var(--font);font-size:11px;font-weight:800;padding:3px 7px;border-radius:7px;background:#0b0c1424}.btn.big{min-height:68px;font-size:24px;padding:0 38px;border-radius:34px 34px 34px 10px}.link{background:none;border:0;padding:4px 0;color:var(--yellow);font-weight:700;font-size:14px;cursor:pointer;text-decoration:underline;text-decoration-color:#ffd84a66;text-underline-offset:3px}.link:hover{text-decoration-color:var(--yellow)}.seg{display:flex;padding:4px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);gap:4px}.seg button{flex:1;border:0;border-radius:999px;padding:10px 14px;background:none;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,color .2s}.seg button.on{background:#fff;color:var(--ink)}.seg button{white-space:nowrap}.field{display:flex;align-items:center;gap:4px;background:#00000059;border:1px solid var(--line-2);border-radius:16px;padding:0 8px 0 16px;min-height:56px;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:var(--yellow);box-shadow:0 0 0 4px #ffd84a26}.field .at{color:var(--dim);font-size:18px;font-weight:700}.field input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-family:var(--font);font-size:17px;font-weight:600;padding:14px 0}.field input::placeholder{color:var(--dim);font-weight:500}.eye{background:none;border:0;color:var(--dim);font-weight:700;font-size:13px;cursor:pointer;padding:8px 10px}.eye:hover{color:#fff}.auth-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(16px,3vw,48px);min-height:0}.auth-copy{display:flex;flex-direction:column;max-width:520px}.form{display:flex;flex-direction:column;gap:12px;padding:18px}.form.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.form .btn{width:100%;margin-top:2px}.form .link{align-self:center}.msg{margin:0;min-height:20px;font-size:13.5px;font-weight:600;color:var(--muted)}.msg.err{color:#ff7b8c}.msg.warn{color:var(--yellow)}.auth-stage{position:relative;height:min(76vh,640px);min-height:320px}.hub-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"copy stage" "board stage";grid-template-rows:auto 1fr;gap:18px clamp(16px,3vw,44px)}.hub-copy{grid-area:copy;display:flex;flex-direction:column}.hub-stage{grid-area:stage;display:flex;flex-direction:column;min-height:0}.mini-board{grid-area:board;align-self:start;padding:14px 16px;max-width:520px}@media (min-width: 1440px){.hub-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 300px;grid-template-areas:"copy stage board";grid-template-rows:1fr}.mini-board{align-self:center}}.title{font-size:clamp(64px,8.6vw,132px);font-style:italic;line-height:.9;margin:12px 0 14px;letter-spacing:-.055em}.title em{font-style:italic;background:linear-gradient(180deg,#fff6c2 0%,var(--yellow) 45%,var(--yellow-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px;max-width:540px}.stats div{padding:10px 12px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.stats b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stats span{font-size:11px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.guestnote{color:var(--muted);font-size:13.5px;margin:14px 0 0;max-width:520px}.guestnote .link{font-size:13.5px}.tge{margin-top:18px;max-width:520px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:13.5px;color:var(--muted);padding:12px 14px;border-radius:18px;border:1px solid rgba(255,216,74,.25);background:linear-gradient(90deg,#ffd84a1a,#ffd84a05)}.tge b{color:#fff}.bubble{display:inline-block;padding:5px 12px;border-radius:14px 14px 14px 4px;background:var(--yellow);color:var(--ink);font-weight:900;font-size:12.5px;letter-spacing:.02em}.hub-stage .stage3d{flex:1;min-height:260px;position:relative;cursor:grab}.squad{flex:none}.drivers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.driver{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 12px;border-radius:18px;border:1px solid var(--line);background:var(--panel);color:#fff;cursor:pointer;transition:transform .2s var(--ease),border-color .2s,background .2s}.driver:hover:not(.locked){transform:translateY(-3px);background:var(--panel-2)}.driver.on{border-color:var(--yellow);background:#ffd84a1a;box-shadow:0 0 0 1px var(--yellow) inset}.driver .pic{position:relative;width:58px;height:58px}.driver .pic svg{width:100%;height:100%}.driver b{font-size:14px;font-weight:800}.driver small{font-size:11px;color:var(--dim);font-weight:600}.driver.locked{cursor:not-allowed}.driver.locked .pic svg{filter:grayscale(.85) brightness(.55)}.driver .lock{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.driver .lock svg{width:22px;height:22px;filter:none}.driver .bar{width:70%;height:4px;border-radius:4px;background:#ffffff1a;margin:4px 0 0;overflow:hidden;display:block}.driver .bar i{display:block;height:100%;background:var(--yellow)}.driver.nope{animation:shake .35s}.who{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 6px;border-radius:999px;border:1px solid var(--line);background:var(--panel)}.who .pic{width:34px;height:34px}.who .pic svg{width:100%;height:100%}.who .name{display:flex;flex-direction:column;font-weight:800;font-size:14px;line-height:1.15}.who small{font-size:11px;color:var(--dim);font-weight:600}.pill-btn{border:0;border-radius:999px;padding:8px 12px;background:#ffffff1a;color:#fff;font-weight:700;font-size:12.5px;cursor:pointer}.pill-btn:hover{background:#ffffff2e}.mini-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mini-head .link{font-size:13px}.mini-board ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.mini-board li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:12px;font-size:14px;font-weight:600}.mini-board li i{font-style:normal;width:22px;color:var(--dim);font-weight:800}.mini-board li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-board li b{font-variant-numeric:tabular-nums}.mini-board li:nth-child(1) i{color:var(--yellow)}.mini-board li.me{background:#3d63ff2e}.board-main{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;min-height:0;flex:1}.board-main h1{font-size:clamp(38px,5vw,60px);margin-top:4px}.tabs{align-self:flex-start;margin-bottom:14px}.lb{padding:8px;overflow-y:auto;min-height:0}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px}.lb-row+.lb-row{margin-top:2px}.lb-row .rank{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#ffffff0f;color:var(--muted);flex:none}.lb-row.t0 .rank{background:var(--yellow);color:var(--ink)}.lb-row.t1 .rank{background:#dfe6f5;color:var(--ink)}.lb-row.t2 .rank{background:#e89a55;color:var(--ink)}.lb-row .who{all:unset;flex:1;min-width:0;display:flex;flex-direction:column;font-weight:800;font-size:16px;overflow:hidden}.lb-row .who small{font-size:12px;color:var(--dim);font-weight:600}.lb-row b{font-size:19px;font-weight:900;font-variant-numeric:tabular-nums}.lb-row.me{background:#3d63ff33;box-shadow:0 0 0 1px #6b8cff80 inset}.back{margin-right:4px}.intro{outline:none}.intro-top{display:flex;align-items:center;justify-content:space-between;flex:none}.intro-dots{display:flex;gap:6px}.intro-dots i{width:26px;height:4px;border-radius:4px;background:#ffffff26;transition:background .3s}.intro-dots i.on{background:var(--yellow)}.intro-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,40px);max-width:1200px;width:100%;margin:0 auto}.intro-3d{height:min(72vh,620px);min-height:280px;position:relative}.intro-say{display:flex;flex-direction:column;align-items:flex-start;gap:14px;cursor:pointer;max-width:560px}.say-name{font-weight:900;font-size:15px;letter-spacing:.02em}.say-name span{color:var(--dim);font-weight:600}.say-bubble{position:relative;background:var(--yellow);color:var(--ink);border-radius:34px 34px 34px 8px;padding:26px 30px;min-height:150px;width:100%;box-shadow:0 24px 60px -20px #ffc8288c}.say-bubble.pop{animation:saypop .45s var(--ease)}@keyframes saypop{0%{transform:scale(.94) translateY(8px);opacity:.4}}.say-bubble p{margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:800;letter-spacing:-.02em;line-height:1.32;white-space:pre-wrap}.intro-next{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s,transform .3s var(--ease)}.intro-next.on{opacity:1;transform:none;pointer-events:auto}.intro .fine{text-align:center}.race-view{padding:0;overflow:hidden;animation:none}.race-stage{position:absolute;inset:0;overflow:hidden;background:#0b1030}.race-ui{position:absolute;top:14px;right:172px;display:flex;gap:8px;z-index:4}.rbtn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#080a188c;backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .15s,background .15s}.rbtn:hover{transform:translateY(-2px);background:#3d63ffb3}.rbtn svg{width:19px;height:19px}@media (max-width: 700px){.race-ui{top:130px;right:10px;flex-direction:column}.rbtn{width:34px;height:34px}}.rr{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:flex-end;padding:20px clamp(16px,4vw,60px);background:linear-gradient(90deg,transparent 30%,rgba(4,5,11,.7) 75%);animation:rrfade .6s ease both;overflow-y:auto}@keyframes rrfade{0%{opacity:0}}.rr-card{width:min(460px,100%);padding:22px;border-radius:28px;background:#0a0c1ac7;border:1px solid var(--line-2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000080;animation:rrin .7s var(--ease) both}@keyframes rrin{0%{transform:translate(40px);opacity:0}}.rr-top{display:flex;align-items:center;gap:16px;margin-bottom:14px}.rr-place{position:relative;font-size:76px;font-weight:900;font-style:italic;line-height:.9;letter-spacing:-.05em;color:#fff;padding-right:.06em}.rr.podium .rr-place{background:linear-gradient(180deg,#fff6c2 0%,var(--yellow) 45%,var(--yellow-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.rr-cap{display:flex;flex-direction:column;gap:2px}.rr-cap b{font-size:19px;font-weight:900;letter-spacing:-.02em}.rr-cap span{font-size:13px;color:var(--dim);font-weight:600;font-variant-numeric:tabular-nums}.rr-rows{display:flex;flex-direction:column;gap:2px}.rr-row,.rr-total{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-radius:12px;animation:rrrow .45s var(--d, 0s) var(--ease) both}.rr-row:nth-child(odd){background:#ffffff0a}@keyframes rrrow{0%{transform:translate(24px);opacity:0}}.rr-row span{font-size:14.5px;font-weight:700;display:flex;align-items:baseline;gap:8px}.rr-row i{font-style:normal;font-size:12px;color:var(--dim);font-weight:600}.rr-row b{font-variant-numeric:tabular-nums;font-weight:800;color:var(--blue-2)}.rr-total{margin-top:8px;padding:12px 14px;background:var(--yellow);color:var(--ink);border-radius:18px 18px 18px 6px}.rr-total span{font-size:17px;font-weight:900}.rr-total b{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.rr-earn{margin:12px 2px 0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13.5px;font-weight:700;color:var(--muted);min-height:22px}.rr-earn .err{color:#ff7b8c}.rr-best{padding:3px 10px;border-radius:999px;background:var(--pink);color:#fff;font-weight:800;font-size:12.5px}.unlock{display:inline-flex;align-items:center;gap:6px;color:var(--yellow)}.unlock svg{width:26px;height:26px}.rr-acts{margin-top:14px;display:flex;flex-direction:column;gap:8px}.rr-acts .btn{width:100%}.rr-row2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rr-row2 .btn{min-height:44px;font-size:14px;padding:0 10px}@media (max-width: 900px){.auth-grid{grid-template-columns:1fr}.auth-stage{order:-1;height:36vh;min-height:220px}.auth-copy{max-width:none}.hub-grid{grid-template-columns:1fr;grid-template-areas:"stage" "copy" "board";grid-template-rows:auto}.hub-stage .stage3d{min-height:250px;height:34vh;flex:none}.mini-board{max-width:none}.intro-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.intro-3d{height:38vh;min-height:220px}.rr{justify-content:center;align-items:flex-end;background:linear-gradient(180deg,transparent 20%,rgba(4,5,11,.75) 60%)}.who .name small,.brand span{display:none}}@media (max-width: 520px){.stats{grid-template-columns:repeat(2,1fr)}.btn.big{width:100%}.who .name{display:none}}@media (max-height: 760px) and (min-width: 901px){.title{font-size:clamp(56px,7vw,100px);margin:8px 0 10px}.lead,.stats{margin-bottom:14px}.tge{margin-top:12px}.driver .pic{width:46px;height:46px}.driver{padding:8px 6px 10px}}@media (prefers-reduced-motion: reduce){.bg .stripes:after,.bg .glow,.screen,.say-bubble.pop{animation:none}}.auth-stage,.hub-stage .stage3d,.intro-3d{-webkit-mask:linear-gradient(180deg,#000 78%,transparent 100%);mask:linear-gradient(180deg,#000 78%,transparent 100%)}@media (max-height: 820px) and (min-width: 901px){.auth h1{font-size:clamp(36px,4.2vw,58px);margin:10px 0 8px}.auth .lead{margin-bottom:12px;font-size:15px}.form{padding:14px;gap:9px}.field{min-height:50px}.field input{padding:11px 0}.form .btn{min-height:48px}.auth .fine{margin-top:10px}}.pill-btn,.brand b{white-space:nowrap}@media (max-width: 900px){.hub-grid,.auth-grid,.intro-body{flex:none}.hub-stage{min-height:auto}.hub-stage .stage3d{flex:none;height:34vh;min-height:240px}.squad{margin-top:6px}.bar{gap:8px}.bar-right{gap:6px}}@media (max-width: 520px){.brand svg{width:32px}.brand b{font-size:17px}.iconbtn{width:36px;height:36px}.title{font-size:64px}}.scroll-hint{align-self:center;margin:6px 0 10px;color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px}.scroll-hint span{animation:nudge 1.6s ease-in-out infinite;color:var(--yellow);font-size:18px}@keyframes nudge{50%{transform:translateY(5px)}}.land{width:100%;max-width:1180px;margin:0 auto;padding:clamp(40px,7vh,80px) 0 0}.land-head{margin-bottom:22px}.land h2{font-size:clamp(30px,3.6vw,48px);font-weight:900;letter-spacing:-.04em;line-height:1.02;margin:12px 0 0}.land h2 span{color:var(--yellow)}.feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feat{padding:20px}.feat-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#ffd84a1f;color:var(--yellow);margin-bottom:14px}.feat-ico svg{width:26px;height:26px}.feat h3,.mate h3{margin:0 0 6px;font-size:18px;font-weight:800;letter-spacing:-.02em}.feat p,.mate p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}.mates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mate{padding:22px;display:flex;flex-direction:column;align-items:flex-start}.mate-pic{width:88px;height:88px;margin-bottom:10px}.mate-pic svg{width:100%;height:100%}.tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px}.keys{padding:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 24px;align-items:center}.keys div{display:flex;align-items:center;gap:8px}.keys b{font-weight:700;color:var(--muted);margin-left:4px}.keys p{grid-column:1 / -1;margin:4px 0 0;color:var(--dim);font-size:13.5px}.kc{min-width:44px;height:44px;padding:0 10px;display:inline-grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,#2a2e45,#171a2b);border:1px solid var(--line-2);box-shadow:0 3px #0a0b14;font-weight:900;font-size:18px}.kc.wide{font-size:13px}.ad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;align-items:center;padding:clamp(22px,3vw,40px);overflow:hidden;background:radial-gradient(circle at 0% 0%,rgba(255,200,40,.22),transparent 55%),var(--panel)}.ad p{color:var(--muted);font-size:16px;max-width:480px;margin:14px 0 20px}.ad p b{color:#fff}.ad .btn{text-decoration:none}.ad-board{position:relative;padding-bottom:60px}.ad-screen{position:relative;aspect-ratio:2 / 1;border-radius:14px;border:8px solid #1b1e2c;background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(61,99,255,.25) 20px 22px),radial-gradient(circle at 0% 0%,rgba(255,200,40,.45),transparent 60%),#05060d;display:flex;flex-direction:column;justify-content:center;padding:18px 22px;box-shadow:0 20px 50px #00000080,0 0 60px #ffc82826;transform:perspective(700px) rotateY(-10deg)}.ad-bubble{align-self:flex-start;background:var(--yellow);color:var(--ink);font-weight:900;padding:8px 16px;border-radius:22px 22px 22px 6px;font-size:clamp(15px,1.8vw,24px)}.ad-screen b{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--pink);font-size:clamp(26px,3.4vw,46px);font-style:italic;font-weight:900}.ad-screen small{margin-top:10px;color:var(--muted);font-weight:700}.ad-board i{position:absolute;bottom:0;width:12px;height:70px;background:linear-gradient(90deg,#8d94a8,#d8dcea);border-radius:4px}.ad-board i:first-of-type{left:22%}.ad-board i:last-of-type{right:22%}.about{padding:clamp(22px,3vw,40px)}.about p{color:var(--muted);font-size:16px;max-width:640px}.about .tge{max-width:640px}.about a{color:var(--yellow)}.brand.big svg{width:54px}.brand.big b{font-size:26px}.foot{text-align:center;color:var(--dim);font-size:12.5px;padding:40px 0 10px}.adnote{margin-top:10px;max-width:520px;display:inline-block;color:var(--muted);font-size:13.5px;text-decoration:none;padding:10px 14px;border-radius:16px;border:1px dashed rgba(255,255,255,.2);transition:border-color .2s,color .2s}.adnote:hover{border-color:var(--yellow);color:#fff}.adnote b{color:#fff}.auth{scroll-behavior:smooth}.auth .auth-grid{min-height:calc(100vh - 140px)}@media (max-width: 900px){.feats{grid-template-columns:repeat(2,minmax(0,1fr))}.mates,.ad{grid-template-columns:1fr}.auth .auth-grid{min-height:0}}@media (max-width: 520px){.feats{grid-template-columns:1fr}}.live-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease);background:#0b1030}.live-bg.on{opacity:1}.live-bg canvas{filter:saturate(1.05)}.live-bg .kh{display:none!important}.live-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#04050bcc,#04050b80 32%,#04050b0a 58%,#04050b1a),linear-gradient(180deg,rgba(4,5,11,.3) 0%,transparent 18%,transparent 70%,rgba(4,5,11,.75) 100%)}.live-shade:after{content:"";position:absolute;inset:0;background:#04050bcc;opacity:calc(var(--scroll, 0) * .9)}.live-bg[data-screen=intro] .live-shade{background:linear-gradient(90deg,#04050b40 0% 40%,#04050bcc 72%,#04050be0),linear-gradient(180deg,rgba(4,5,11,.4) 0%,transparent 25%,transparent 62%,rgba(4,5,11,.85) 100%)}.live-cut{position:absolute;inset:0;z-index:3;background:#04050b;opacity:0}.live-cut.go{animation:cut .6s ease-out}@keyframes cut{0%{opacity:.9}to{opacity:0}}.live-bg:after{content:"";position:absolute;inset:0;z-index:4;background:repeating-linear-gradient(180deg,rgba(0,0,0,.07) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.live-chip{border-color:#ff5a6e73;background:#ff3c5a1f;color:#ff9aa8}.live-dot{width:8px;height:8px;border-radius:50%;background:#ff3d5a;box-shadow:0 0 #ff3d5ab3;animation:live 1.6s ease-out infinite}@keyframes live{70%{box-shadow:0 0 0 9px #ff3d5a00}to{box-shadow:0 0 #ff3d5a00}}.hero-title{text-shadow:0 6px 40px rgba(0,0,0,.45)}.hero-title .w{display:inline-block;color:#fff;animation:word .9s var(--ease) both;animation-delay:calc(.12s + var(--i) * .09s)}@keyframes word{0%{opacity:0;transform:translateY(.55em) rotate(3deg);filter:blur(10px)}}.hero-title .hl{color:transparent;background:linear-gradient(100deg,#ffd84a 0% 35%,#fff6cf 48%,#ffb800 60%,#ffd84a 75%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:word .9s var(--ease) both,shimmer 5s linear infinite;animation-delay:calc(.12s + var(--i) * .09s),1.4s;padding-right:.06em}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-130% 0}}.rise{animation:rise .9s var(--ease) both;animation-delay:calc(.15s + var(--i) * .08s)}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}.auth .auth-grid{transform:translateY(calc(var(--scroll, 0) * -70px));opacity:calc(1 - var(--scroll, 0) * .7);will-change:transform}.auth .auth-grid{flex:none;min-height:calc(100svh - 250px)}.btn.primary{overflow:hidden;isolation:isolate}.btn.primary:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translate(-130%);animation:shine 5s ease-in-out infinite 1.8s}@keyframes shine{0%,72%{transform:translate(-130%)}to{transform:translate(130%)}}.live-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:1180px;margin:6px auto 0}.live-stats div{padding:12px 16px;border-radius:18px;background:#080a188c;border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:baseline;gap:10px}.live-stats b{font-size:clamp(22px,2.4vw,32px);font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--yellow)}.live-stats div:nth-child(n+3) b{color:#fff}.live-stats span{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.marquee{position:relative;margin:18px calc(-1*clamp(16px,3.2vw,44px)) 4px;padding:11px 0;overflow:hidden;background:linear-gradient(180deg,#05060eeb,#0c0f24eb);border-block:1px solid rgba(107,140,255,.45);box-shadow:0 0 40px #3d63ff40,inset 0 0 20px #3d63ff26;transform:rotate(-1.2deg);flex:none}.marquee:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.35) 1px,transparent 1.4px) 0 0 / 4px 4px}.mq-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.mq-track span,.mq-track i{font-style:italic;font-weight:900;font-size:clamp(15px,1.6vw,21px);letter-spacing:.02em;white-space:nowrap;padding:0 16px;text-shadow:0 0 12px currentColor}.mq-track i{color:var(--blue);font-style:normal;padding:0 4px}.mq-track .y{color:var(--yellow)}.mq-track .b{color:#7fb4ff}.mq-track .p{color:#ff8fd6}.mq-track .t{color:#2ee6c9}@keyframes marquee{to{transform:translate(-50%)}}[data-reveal]{opacity:0;translate:0 34px;transition:opacity .9s var(--ease) var(--d, 0s),translate .9s var(--ease) var(--d, 0s),transform .25s ease-out}[data-reveal].in{opacity:1;translate:0 0}.land-head h2 span{background:linear-gradient(90deg,var(--yellow),var(--yellow-2)) 0 96% / 0% 5px no-repeat;transition:background-size 1s var(--ease) .35s;padding-bottom:2px}.land-head.in h2 span{background-size:100% 5px}.tilt{position:relative;overflow:hidden;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.tilt:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),rgba(255,216,74,.16),transparent 60%);opacity:0;transition:opacity .3s}.tilt:hover:after{opacity:1}.tilt:hover{border-color:#ffd84a59}.feat .feat-ico{transition:transform .4s var(--ease)}.feat:hover .feat-ico{transform:translateY(-3px) rotate(-6deg) scale(1.08)}.mate-pic{animation:bob 3.4s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes bob{50%{transform:translateY(-7px) rotate(-3deg)}}.keys.in .kc.k1{animation:press 4.8s infinite .4s}.keys.in .kc.k2{animation:press 4.8s infinite 1.2s}.keys.in .kc.k3{animation:press 4.8s infinite 2s}.keys.in .kc.k4{animation:press 4.8s infinite 2.8s}.keys.in .kc.k5{animation:press 4.8s infinite 3.6s}@keyframes press{0%,14%,to{transform:none;box-shadow:0 3px #0a0b14;background:linear-gradient(180deg,#2a2e45,#171a2b);color:#fff}4%,10%{transform:translateY(3px);box-shadow:0 0 #0a0b14,0 0 22px #ffd84a99;background:var(--yellow);color:var(--ink)}}.ad-screen{overflow:hidden}.ad-screen b{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{transform:translateY(-50%) scale(1.08);box-shadow:0 0 40px #e447d2b3}}.ad-screen .scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 52%);background-size:100% 300%;animation:scan 3.2s linear infinite}@keyframes scan{0%{background-position:0 100%}to{background-position:0 -200%}}.intro-skip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);background:#080a1899;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-weight:800;font-size:14px;padding:9px 10px 9px 16px;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--ease)}.intro-skip:hover{background:#ffd84a26;border-color:var(--yellow);transform:translateY(-1px)}.intro-skip kbd{font:inherit;font-size:11px;font-weight:800;padding:3px 7px;border-radius:8px;background:#ffffff1f;color:var(--muted)}@media (max-width: 900px){.live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.live-stats div{flex-direction:column;gap:0}.live-shade{background:linear-gradient(180deg,#04050b8c,#04050b59 40%,#04050bd9)}.live-bg[data-screen=intro] .live-shade{background:linear-gradient(180deg,#04050b4d,#04050b80,#04050be6)}.auth .auth-grid{min-height:0}}@media (prefers-reduced-motion: reduce){.hero-title .w,.hero-title .hl,.rise,.mq-track,.mate-pic,.keys.in .kc,.ad-screen b,.ad-screen .scan,.btn.primary:after,.live-dot{animation:none}[data-reveal]{opacity:1;translate:none;transition:none}}.btn{font-weight:900}.btn.primary{background:linear-gradient(180deg,#fff0a0,#ffd84a 38%,#ffbf14);box-shadow:0 5px #b27400,0 14px 30px -10px #ffbe28d9,inset 0 2px #ffffffbf,inset 0 -3px #aa5a002e;text-shadow:0 1px 0 rgba(255,255,255,.45)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 7px #b27400,0 20px 40px -10px #ffbe28f2,inset 0 2px #ffffffbf,inset 0 -3px #aa5a002e;filter:brightness(1.04)}.btn.primary:active{transform:translateY(4px);box-shadow:0 1px #b27400,0 6px 16px -8px #ffbe28cc,inset 0 2px #fff9}.btn.ghost{border:1px solid transparent;background:linear-gradient(180deg,#1c2140d1,#0c0e20d1) padding-box,linear-gradient(135deg,#fff6,#6b8cff73 45%,#ffffff14) border-box;box-shadow:0 4px #0006,inset 0 1px #ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn.ghost:hover{transform:translateY(-2px);background:linear-gradient(180deg,#283264d9,#101430d9) padding-box,linear-gradient(135deg,#ffd84a,#6b8cffcc 50%,#fff3) border-box;box-shadow:0 6px #0006,0 10px 30px -10px #6b8cffb3,inset 0 1px #fff3}.btn.ghost:active{transform:translateY(3px);box-shadow:0 1px #0006}.iconbtn{background:linear-gradient(180deg,#1c2140cc,#0c0e20cc);box-shadow:0 3px #0006,inset 0 1px #ffffff24}@property --rb-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.race-wrap{position:relative;isolation:isolate;width:100%;max-width:560px;margin:2px 0 16px;animation:rb-in .8s var(--ease) both .2s}.race-btn{position:relative;z-index:1;display:flex;align-items:center;gap:18px;width:100%;min-height:108px;padding:0 24px 0 20px;border:0;border-radius:34px 34px 34px 10px;cursor:pointer;color:var(--ink);font-family:inherit;text-align:left;background:linear-gradient(180deg,#fff3b0,#ffd84a 36%,#ffba0a);box-shadow:0 8px #a86c00,0 24px 50px -12px #ffbe28e6,inset 0 3px #fffc,inset 0 -5px #aa5a0038;transition:transform .16s var(--ease),box-shadow .16s,filter .2s}@keyframes rb-in{0%{opacity:0;transform:translateY(18px) scale(.96)}}.race-btn:hover{transform:translateY(-3px) scale(1.01);filter:brightness(1.05) saturate(1.05);box-shadow:0 11px #a86c00,0 30px 60px -12px #ffbe28,inset 0 3px #fffc,inset 0 -5px #aa5a0038}.race-btn:active{transform:translateY(7px);box-shadow:0 1px #a86c00,0 10px 24px -10px #ffbe28e6,inset 0 3px #ffffffb3}.rb-ring{position:absolute;inset:-4px;z-index:0;border-radius:38px 38px 38px 14px;background:conic-gradient(from var(--rb-a),#ffd84a,#ff4fb4,#7b5cff,#3d63ff,#2ee6c9,#ffd84a);filter:blur(7px);opacity:.85;animation:rb-spin 3.2s linear infinite,rb-breathe 2.2s ease-in-out infinite}@keyframes rb-spin{to{--rb-a: 360deg}}@keyframes rb-breathe{50%{opacity:.45;inset:-8px}}.rb-check{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;background:conic-gradient(#0b0c14 25%,transparent 0 50%,#0b0c14 0 75%,transparent 0) 0 0 / 20px 20px;opacity:.1;-webkit-mask:linear-gradient(90deg,transparent 45%,#000 100%);mask:linear-gradient(90deg,transparent 45%,#000 100%)}.rb-flag{flex:none;width:70px;height:70px;border-radius:22px 22px 22px 8px;display:grid;place-items:center;background:linear-gradient(180deg,#23284a,#0b0c14);color:#ffd84a;box-shadow:inset 0 2px #ffffff2e,0 4px #00000040}.rb-flag svg{width:44px;height:44px;transform-origin:20% 90%;animation:flag 1.4s ease-in-out infinite}@keyframes flag{50%{transform:rotate(-8deg) skewY(-4deg)}}.rb-text{display:flex;flex-direction:column;line-height:1}.rb-text b{font-size:clamp(40px,4vw,54px);font-weight:900;font-style:italic;letter-spacing:-.04em;text-shadow:0 2px 0 rgba(255,255,255,.5)}.rb-text small{margin-top:6px;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.66}.race-btn kbd{margin-left:auto;flex:none;font:800 13px var(--font);padding:7px 11px;border-radius:12px;background:#0b0c1424;box-shadow:inset 0 -2px #0000001f}.rb-shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.rb-shine:after{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:translate(-160%) skew(-18deg);animation:rb-sweep 3.4s ease-in-out infinite 1s}@keyframes rb-sweep{0%,60%{transform:translate(-160%) skew(-18deg)}to{transform:translate(380%) skew(-18deg)}}.title{filter:drop-shadow(0 6px 0 rgba(0,0,0,.35)) drop-shadow(0 20px 40px rgba(0,0,0,.45))}.title .t1,.title .t2{display:inline-block;animation:word .9s var(--ease) both}.title .t2{animation:word .9s var(--ease) both .1s,shimmer 5s linear infinite 1.2s;background-size:100% 100%}.title em.t2{background:linear-gradient(100deg,#ffd84a 0% 35%,#fff6cf 48%,#ffb800 60%,#ffd84a 75%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text}.live-bg[data-screen=hub] .live-shade,.live-bg[data-screen=board] .live-shade{background:linear-gradient(90deg,#04050bd6,#04050b80 30%,#04050b14 52%,#04050b59 78%,#04050bbf),linear-gradient(180deg,rgba(4,5,11,.3) 0%,transparent 18%,transparent 66%,rgba(4,5,11,.85) 100%)}.live-bg[data-screen=board] .live-shade:after{opacity:.55}.hub .stats div,.mini-board,.driver,.hub .tge,.who{background:#0a0c1c9e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hub .cta{margin-bottom:4px}@media (max-width: 900px){.live-bg[data-screen=hub] .live-shade,.live-bg[data-screen=board] .live-shade{background:linear-gradient(180deg,#04050b8c,#04050b66 40%,#04050be0)}.hub .race-wrap{position:fixed;z-index:20;margin:0;max-width:none;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));width:auto}.hub{padding-bottom:130px}.race-btn{min-height:84px}.rb-flag{width:58px;height:58px}.rb-flag svg{width:36px;height:36px}}@media (max-width: 520px){.race-btn{gap:12px;padding:0 16px 0 14px}.race-btn kbd{display:none}.rb-text small{font-size:11px}}@media (prefers-reduced-motion: reduce){.race-wrap,.rb-ring,.rb-flag svg,.rb-shine:after,.title .t1,.title .t2{animation:none}}.kh{--ink: #1b1f4d;--gold-a: #fff6a3;--gold-b: #ffc21f;--gold-c: #ff8a00;position:absolute;inset:0;pointer-events:none;font-family:Inter,Arial Black,system-ui,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.02em;color:#fff;overflow:hidden;user-select:none;z-index:2}.kh .kh-item,.kh .kh-top,.kh .kh-map,.kh .kh-bl,.kh .kh-pos{opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,1.4,.4,1)}.kh .kh-item{transform:translate(-30px,-30px)}.kh .kh-map{transform:translate(30px,-30px)}.kh .kh-bl{transform:translate(-30px,30px)}.kh .kh-pos{transform:translate(30px,30px)}.kh .kh-top{transform:translate(-50%,-30px)}.kh.live .kh-item,.kh.live .kh-map,.kh.live .kh-bl,.kh.live .kh-pos{opacity:1;transform:none}.kh.live .kh-top{opacity:1;transform:translate(-50%)}.kh [data-t]{position:relative;display:inline-block;color:var(--ink);-webkit-text-stroke:.19em var(--ink);text-shadow:0 .08em 0 var(--ink);--grad: linear-gradient(180deg, var(--gold-a) 0%, var(--gold-b) 55%, var(--gold-c) 100%)}.kh [data-t]:after{content:attr(data-t);position:absolute;left:0;top:0;-webkit-text-stroke:0;text-shadow:none;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.kh-item{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;align-items:center;gap:4px}.kh-slot{width:86px;height:86px;border-radius:50%;border:5px solid #fff;background:radial-gradient(circle at 50% 50%,#0f143c47,#0f143c80 70%,#ffffff40);box-shadow:0 5px 0 var(--ink),inset 0 0 0 3px #1b1f4d80,0 10px 26px #00000040;display:grid;place-items:center}.kh-ico{width:60px;height:60px}.kh-ico svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 0 rgba(27,31,77,.35))}.kh-item.rolling .kh-slot{border-color:#ffe14d}.kh-item.has .kh-slot{animation:slotglow 1.2s ease-in-out infinite}@keyframes slotglow{50%{box-shadow:0 5px 0 var(--ink),inset 0 0 0 3px #1b1f4d80,0 0 26px #ffe14dcc}}.kh-key{font-size:15px;padding:1px 10px 2px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 3px 0 var(--ink);opacity:.35;transition:opacity .2s}.kh-item.has .kh-key{opacity:1}.kh-top{position:absolute;top:14px;left:50%;display:flex;align-items:center;gap:10px}.kh-lap,.kh-clock{background:#0f143c9e;border:3px solid rgba(255,255,255,.9);border-radius:999px;padding:4px 16px 5px;font-size:20px;letter-spacing:.02em;box-shadow:0 4px 0 var(--ink);white-space:nowrap}.kh-lap b{font-size:26px;color:#ffe14d}.kh-lap i{font-style:normal;opacity:.75}.kh-clock{font-variant-numeric:tabular-nums;min-width:112px;text-align:center}.kh-map{position:absolute;top:10px;right:10px;width:150px;height:176px;filter:drop-shadow(0 4px 0 rgba(15,20,60,.35))}.kh-map circle.me{fill:#2f6bff;stroke:#fff;stroke-width:3}.kh-map circle.rv{stroke:var(--ink);stroke-width:2}.kh-bl{position:absolute;left:16px;bottom:14px;display:flex;flex-direction:column;gap:2px}.kh-coins{display:flex;align-items:center;gap:6px;font-size:34px;transform-origin:left center}.kh-coins b{color:#ffe14d;text-shadow:0 3px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink)}.kh-coin{width:38px;height:38px;display:inline-block}.kh-coin svg{width:100%;height:100%;display:block}.kh-score{display:flex;align-items:baseline;gap:8px}.kh-score b{font-size:30px;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink);display:inline-block;transform-origin:left center}.kh-score span{font-size:13px;letter-spacing:.14em;opacity:.9;text-shadow:0 2px 0 var(--ink)}.kh-pos{position:absolute;right:22px;bottom:6px;line-height:1;transform-origin:right bottom}.kh-pos b,.kh-pos sup{font-style:normal;font-weight:900;transform:skew(-10deg)}.kh-pos b{font-size:108px}.kh-pos sup{font-size:44px;vertical-align:top;position:relative;top:14px;margin-left:2px}.kh-pos.first b,.kh-pos.first sup{--grad: linear-gradient(180deg, #ffffff 0%, #fff08a 40%, #ffb300 100%);animation:firstshine 1.6s ease-in-out infinite}@keyframes firstshine{50%{filter:brightness(1.25)}}.kh-pops{position:absolute;left:50%;top:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.kh-pop{font-size:30px;white-space:nowrap;color:#fff;text-shadow:0 4px 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink),0 -3px 0 var(--ink),3px 3px 0 var(--ink),-3px 3px 0 var(--ink)}.kh-pop.gold{color:#ffe14d}.kh-pop.blue{color:#6fd8ff}.kh-pop.orange{color:#ffae3d}.kh-pop.purple{color:#d59bff}.kh-pop.pink{color:#ff8bd0}.kh-pop.red{color:#ff6b7e}.kh-pop.green{color:#7dff9a}.kh-pop.big{font-size:40px}.kh-banner{position:absolute;inset:0;display:grid;place-items:center}.kh-ban{font-size:clamp(56px,11vw,132px);line-height:1;white-space:nowrap;margin-top:-8%}.kh-ban.white{--grad: linear-gradient(180deg, #ffffff 0%, #d9ecff 60%, #8fc4ff 100%)}.kh-count{position:absolute;inset:0;display:grid;place-items:center}.kh-num{font-size:clamp(110px,20vw,220px);line-height:1;margin-top:-6%}.kh .kh-num{--grad: linear-gradient(180deg, #ffffff 0%, #ffe56b 45%, #ff9d00 100%)}.kh .kh-num.go{--grad: linear-gradient(180deg, #eaffea 0%, #6dff8a 45%, #15c24a 100%)}.kh-lines{position:absolute;inset:-20%;opacity:0;transition:opacity .25s;background:repeating-conic-gradient(from 0deg at 50% 52%,rgba(255,255,255,.55) 0deg .6deg,transparent .6deg 7deg);-webkit-mask:radial-gradient(circle at 50% 52%,transparent 26%,#000 58%);mask:radial-gradient(circle at 50% 52%,transparent 26%,#000 58%);animation:lines .35s steps(3) infinite}@keyframes lines{50%{transform:rotate(2.4deg) scale(1.03)}}.kh-vignette{position:absolute;inset:0;opacity:0;transition:opacity .3s;background:radial-gradient(ellipse at center,transparent 55%,var(--vig, transparent) 130%)}.kh-vignette.on{opacity:1}.kh-flash{position:absolute;inset:0;mix-blend-mode:screen}.kh-fly{position:absolute;width:34px;height:34px;z-index:5}.kh-fly svg{width:100%;height:100%;display:block}.kh-warn{position:absolute;left:50%;bottom:24px;transform:translate(-50%) scale(.5);opacity:0;font-size:24px;padding:6px 18px 8px;border-radius:999px;background:#ff3d5a;border:3px solid #fff;box-shadow:0 4px 0 var(--ink);transition:opacity .2s,transform .25s cubic-bezier(.2,1.6,.4,1)}.kh-warn.on{opacity:1;transform:translate(-50%) scale(1);animation:warn .5s ease-in-out infinite}@keyframes warn{50%{background:#ff8a3d}}.kh-title{position:absolute;left:0;top:22%;opacity:0;transform:translate(-110%);transition:transform .7s cubic-bezier(.2,1.2,.3,1),opacity .4s}.kh-title.on{opacity:1;transform:none}.kh-title-card{display:flex;flex-direction:column;padding:16px 34px 18px 28px;background:linear-gradient(100deg,#080a18eb,#080a18bf 70%,#080a1800);border-left:6px solid #ffd84a;border-radius:0 28px 28px 0;min-width:360px}.kh-title small{font-size:14px;letter-spacing:.18em;color:#ffd84a;text-shadow:0 2px 0 var(--ink)}.kh-title strong{font-size:54px;line-height:1;text-shadow:0 5px 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink);font-weight:900}.kh-title span{font-family:Inter,sans-serif;font-style:normal;font-weight:700;font-size:15px;margin-top:6px;opacity:.95}.kh-title em{display:block;margin:10px 0 0 28px;font-style:normal;font-family:Inter,sans-serif;font-size:13px;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.4)}.kh-hint{position:absolute;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;transition:opacity .5s,transform .5s;font-family:Inter,sans-serif;font-size:13px;font-weight:700;font-style:normal;max-width:70%}.kh-hint.on{opacity:1;transform:translate(-50%)}.kh-hint span{background:#0f143ca6;border-radius:999px;padding:5px 11px;white-space:nowrap}.kh-hint b{font-family:Inter,sans-serif;font-weight:900;color:#ffe14d;margin-right:3px}.kh-pause{position:absolute;inset:0;display:grid;place-items:center;background:#0a0e328c;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .2s}.kh-pause.on{opacity:1;pointer-events:auto}.kh-pause-card{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:240px}.kh-pause strong{font-size:56px;text-align:center;font-weight:900;text-shadow:0 5px 0 var(--ink);margin-bottom:6px}.kh-pause button{font-family:Inter,sans-serif;font-size:22px;padding:10px 20px 12px;border-radius:16px;border:3px solid #fff;background:linear-gradient(180deg,#ffe14d,#ffb300);color:var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;transition:transform .12s}.kh-pause button:hover{transform:translateY(-2px)}.kh-pause button.ghost{background:#ffffff24;color:#fff}.kh-load{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:radial-gradient(circle at 20% 0%,rgba(255,200,40,.35),transparent 50%),#04050b;font-size:20px;text-shadow:0 3px 0 var(--ink);transition:opacity .6s}.kh-load.gone{opacity:0}.kh-spin{width:54px;height:54px;border-radius:50%;border:7px solid rgba(255,255,255,.35);border-top-color:#ffe14d;animation:khspin .8s linear infinite}@keyframes khspin{to{transform:rotate(360deg)}}@media (max-width: 700px){.kh-slot{width:64px;height:64px;border-width:4px}.kh-ico{width:44px;height:44px}.kh-map{width:96px;height:112px}.kh-pos b{font-size:72px}.kh-pos sup{font-size:30px;top:8px}.kh-lap,.kh-clock{font-size:15px;padding:3px 10px 4px}.kh-lap b{font-size:19px}.kh-clock{min-width:84px}.kh-coins{font-size:26px}.kh-score b{font-size:22px}.kh-title-card{min-width:0}.kh-title strong{font-size:38px}.kh-hint{max-width:94%}}.kh-touch{display:none}.kh.touch .kh-touch{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;left:0;right:0;bottom:0;padding:0 max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-bottom));pointer-events:none}.kh-tl,.kh-tr{display:flex;gap:12px;align-items:flex-end}.kh-touch button{pointer-events:auto;width:74px;height:74px;border-radius:50%;border:4px solid rgba(255,255,255,.95);background:#0f143c6b;color:#fff;font-size:28px;box-shadow:0 4px #1b1f4d99;touch-action:none;-webkit-user-select:none;user-select:none}.kh-touch button.gas{width:86px;height:86px;background:#28b45a8c}.kh-touch button.small{width:60px;height:60px;font-size:22px;background:#ffbe1e80}.kh-touch button.on{transform:scale(.92);background:#2f6bffb3}.kh.touch .kh-bl{bottom:108px}.kh.touch .kh-pos{bottom:112px}.kh.touch .kh-hint{display:none}.kh.touch .kh-warn{bottom:112px}