.kr-app{padding:0 12px calc(16px + var(--safe-bottom))}.kr-app:has(.kr-play){padding:0 6px calc(6px + var(--safe-bottom))}.kr-app button{touch-action:manipulation;user-select:none;-webkit-user-select:none}.kr-screen-enter{animation:kr-enter .36s var(--ease-out)}@keyframes kr-enter{0%{opacity:0;transform:translateY(8px)}}.kr-home,.kr-garage{display:flex;flex-direction:column;gap:12px;padding-top:6px}.kr-head{display:grid;justify-items:center;gap:4px;padding:10px 0 6px;text-align:center}.kr-logo-car{width:64px;height:102px;filter:drop-shadow(0 0 22px var(--pink));animation:kr-hover 2.4s ease-in-out infinite}@keyframes kr-hover{50%{transform:translateY(-6px)}}.kr-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:transparent;background:linear-gradient(90deg,#ff3df2,#22d8ff);-webkit-background-clip:text;background-clip:text}.kr-subtitle{color:var(--text-dim)}.kr-race-card{min-height:84px}.kr-howto{padding:2px 16px;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface)}.kr-howto summary{padding:12px 0;font-weight:700;cursor:pointer}.kr-howto ul{display:grid;gap:6px;margin:0 0 14px;padding-left:18px;color:var(--text-dim)}.kr-bank{font-weight:800;white-space:nowrap;color:var(--gold)}.kr-garage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kr-garage-card{display:grid;justify-items:center;gap:6px;padding:14px 10px 12px;border:1px solid var(--border);border-radius:var(--radius-l);color:var(--text);background:var(--surface);transition:transform var(--dur-fast) var(--ease-out)}.kr-garage-card:active{transform:scale(.96)}.kr-garage-card.is-equipped{border-color:var(--glow);box-shadow:0 0 22px -6px var(--glow)}.kr-garage-card.is-locked{opacity:.55}.kr-garage-preview .kr-car-icon{display:block;width:54px;height:86px;filter:drop-shadow(0 0 12px var(--glow))}.kr-garage-status{padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:#ffffff14}.kr-garage-card.is-equipped .kr-garage-status{color:#120a2a;background:var(--glow)}.kr-result-car .kr-car-icon{width:44px;height:70px}html:has(.kr-play){touch-action:none}.kr-play{display:flex;height:calc(100dvh - var(--game-header-height) - 6px - var(--safe-bottom))}.kr-stage{position:relative;flex:1;overflow:hidden;border-radius:18px;background:#0c0720;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kr-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.kr-stage:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 70px #ff9f1c99;opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none}.kr-stage.is-nitro:after{opacity:1}.kr-hud{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:44px 1fr 64px;align-items:start;gap:8px;padding:10px;pointer-events:none}.kr-pause{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / .18);border-radius:14px;color:#fff;background:#0c0720b3;pointer-events:auto}.kr-pause .icon{width:20px;height:20px}.kr-hud-mid{display:grid;justify-items:center}.kr-score{font-family:var(--font-display);font-size:2rem;font-variant-numeric:tabular-nums;line-height:1.1;color:#fff;text-shadow:0 0 14px rgb(255 61 242 / .85)}.kr-speed{font-size:.8rem;font-weight:700;letter-spacing:.05em;color:#7cf5ff}.kr-hud-side{display:grid;justify-items:end;gap:4px;font-weight:800;color:var(--gold);text-shadow:0 1px 4px #000}.kr-power{font-size:1.3rem}.kr-countdown{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:5.5rem;font-weight:800;color:#fff;text-shadow:0 0 30px var(--pink);opacity:0;pointer-events:none}.kr-countdown.is-pop{animation:kr-pop .9s var(--ease-out) forwards}.kr-countdown.is-go{color:#7cf5ff;text-shadow:0 0 30px #22d8ff}@keyframes kr-pop{0%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.92)}}.kr-tutorial{position:absolute;inset:auto 0 24%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;pointer-events:none;transition:opacity .5s var(--ease-out)}.kr-tutorial.is-done{opacity:0}.kr-tutorial p{max-width:62%;padding:8px 14px;border-radius:999px;font-weight:700;text-align:center;background:#0c0720cc}.kr-tutorial-side{font-size:3.2rem;font-weight:800;color:#fff;opacity:.85}.kr-tutorial-side.is-left{animation:kr-nudge-left 1s ease-in-out infinite}.kr-tutorial-side.is-right{animation:kr-nudge-right 1s ease-in-out infinite}@keyframes kr-nudge-left{50%{transform:translate(-8px)}}@keyframes kr-nudge-right{50%{transform:translate(8px)}}.kr-pause-layer{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#080416bf}.kr-pause-layer[hidden]{display:none}.kr-pause-card{display:grid;gap:10px;width:min(280px,82%);padding:22px;border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;background:var(--bg-1)}.kr-pause-card h2{margin-bottom:4px;font-family:var(--font-display);font-size:1.6rem}.kr-pause-card .gb-button{min-height:52px}
