.kc-root{color:#eaf6ff;font-family:var(--font-mono);background:#071222;position:absolute;inset:0;overflow:hidden}.kc-canvas,.kc-ui{position:absolute;inset:0}.kc-ui{z-index:4;pointer-events:none}.kc-ui button{pointer-events:auto}.kc-hud{z-index:5;pointer-events:none;gap:4px;padding:7px;display:flex;position:absolute;top:0;left:0;right:0}.kc-hud span{text-align:center;background:#0e2441dd;border:1px solid #83d9ff55;border-radius:6px;flex:1;min-width:0;padding:5px;font-size:clamp(10px,2.6vw,13px)}.kc-hud b{color:#ffe38b;font-size:clamp(13px,3.6vw,17px);line-height:1.15;display:block}.kc-toast{z-index:6;font:700 clamp(20px,6vw,30px)/1 var(--font-display);letter-spacing:.04em;text-shadow:0 2px 14px #000a;pointer-events:none;animation:.5s ease-out both kc-pop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}@keyframes kc-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(1)}}.kc-toast-perfect{color:#fff3a8}.kc-toast-good{color:#9cf4ff}.kc-toast-early{color:#ffd36d}.kc-toast-late{color:#ff9e7d}.kc-toast-wrong{color:#ff7d9e}.kc-overlay{z-index:8;background:#061020a8;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.kc-card{text-align:center;background:#102c4eee;border:1px solid #78d7ff99;border-radius:14px;gap:12px;width:min(85%,330px);padding:20px;display:grid}.kc-card h2,.kc-card p,.kc-card small{margin:0}.kc-card h2{font:700 23px var(--font-display)}.kc-card p{font-size:13px;line-height:1.55}.kc-card button{color:#092039;min-height:44px;font:700 13px var(--font-mono);cursor:pointer;background:#8ee9ff;border:0;border-radius:8px}.kc-mute{z-index:9;position:absolute;bottom:10px;right:10px}.kc-mute .sfx-mute{color:#fff;background:#102c4eee;border:1px solid #8ee9ff88;border-radius:8px;min-width:44px;min-height:44px}@media (height<=440px){.kc-card{gap:8px;padding:14px}.kc-card h2{font-size:19px}.kc-card p{font-size:12px}.kc-hud{padding:4px}.kc-hud span{padding:3px}}@media (height<=340px){.kc-overlay{padding:8px}.kc-card{gap:6px;width:min(92%,300px);padding:10px}.kc-card h2{font-size:17px}.kc-card p{font-size:11px;line-height:1.4}.kc-card small{font-size:10px}.kc-hud span{padding:2px;font-size:10px}.kc-hud b{font-size:12px}}@media (height<=260px){#stage:has(.kc-root){width:min(100% - 2px,274px)}.kc-overlay{padding:4px}.kc-card{gap:4px;width:min(96%,280px);padding:6px}.kc-card h2{font-size:15px}.kc-card p{display:none}.kc-card small{font-size:10px;line-height:1.1}.kc-hud{display:none}.kc-mute{bottom:4px;right:4px}}