.kh{max-width:1200px;margin:auto;padding:12px 18px 32px}.kh [hidden]{display:none!important}.kh nav{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:#b7bdc9;margin-bottom:18px}.kh nav>span,.kh-tag{font:10px 'IBM Plex Mono',monospace;letter-spacing:2px}.kh button,.kh select{font:inherit;border:1px solid #414451;background:#1a1c26;color:#f7f5f2;padding:11px 16px;border-radius:9px;cursor:pointer;min-height:44px}.kh button:hover{border-color:#ff7469;background:#29222c}.kh button:disabled{opacity:.4;cursor:not-allowed}.kh .primary{background:#f34b3f;border-color:#f34b3f;color:#fff;font-weight:700}.kh-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}.kh-stage{position:relative;background:radial-gradient(ellipse at 50% 36%,#64292933,transparent 70%),#10121a;border:1px solid #323440;border-radius:16px;overflow:hidden;height:clamp(390px,calc(100dvh - 160px),700px)}#knife-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.kh h1{font-size:clamp(56px,6vw,82px);line-height:.95;letter-spacing:-3px}.kh h1 span{display:block;color:#ff665a}.kh-tag{color:#ff8d82;margin-bottom:20px}.intro{font-size:17px;line-height:1.7;color:#b8becc;margin:24px 0}.records{display:flex;gap:32px;font-size:9px;color:#aeb6c5;margin-bottom:24px}.records b{display:block;font-size:25px;color:#fff;margin-top:5px}.kh label{display:block;font-size:12px;color:#aeb6c5;margin-bottom:8px}.kh select{width:100%;margin-bottom:12px}.kh #play{width:100%;margin-bottom:12px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.button-row button{font-size:12px;flex:1}#lifetime{font-size:11px;color:#aeb6c5;margin-top:20px}.kh h2{font-size:32px;margin-bottom:16px}.kh aside p{color:#b8becc;line-height:1.7;margin-bottom:18px}.kh aside button{margin:5px 3px 5px 0}#hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;padding:16px;background:#10121ae0;font:9px 'IBM Plex Mono',monospace;color:#b8becc;pointer-events:none}#hud b{display:block;color:#fff;font:22px 'Space Grotesk',sans-serif;margin-top:4px}#clock{color:#ff8d82;align-self:center}#play-controls{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;padding:12px;background:#10121ae0}#play-controls button{font-size:12px}#throw{margin-left:auto}#hit-label{position:absolute;left:0;right:0;top:63%;text-align:center;pointer-events:none;font:700 20px 'Space Grotesk',sans-serif;color:#ffd298;min-height:30px}#progress{width:100%;height:7px;accent-color:#ff665a;margin:18px 0}#result-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}#result-details div{padding:12px;background:#191c26;border:1px solid #323440;border-radius:8px;font-size:11px;color:#b8becc}#result-details b{display:block;font-size:24px;color:#fff}.kh dialog{background:#13151f;color:#f7f5f2;border:1px solid #4b4c59;border-radius:16px;padding:28px;width:min(800px,92vw);max-height:85dvh;margin:auto}.kh dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.kh dialog p{color:#b8becc;margin:14px 0;font-size:14px;line-height:1.7}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-heading h2{margin:0}#level-list h3{font-size:17px;margin:24px 0 10px}.level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.level-grid button{padding:10px 3px;font-size:13px}.level-grid small{display:block;font-size:8px;color:#aeb6c5}.level-grid .complete{border-color:#6fbc96;color:#9debc0}#skins{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#skins button{text-align:left}#skins small{display:block;font-size:11px;color:#b8becc;margin-top:5px}.kh kbd{border:1px solid #5c6170;border-radius:4px;padding:1px 5px}@media(max-width:800px){.kh-layout{grid-template-columns:1fr;gap:24px}.kh-stage{height:clamp(360px,60dvh,530px)}.kh nav>span{display:none}.kh h1{font-size:56px}.kh aside{padding-bottom:20px}.level-grid{grid-template-columns:repeat(5,1fr)}#skins{grid-template-columns:1fr 1fr}.kh dialog{padding:20px}.kh h2{font-size:26px}}@media(max-height:500px) and (min-width:801px){.kh-stage{height:330px}.kh-layout{gap:24px}.kh h1{font-size:48px}.intro{margin:12px 0}.records{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.kh *{scroll-behavior:auto!important}}
