:root{--bg: #1a3d1f;--logo-a: #fff3b0;--logo-b: #ff7a1a}#game{position:absolute;inset:0;width:100%;height:100%}.pos-pill{font-family:var(--gy-display);font-weight:400;font-size:24px;color:#ffc23a;min-width:64px;justify-content:center}.lap-pill{font-size:15px;color:#fff}.gy-panel.wide{width:min(94vw,600px)}.pads{position:absolute;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom));z-index:10;display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));pointer-events:none}.pad-group{display:flex;gap:12px;align-items:flex-end}.pad{pointer-events:auto;touch-action:none;width:84px;height:84px;border-radius:24px;border:1px solid rgba(173,150,255,.35);cursor:pointer;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#3a2d78d9,#261c4dd9);box-shadow:inset 0 -5px #00000059,inset 0 1px #ffffff29,0 8px 18px -8px #000c;font-family:var(--gy-display);font-size:17px;letter-spacing:.04em;user-select:none;-webkit-user-select:none}.pad svg{width:40px;height:40px;fill:currentColor}.pad.drift{width:100px;color:#2a1b00;background:radial-gradient(circle at 40% 30%,#fff1c2,#ffc23a 50%,#e08a00)}.pad.item{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#6b5bd6,#2a1f66)}.pad.item canvas{width:52px;height:52px}.pad.item.empty{opacity:.45}.pad.on{transform:translateY(3px) scale(.96);filter:brightness(1.2)}.banner{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:6;padding:10px 22px;border-radius:16px;background:#1b1438db;border:2px solid rgba(255,122,26,.7);box-shadow:inset 0 -3px #0000004d;font-size:clamp(18px,3.4vw,28px);color:#fff3b0;text-shadow:0 2px 0 rgba(0,0,0,.35);opacity:0;pointer-events:none;white-space:nowrap}.banner.show{animation:zk-banner 2.2s ease forwards}@keyframes zk-banner{0%{opacity:0;transform:translate(-50%,10px) scale(.85)}15%{opacity:1;transform:translate(-50%) scale(1.03)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-8px)}}.logo-kart{width:92px;height:60px;margin:-2px auto 8px;position:relative;border-radius:18px 22px 12px 12px;background:linear-gradient(180deg,#ffb066,#ff7a1a 55%,#c2410c);box-shadow:inset 0 -5px #00000040,0 10px 24px -8px #ff7a1ae6}.logo-kart:before{content:"";position:absolute;left:30px;top:-16px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#33dcff 45%,#0e7490)}.logo-kart:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-10px;height:22px;background:radial-gradient(circle at 18px 11px,#111 10px,transparent 11px),radial-gradient(circle at calc(100% - 18px) 11px,#111 10px,transparent 11px)}.track-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 4px}.track-btn{appearance:none;border:1px solid var(--gy-line);border-radius:18px;padding:8px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#3a2d78,var(--gy-deck-2));box-shadow:inset 0 -4px #00000059,inset 0 1px #ffffff29;display:grid;gap:6px;font-family:var(--gy-display);font-size:18px}.track-btn canvas{width:100%;height:auto;aspect-ratio:16 / 10;border-radius:12px}.track-btn small{font-family:var(--gy-body);font-size:12px;color:var(--gy-sun);font-weight:900}.track-btn[disabled]{opacity:.4;cursor:default}.track-btn:hover:not([disabled]){filter:brightness(1.15);transform:translateY(-2px)}.podium{display:grid;gap:5px;margin:10px 0}.podium>div{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:12px;background:var(--gy-deck);border:1px solid var(--gy-line);font-size:14px}.podium>div.me{border-color:var(--gy-lime);color:#fff;box-shadow:0 0 0 2px #c3ff3a66}.podium b{font-family:var(--gy-display);font-weight:400;width:34px;color:var(--gy-sun)}.podium i{width:14px;height:14px;border-radius:4px}.podium span{flex:1;text-align:left}@media(max-height:460px){.pad{width:70px;height:70px}.pad.drift{width:84px}.pad.item{width:62px;height:62px}}@media(max-width:420px){.pad{width:74px;height:74px}.pad.drift{width:84px}.pad-group{gap:8px}}.gy-screen{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(70% 60% at 50% 45%,#120c2633,#0a061a9e)}.banner{top:31%}.logo-kart{width:150px;height:104px;margin:-10px auto 0;background:none;box-shadow:none;border-radius:0}.logo-kart:before,.logo-kart:after{display:none}.logo-kart canvas{width:150px;height:104px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}@media(max-height:460px){.logo-kart{width:110px;height:76px;margin:-6px auto -4px}.logo-kart canvas{width:110px;height:76px}}.gy-panel,.gy-pill,.banner,.gy-hint{backdrop-filter:none;-webkit-backdrop-filter:none}.gy-pill{background:#1b1438e6}.pos-pill{font-size:28px;min-width:76px}.pos-pill.bump{animation:zk-bump .35s cubic-bezier(.2,1.6,.4,1)}@keyframes zk-bump{0%{transform:scale(1.35)}to{transform:scale(1)}}#hint{top:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 14px);max-width:calc(100vw - 440px);min-width:240px;white-space:normal;text-align:center;line-height:1.2;font-size:18px}@media(max-width:640px){#hint{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 104px);max-width:92vw}}.pad.item.ready{box-shadow:0 0 0 3px #c3ff3ad9,0 0 22px #c3ff3a99,inset 0 -5px #00000059;animation:zk-ready .9s ease-in-out infinite}@keyframes zk-ready{50%{transform:scale(1.07)}}.menu-coins{display:inline-flex;align-items:center;gap:6px;justify-content:center;color:var(--gy-sun);font-weight:900;font-size:18px;margin:2px 0 4px!important}.paint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 4px}.paint-btn{appearance:none;border:1px solid var(--gy-line);border-radius:16px;padding:6px 4px 8px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#3a2d78,var(--gy-deck-2));box-shadow:inset 0 -4px #00000059,inset 0 1px #ffffff29;display:grid;gap:2px;justify-items:center;font-family:var(--gy-body);font-weight:900;font-size:12px;min-height:44px}.paint-btn canvas{width:100%;max-width:110px;height:auto;aspect-ratio:120 / 84}.paint-btn small{display:inline-flex;align-items:center;gap:2px;color:var(--gy-sun);font-size:12px}.paint-btn small .gy-coin{width:14px;height:14px}.paint-btn.on{border-color:var(--gy-lime);box-shadow:0 0 0 2px var(--gy-lime),inset 0 -4px #00000059}.paint-btn.on small{color:var(--gy-lime)}.paint-btn.locked canvas{filter:saturate(.55) brightness(.8)}.paint-btn:hover{filter:brightness(1.12)}.gy-std .podium{grid-template-columns:1fr 1fr;gap:4px 8px;margin:6px 0 2px}.gy-std .podium>div{padding:4px 10px;font-size:13px}@media(max-width:520px){.paint-grid{grid-template-columns:repeat(2,1fr)}}@media(max-height:460px){.paint-grid{grid-template-columns:repeat(4,1fr);gap:6px}.paint-btn canvas{max-width:76px}.gy-std .podium{grid-template-columns:1fr 1fr 1fr}#hint{font-size:15px;padding:8px 14px 10px;max-width:calc(100vw - 400px);min-width:200px}}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 52%,#0000 55%,#0a141e4d)}body.night .vignette{background:radial-gradient(ellipse 75% 70% at 50% 52%,#0000 45%,#0502148c)}.hud-gap{display:none;width:50px;flex:none}@media(pointer:coarse),(max-width:900px){.hud-gap{display:block}}.race-pos{pointer-events:none;display:inline-flex;align-items:baseline;gap:2px;padding:4px 14px 6px;border-radius:16px;background:#1b1438e0;border:2px solid rgba(173,150,255,.35);box-shadow:inset 0 -3px #0000004d;line-height:1}.race-pos b{font-family:var(--gy-display);font-weight:400;font-size:clamp(30px,9vmin,42px);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4)}.race-pos small{font-family:var(--gy-display);font-size:clamp(15px,4vmin,19px);color:#fff9}.race-pos.podium{border-color:#ffc23ad9;box-shadow:inset 0 -3px #0000004d,0 0 16px -3px #ffc23abf}.race-pos.podium b{color:#ffc23a}.race-pos.lead b{color:#c3ff3a}.race-pos.bump{animation:zk-bump .35s cubic-bezier(.2,1.6,.4,1)}.race-lap{pointer-events:none;display:grid;gap:5px;padding:6px 12px 8px;border-radius:14px;background:#1b1438e0;border:1px solid rgba(173,150,255,.3);font-family:var(--gy-display);font-size:clamp(15px,4.2vmin,19px);color:#fff;letter-spacing:.03em;white-space:nowrap}.lapbar{display:block;width:clamp(64px,20vmin,110px);height:6px;border-radius:3px;background:#ffffff29;overflow:hidden}.lapbar>i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#33dcff,#c3ff3a)}.gy-hud.finishing #btn-pause{visibility:hidden}.pads{--pad: clamp(54px, 15.5vmin, 70px)}.pad-group{gap:10px}.pad,.pad.drift,.pad.item{width:var(--pad);height:var(--pad)}.pad{border-radius:calc(var(--pad) * .3);background:linear-gradient(180deg,#3a2d789e,#261c4d9e)}.pad svg{width:calc(var(--pad) * .48);height:calc(var(--pad) * .48)}.pad.drift{width:calc(var(--pad) * 1.3);font-size:calc(var(--pad) * .24);background:radial-gradient(circle at 40% 30%,#fff1c2eb,#ffc23ae0 50%,#e08a00e0)}.pad.item{width:calc(var(--pad) * .86);height:calc(var(--pad) * .86);border-radius:50%;background:radial-gradient(circle at 40% 30%,#6b5bd6bf,#2a1f66bf)}.pad.item canvas{width:72%;height:72%}.pad.item.empty{opacity:.32}.pad.teach{box-shadow:0 0 0 3px #c3ff3a,0 0 24px #c3ff3ad9;animation:zk-ready .8s ease-in-out infinite}@media(max-height:460px),(max-width:420px){.pad{width:var(--pad);height:var(--pad)}.pad.drift{width:calc(var(--pad) * 1.3);height:var(--pad)}.pad.item{width:calc(var(--pad) * .86);height:calc(var(--pad) * .86)}.pad-group{gap:8px}}#hint{font-size:clamp(14px,4vmin,18px);max-width:min(86vw,460px);min-width:0}@media(max-width:640px){#hint{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 104px)}}@media(max-height:460px){#hint{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 84px);max-width:min(50vw,420px)}}.banner{top:24%;font-size:clamp(18px,5vmin,28px)}.goal{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);z-index:12;width:min(88vw,380px);padding:14px 16px 12px;border-radius:22px;text-align:center;color:#fff;background:linear-gradient(180deg,#3a2d78f2,#1b1438f2);border:2px solid rgba(255,194,58,.7);box-shadow:0 18px 40px -12px #000000b3,inset 0 1px #ffffff26;animation:zk-goal .45s cubic-bezier(.2,1.4,.4,1);cursor:pointer;touch-action:none}@keyframes zk-goal{0%{opacity:0;transform:translate(-50%,-40%) scale(.85)}to{opacity:1;transform:translate(-50%,-54%) scale(1)}}.goal-track{font-size:clamp(12px,3.4vmin,14px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--gy-ink-3, #b9b0e6)}.goal-main{font-family:var(--gy-display);font-size:clamp(24px,7.4vmin,32px);line-height:1.1;margin-top:4px;color:#ffc23a;text-shadow:0 2px 0 rgba(0,0,0,.35)}.goal-sub{font-size:clamp(13px,3.8vmin,16px);font-weight:800;color:#e6ff9c;margin-top:2px}.goal-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.goal-chips span{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#ffffff1a;font-size:13px;font-weight:900}.goal-chips .gy-coin{width:14px;height:14px}.goal-rivals{margin-top:10px}.goal-rivals small{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--gy-ink-3, #b9b0e6)}.goal-rivals>div{display:flex;justify-content:center;gap:6px;margin-top:4px}.goal-rivals figure{margin:0;display:grid;justify-items:center;gap:1px}.goal-rivals canvas{width:clamp(40px,12vmin,52px);height:clamp(40px,12vmin,52px)}.goal-rivals figcaption{font-size:12px;font-weight:900}.goal-daily{margin-top:8px;font-size:12.5px;font-weight:800;color:#ffd27a}.goal-daily.done{color:var(--gy-ink-3, #b9b0e6)}.goal-tap{margin-top:8px;font-family:var(--gy-display);font-size:17px;color:#c3ff3a;animation:zk-ready 1s ease-in-out infinite}@media(max-height:460px){.goal{width:min(64vw,460px);padding:8px 14px;transform:translate(-50%,-50%);animation:none}.goal-main{font-size:24px}.goal-chips,.goal-rivals{margin-top:5px}.goal-rivals canvas{width:34px;height:34px}.goal-daily,.goal-tap{margin-top:3px}}.menu-daily{margin:4px auto 0!important;max-width:34ch;padding:5px 10px;border-radius:12px;background:#ffc23a1f;border:1px solid rgba(255,194,58,.35);color:#ffd27a;font-size:12.5px;font-weight:800;line-height:1.25}.menu-daily:empty{display:none}.logo-kart,.logo-kart canvas{width:210px;height:110px}@media(max-height:460px){.logo-kart,.logo-kart canvas{width:150px;height:78px}.menu-daily{font-size:11.5px;padding:3px 8px}}.tracks-stars{margin:2px 0 0!important;font-family:var(--gy-display);color:var(--gy-sun, #ffc23a);font-size:18px}.track-btn{position:relative}.track-btn .stars{font-size:15px;letter-spacing:1px;color:#ffffff40;line-height:1}.track-btn .stars b{color:#ffc23a;font-weight:400}.track-btn .lock{position:absolute;top:14px;left:50%;transform:translate(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#120c26d9}.track-btn .lock svg{width:18px;height:18px;fill:#ffc23a}.track-btn[disabled]{opacity:.75}.track-btn[disabled] canvas{filter:grayscale(.8) brightness(.55)}@media(orientation:portrait)and (max-height:700px){.track-grid{gap:8px}.track-btn{padding:6px;font-size:16px;gap:3px}.track-btn canvas{aspect-ratio:16 / 8}}.garage-hero{display:block;width:min(100%,300px);height:auto;aspect-ratio:560 / 200;margin:0 auto}.garage-h{margin:6px 0 0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--gy-ink-3, #b9b0e6)}.driver-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0 2px}.driver-btn{appearance:none;border:1px solid var(--gy-line);border-radius:14px;padding:5px 2px 6px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#3a2d78,var(--gy-deck-2));box-shadow:inset 0 -4px #00000059;display:grid;gap:1px;justify-items:center;font-family:var(--gy-body);font-weight:900;font-size:12px;min-height:44px}.driver-btn canvas{width:100%;max-width:54px;height:auto;aspect-ratio:1}.driver-btn small{display:inline-flex;align-items:center;gap:2px;color:var(--gy-sun);font-size:11px}.driver-btn small .gy-coin{width:12px;height:12px}.driver-btn.on{border-color:var(--gy-lime);box-shadow:0 0 0 2px var(--gy-lime),inset 0 -4px #00000059}.driver-btn.on small{color:var(--gy-lime)}.driver-btn.locked canvas{filter:saturate(.5) brightness(.75)}#garage .paint-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}#garage .paint-btn{font-size:11px;padding:4px 2px 6px}#garage .paint-btn canvas{max-width:80px}#garage .gy-panel{padding-top:12px}#garage h2{margin:0}@media(max-height:460px){.garage-hero{width:190px}#garage .gy-panel{width:min(96vw,760px)}}#gy-win,#gy-fail{background:none;place-items:end center}#gy-win .gy-panel,#gy-fail .gy-panel{width:min(94vw,430px);padding:12px 14px 10px;max-height:54%}#gy-win h2,#gy-fail h2{font-size:clamp(24px,7vmin,32px);margin:0}#gy-win .gy-stars{font-size:30px;margin:0}#gy-win p,#gy-fail p{font-size:13px;margin:3px 0}.zk-teaser{color:#ffd27a!important;font-weight:800}#gy-win .gy-result,#gy-fail .gy-result{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;margin:6px 0 2px}#gy-win .gy-result>div,#gy-fail .gy-result>div{padding:5px 2px 7px}#gy-win .gy-result b,#gy-fail .gy-result b{font-size:clamp(17px,5vmin,22px)}#gy-win .gy-stack,#gy-fail .gy-stack{gap:7px;margin-top:8px}@media(orientation:landscape){#gy-win,#gy-fail{place-items:center end;padding-right:max(14px,env(safe-area-inset-right))}#gy-win .gy-panel,#gy-fail .gy-panel{width:min(46vw,440px);max-height:100%}}@media(orientation:portrait)and (max-width:600px){.gy-screen:not(#gy-win):not(#gy-fail){padding-top:max(58px,env(safe-area-inset-top))}}@media(max-height:460px){#menu .gy-panel>p[data-i18n=tagline],#menu .gy-note{display:none}#menu .gy-logo{font-size:30px;margin:0}.logo-kart,.logo-kart canvas{width:124px;height:65px;margin:-4px auto -2px}#menu .gy-stack{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:8px}#tracks .track-grid{grid-template-columns:repeat(4,1fr);margin:6px 0 2px}#tracks .track-btn{font-size:14px;padding:5px;gap:2px}#tracks .track-btn small{font-size:10.5px}#tracks .gy-panel.wide{width:min(96vw,760px);padding:10px 14px}#tracks h2{margin:0;font-size:24px}#tracks .gy-note{display:none}#garage .gy-panel{display:grid;grid-template-columns:1fr 1.15fr;grid-template-areas:"t c" "hero ph" "hero pg" "dh pg" "dg pg" "s s";column-gap:14px;align-items:start;padding:8px 14px}#garage h2{grid-area:t;font-size:24px;text-align:left}#garage-coins{grid-area:c;justify-self:end;margin:0!important}#garage .garage-hero{grid-area:hero;width:100%}#garage .garage-h[data-i18n=driversTitle]{grid-area:dh}#garage .garage-h[data-i18n=paintTitle]{grid-area:ph;margin-top:0}#garage .driver-grid{grid-area:dg}#garage .paint-grid{grid-area:pg}#garage .gy-note{display:none}#garage .gy-stack{grid-area:s;margin-top:6px}#garage .paint-btn canvas{max-width:58px}.driver-btn canvas{max-width:40px}}@media(max-width:380px){.hud-gap{width:42px}.gy-hud{gap:6px}.race-pos{padding:3px 9px 5px}.race-lap{padding:5px 9px 7px}.lapbar{width:52px}}@media(orientation:portrait)and (max-height:700px){#garage .gy-note{display:none}.garage-hero{width:min(100%,240px)}#garage .gy-panel{padding:10px 12px}}@media(orientation:portrait)and (max-height:700px){#garage .paint-btn canvas{max-width:50px}#garage .paint-btn{gap:0;padding:3px 2px 4px}.driver-btn canvas{max-width:42px}.garage-hero{width:min(100%,210px)}}.gy-row.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gy-row.two .gy-btn{min-width:0}.gp-btn{flex-direction:column;gap:0;line-height:1.15;background:linear-gradient(180deg,#ffd23f,#e08a00)!important;color:#3a2400!important}.gp-btn small{display:block;font-size:11.5px;font-weight:800;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gp-btn:disabled{filter:grayscale(.7);opacity:.6}#meta-row .gym-row{margin:10px 0 0}#menu-ex .gym-ex,#pause-ex .gym-ex{margin-top:10px}.coins-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.coins-row .menu-coins{margin:0!important}.gp-panel{width:min(94vw,460px)}.gp-kicker{display:inline-block;padding:4px 12px;border-radius:14px;background:#ffd23f29;color:#ffe39a!important;font-weight:900;font-size:13px;margin:0 0 4px!important}.gp-cv{display:block;width:180px;height:112px;margin:0 auto}.gp-coins{color:#ffd23f!important;font-weight:900;font-size:18px}.gp-table em{font-style:normal;font-weight:900;color:#fff;white-space:nowrap}.gp-table em small{color:#c3ff3a;font-weight:800;margin-right:4px}
