.kr-overlay{z-index:60;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:var(--font);color:#fff;--kr-ink:0 2px 0 #1a1d2b, 0 -2px 0 #1a1d2b, 2px 0 0 #1a1d2b, -2px 0 0 #1a1d2b, 0 4px 10px #00000059;--kr-safe-top:env(safe-area-inset-top,0px);--kr-safe-right:env(safe-area-inset-right,0px);--kr-safe-bottom:env(safe-area-inset-bottom,0px);--kr-safe-left:env(safe-area-inset-left,0px);background:#0d1420;position:fixed;inset:0;overflow:hidden;container:kr/size}.kr-overlay.is-rotated{width:var(--pb-h,100vh);height:var(--pb-w,100vw);transform-origin:0 0;transform:translateX(var(--pb-w,100vw)) rotate(90deg);--kr-safe-top:env(safe-area-inset-right,0px);--kr-safe-right:env(safe-area-inset-bottom,0px);--kr-safe-bottom:env(safe-area-inset-left,0px);--kr-safe-left:env(safe-area-inset-top,0px);inset:0 auto auto 0}.kr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.kr-ui-pass{pointer-events:none}.kr-top{top:max(8px, var(--kr-safe-top));left:max(10px, var(--kr-safe-left));right:max(10px, var(--kr-safe-right));pointer-events:none;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;display:grid;position:absolute}.kr-left{justify-items:start;gap:6px;display:grid}.kr-right{justify-items:end;gap:6px;display:grid}.kr-mid{justify-items:center;gap:2px;padding-top:4px;display:grid}.kr-slots{align-items:flex-start;gap:10px;display:flex}.kr-slot,.kr-slot2{pointer-events:auto;cursor:pointer;touch-action:none;background:radial-gradient(circle at 35% 28%,#7896c8eb,#182242e6 74%);border:4px solid #fff;place-items:center;display:grid;position:relative;box-shadow:0 0 0 3px #1a1d2b,0 6px 16px #00000059}.kr-slot{border-radius:22px;width:84px;height:84px;padding:4px}.kr-slot2{border-width:3px;border-radius:15px;width:52px;height:52px;margin-top:4px;padding:2px}.kr-slot img:not(.kr-key),.kr-slot2 img:not(.kr-key){object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #00000059);width:100%;height:100%}.kr-slot.is-empty,.kr-slot2.is-empty{opacity:.7}.kr-slot.is-rolling,.kr-slot2.is-rolling{border-color:#ffd54a;animation:.25s ease-in-out infinite alternate kr-pulse}.kr-uses{color:#1a1d2b;background:#ffd54a;border-radius:10px;padding:1px 6px;font-size:14px;font-weight:900;position:absolute;top:-8px;right:-8px;box-shadow:0 0 0 2px #1a1d2b}.kr-swap{color:#1a1d2b;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-9px;right:-9px;box-shadow:0 0 0 2px #1a1d2b}.kr-key{object-fit:contain;filter:drop-shadow(0 2px 3px #00000080);pointer-events:none;width:30px;height:30px;position:absolute;bottom:-12px;right:-12px}.kr-key.k-START{top:-18px;bottom:auto;right:50%;transform:translate(50%)}.kr-glyph{object-fit:contain;vertical-align:-6px;filter:drop-shadow(0 1px 1px #00000080);width:22px;height:22px;margin:0 1px;display:inline-block}.kr-sheet .is-pad-focus,.kr-results .is-pad-focus{outline:3px solid var(--sky,#2b6fb3);outline-offset:3px}.kr-slot-name{max-width:150px;text-shadow:var(--kr-ink);font-size:12px;font-weight:800;line-height:1.1}.kr-coins{font-variant-numeric:tabular-nums;text-shadow:var(--kr-ink);align-items:baseline;gap:4px;font-size:22px;font-weight:900;display:inline-flex}.kr-coins i{color:#8a5a00;width:22px;height:22px;text-shadow:none;background:#f2c230;border-radius:50%;place-items:center;font-size:15px;font-style:normal;display:inline-grid;transform:translateY(2px);box-shadow:0 0 0 2px #1a1d2b}.kr-coins small{opacity:.85;font-size:13px}.kr-lap{text-shadow:var(--kr-ink);letter-spacing:.02em;font-size:18px;font-weight:800}.kr-lap b{font-size:26px}.kr-time{font-variant-numeric:tabular-nums;text-shadow:var(--kr-ink);opacity:.95;font-size:15px;font-weight:800}.kr-place{text-shadow:var(--kr-ink);align-items:baseline;font-style:italic;font-weight:900;line-height:.9;display:inline-flex}.kr-place b{letter-spacing:-2px;font-size:64px}.kr-place small{margin-left:2px;font-size:24px}.kr-place em{opacity:.8;margin-left:4px;font-size:15px;font-style:normal}.kr-place.p1{color:#ffd54a}.kr-place.p2{color:#e3e8ee}.kr-place.p3{color:#ff9e5a}.kr-place.is-up{animation:kr-pop .5s var(--ease-spring) both}.kr-map{background:#0a142847;border-radius:14px;width:118px;height:118px}.kr-pause{right:max(14px, var(--kr-safe-right));bottom:max(14px, var(--kr-safe-bottom));z-index:2;pointer-events:auto;cursor:pointer;background:#0a0e1880;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;gap:6px;width:54px;height:54px;display:flex;position:absolute;box-shadow:0 0 0 2px #1a1d2b,0 4px 10px #0000004d}.kr-pause>i{background:#fff;border-radius:2px;width:6px;height:19px}.kr-pause:active{transform:scale(.94)}.kr-count{color:#fff;text-shadow:0 5px #1a1d2b,0 -3px #1a1d2b,4px 0 #1a1d2b,-4px 0 #1a1d2b,0 10px 30px #00000080;animation:kr-count 1s var(--ease-out) both;pointer-events:none;font-size:120px;font-style:italic;font-weight:900;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.kr-hint,.kr-howto{left:50%;bottom:calc(max(16px, var(--kr-safe-bottom)) + 96px);text-align:center;width:min(86cqw,460px);animation:kr-rise .4s var(--ease-out) both;background:#0a0e188c;border-radius:14px;padding:8px 14px;font-size:14px;font-weight:700;line-height:1.35;position:absolute;transform:translate(-50%)}.kr-banner{white-space:nowrap;text-shadow:0 3px #7a1c12;animation:kr-banner 1.7s var(--ease-out) both;pointer-events:none;background:linear-gradient(90deg,#e53935,#fb8c00);border:4px solid #fff;padding:6px 26px;font-size:clamp(30px,9cqw,54px);font-style:italic;font-weight:900;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)skew(-8deg);box-shadow:0 0 0 3px #1a1d2b,0 10px 24px #00000059}.kr-call{white-space:nowrap;text-shadow:var(--kr-ink);animation:kr-call 1.5s var(--ease-out) both;pointer-events:none;font-size:clamp(22px,6.5cqw,34px);font-style:italic;font-weight:900;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.kr-call.is-good{color:#ffe066}.kr-call.is-bad{color:#ff8a80}.kr-wrong,.kr-alert{pointer-events:none;background:#c62828;border:3px solid #fff;border-radius:12px;padding:6px 18px;font-size:26px;font-weight:900;animation:.4s ease-in-out infinite alternate kr-pulse;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.kr-alert{background:#1a1d2b;font-size:20px;top:58%}.kr-radio{left:max(10px, var(--kr-safe-left));bottom:calc(max(16px, var(--kr-safe-bottom)) + 20px);gap:6px;max-width:min(64cqw,320px);margin:0;padding:0;list-style:none;display:grid;position:absolute}.kr-radio li{color:var(--text);animation:kr-rise .3s var(--ease-out) both;background:#faf8f4e6;border-radius:12px 12px 12px 4px;padding:6px 10px;font-size:13px;font-weight:600}.kr-radio b{margin-right:4px}.kr-drift{right:calc(max(14px, var(--kr-safe-right)) + 66px);bottom:calc(max(16px, var(--kr-safe-bottom)) + 12px);color:#fff;pointer-events:auto;touch-action:none;background:#2b6fb3b3;border:4px solid #fff;border-radius:50%;width:92px;height:92px;font-size:18px;font-style:italic;font-weight:900;position:absolute;box-shadow:0 0 0 3px #1a1d2b}.kr-drift.is-on{background:#ff8f00;transform:scale(.94)}.kr-turnphone{color:#fff;font:800 14px var(--font);letter-spacing:.04em;text-transform:uppercase;pointer-events:auto;z-index:2;background:#0a0e189e;border:0;border-radius:14px;justify-items:center;gap:6px;padding:10px 16px;display:grid;position:absolute;top:24%;left:50%;transform:translate(-50%)}.kr-turnphone svg{fill:none;stroke:#fff;stroke-width:3px;width:40px;height:40px;animation:1.6s ease-in-out infinite kr-turnphone}.kr-turnphone circle{fill:#fff;stroke:none}@keyframes kr-turnphone{0%,20%{transform:rotate(-90deg)}60%,to{transform:rotate(-180deg)}}.kr-blackout{pointer-events:none;background:radial-gradient(at 50% 60%,#0000008c,#000 75%);animation:.18s steps(2,end) infinite kr-flicker;position:absolute;inset:0}.kr-smoke{pointer-events:none;background:radial-gradient(circle at 22% 38%,#282a30e6 0 14%,#0000 26%),radial-gradient(circle at 68% 30%,#34363cd9 0 18%,#0000 30%),radial-gradient(circle at 50% 66%,#24262ce6 0 16%,#0000 28%),radial-gradient(circle at 84% 72%,#303238cc 0 12%,#0000 24%),radial-gradient(circle at 12% 80%,#2c2e34cc 0 12%,#0000 24%);position:absolute;inset:0}.kr-overlay.is-boost:after{content:"";pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 55%, #ffffff1f 0 1.2deg, transparent 1.2deg 9deg);animation:.25s linear infinite kr-streak;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 55%,#0000 38%,#000 72%);mask-image:radial-gradient(circle at 50% 55%,#0000 38%,#000 72%)}.kr-overlay.is-overdrive:before{content:"";z-index:1;pointer-events:none;animation:.3s ease-in-out infinite alternate kr-pulse;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #ffd54a,inset 0 0 40px 10px #ff78dc80}.kr-sheet,.kr-results{border-radius:var(--r-panel,20px);background:var(--glass-solid,#f7f4ee);width:min(92cqw,460px);max-height:calc(100% - 32px);color:var(--text);box-shadow:var(--shadow-panel);animation:kr-rise .35s var(--ease-out) both;z-index:3;touch-action:pan-y;padding:18px 18px 16px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.kr-sheet h2,.kr-results h2{text-align:center;margin:0 0 4px;font-size:22px;font-style:italic;font-weight:900}.kr-dim{color:var(--dim);text-align:center;margin:6px 0;font-size:13px}.kr-switch{align-items:center;gap:10px;margin:14px 0;font-size:15px;font-weight:600;display:flex}.kr-switch input{width:22px;height:22px}.kr-buttons{gap:8px;margin-top:12px;display:grid}.kr-go,.kr-ghost{border:0;border-radius:24px;min-height:48px;font-size:16px;font-weight:800}.kr-go{background:var(--go);color:var(--on-go)}.kr-ghost{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.kr-items h3{margin:16px 0 6px;font-size:15px;font-weight:900}.kr-items ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.kr-items li{background:var(--raised,#fff);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:8px;padding:4px 6px;display:grid}.kr-items img{object-fit:contain;grid-row:span 2;width:44px;height:44px}.kr-items b{font-size:13px;line-height:1.15}.kr-items small{color:var(--dim);font-size:11px;line-height:1.25}.kr-results{grid-template-areas:"side""list""buttons";align-content:start;display:grid}.kr-res-side{grid-area:side}.kr-res-list{grid-area:list}.kr-results .kr-buttons{grid-area:buttons}.kr-gap-me{text-align:center;font-variant-numeric:tabular-nums;color:#c62828;margin:2px 0 0;font-size:26px;font-style:italic;font-weight:900}.kr-gap-me small{color:var(--dim);font-size:13px;font-style:normal;font-weight:700}.kr-podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:6px;margin:12px 0;display:grid}.kr-step{justify-items:center;gap:4px;display:grid}.kr-step b{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:clamp(10px,3cqw,12px);line-height:1.15;display:-webkit-box;overflow:hidden}.kr-step i{color:#fff;text-shadow:0 2px #0000004d;border-radius:10px 10px 4px 4px;place-items:center;width:100%;font-size:26px;font-style:normal;font-weight:900;display:grid}.kr-step.s0 i{background:#9aa6b2;height:52px}.kr-step.s1 i{background:#e0a91c;height:76px}.kr-step.s2 i{background:#c77b3e;height:40px}.kr-face,.kr-mini{background:var(--body);box-shadow:0 0 0 3px var(--body), 0 0 0 5px #1a1d2b;border-radius:50%;display:block;overflow:hidden}.kr-face{width:58px;height:58px}.kr-step.s1 .kr-face{width:70px;height:70px}.kr-mini{width:24px;height:24px;box-shadow:0 0 0 2px var(--body)}.kr-face img,.kr-mini img{width:100%;height:100%;display:block}.kr-table{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.kr-table li{font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:22px 24px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 8px;font-size:14px;display:grid}.kr-table li.is-me{background:var(--go-weak);font-weight:800}.kr-pos{text-align:right;font-weight:900}.kr-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kr-gap{text-align:right;min-width:74px;font-size:18px;font-style:italic;font-weight:900}.kr-table li:first-child .kr-gap{color:var(--dim);font-style:normal}.kr-t{min-width:62px;color:var(--dim);justify-items:end;font-size:12px;font-weight:700;line-height:1.15;display:grid}.kr-t small{font-size:10px;font-weight:600}.kr-board{gap:4px;margin:0;padding:0;list-style:none;display:grid}.kr-board li{grid-template-columns:22px 1fr auto;gap:8px;font-size:14px;display:grid}.kr-board b{text-align:right}@container kr (width>=900px) and (height>=600px){.kr-slot{width:100px;height:100px}.kr-slot2{width:62px;height:62px}.kr-place b{font-size:78px}.kr-map{width:156px;height:156px}}@container kr (height<=520px){.kr-top{top:max(6px, var(--kr-safe-top))}.kr-slot{border-width:3px;border-radius:18px;width:66px;height:66px}.kr-slot2{border-radius:12px;width:42px;height:42px}.kr-coins{font-size:18px}.kr-place b{font-size:50px}.kr-place small{font-size:20px}.kr-map{width:96px;height:96px}.kr-pause{width:48px;height:48px}.kr-lap b{font-size:22px}.kr-count{font-size:92px;top:42%}.kr-banner{font-size:clamp(26px,6cqw,46px);top:34%}.kr-call{top:48%}.kr-hint,.kr-howto{bottom:max(14px, var(--kr-safe-bottom));width:min(64cqw,560px);padding:6px 12px;font-size:13px}.kr-drift{width:78px;height:78px}.kr-sheet,.kr-results{max-height:calc(100% - 16px);padding:12px 16px}.kr-sheet{grid-template-columns:minmax(220px,.8fr) 1.2fr;align-items:start;column-gap:18px;width:min(94cqw,760px);display:grid}.kr-sheet>:not(.kr-items){grid-column:1}.kr-sheet .kr-items{grid-area:1/2/span 6;max-height:calc(100cqh - 48px);overflow:auto}.kr-items h3{margin-top:0}.kr-switch{margin:8px 0}.kr-results{grid-template-columns:minmax(230px,.85fr) 1.15fr;grid-template-areas:"side list""buttons list";column-gap:18px;width:min(96cqw,800px)}.kr-res-list{max-height:calc(100cqh - 40px);overflow:auto}.kr-podium{margin:6px 0}.kr-face{width:48px;height:48px}.kr-step.s1 .kr-face{width:58px;height:58px}.kr-step.s0 i{height:40px}.kr-step.s1 i{height:58px}.kr-step.s2 i{height:30px}.kr-table li{padding:3px 8px}.kr-buttons{margin-top:8px}.kr-go,.kr-ghost{min-height:42px}}@keyframes kr-count{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.85)}}@keyframes kr-banner{0%{opacity:0;transform:translate(-50%,-50%)skew(-8deg)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)skew(-8deg)scale(1.08)}25%{transform:translate(-50%,-50%)skew(-8deg)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)skew(-8deg)}}@keyframes kr-call{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)}}@keyframes kr-rise{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))}}.kr-hint,.kr-howto,.kr-radio li{animation-name:kr-fade-up}@keyframes kr-fade-up{0%{opacity:0;translate:0 10px}}@keyframes kr-pulse{0%{filter:brightness()}to{filter:brightness(1.35)}}@keyframes kr-pop{0%{transform:scale(1.5)}}@keyframes kr-flicker{50%{opacity:.85}}@keyframes kr-streak{to{transform:rotate(4deg)}}@media (prefers-reduced-motion:reduce){.kr-overlay.is-boost:after,.kr-blackout,.kr-turnphone svg{animation:none}}