:root{color-scheme:dark;--ks-bg:#0c1020;--ks-panel:#151b2d;--ks-line:#343c56;--ks-muted:#bcc5dc;--ks-white:#f6f4ff;--ks-pink:#ffc3a5;--ks-peach:#ef9b83;--ks-purple:#a39df3;--ks-rad:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.ks-body{margin:0;background:radial-gradient(ellipse 75% 60% at 10% 0%,#262546 0,transparent 70%),linear-gradient(180deg,#101328,#0a0d1a);color:var(--ks-white);font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans",Arial,sans-serif;min-height:100vh;font-size:15px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}.ks-top{min-height:62px;padding:8px max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #3c3555;background:#111526cc;backdrop-filter:blur(15px)}.ks-brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font-weight:800;font-size:14px;letter-spacing:.035em}.ks-brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ks-pink);color:#171023;font-size:18px;transform:rotate(-10deg)}.ks-lang{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ks-lang a{color:var(--ks-muted);font-size:12px;padding:8px 7px;border-radius:7px;text-decoration:none}.ks-lang a[aria-current=page]{color:var(--ks-white);background:#30354d}.ks-lang a:hover{background:#333851;color:#fff}.ks-page{max-width:1420px;margin:0 auto;padding:36px 30px 52px}.ks-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.ks-eyebrow{color:var(--ks-pink);font-size:11px;letter-spacing:.19em;font-weight:850;margin:0 0 8px}.ks-title{font-size:clamp(32px,4vw,58px);letter-spacing:-.055em;line-height:1.15;margin:0}.ks-title small{display:block;margin-top:5px;color:#b8b3ff;font-size:clamp(16px,2vw,24px);letter-spacing:.01em;font-weight:600}.ks-intro{max-width:760px;color:#c4c9df;margin:14px 0 0;font-size:15px}.ks-stats{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:1px;min-width:282px;border:1px solid #474359;background:#474359;border-radius:14px;overflow:hidden}.ks-stat{padding:14px 12px;background:#1b2034;text-align:center}.ks-stat b{font-size:27px;font-weight:850;font-variant-numeric:tabular-nums;display:block;color:#fff}.ks-stat span{font-size:11px;color:#c7cce2}.ks-layout{display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:18px;align-items:start}.ks-maker,.ks-stage{background:linear-gradient(160deg,#1b1e36,#14192b);border:1px solid var(--ks-line);border-radius:var(--ks-rad);box-shadow:0 18px 52px #05081240;min-width:0;overflow:hidden}.ks-maker{padding:20px}.ks-step{font-size:11px;color:#b3afe3;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0 0 4px}.ks-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.ks-panel-heading h2{font-size:21px;letter-spacing:-.035em;margin:0}.ks-pill{border:1px solid #6a5f81;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:750;color:#ffe0c9;letter-spacing:.08em}.ks-help{font-size:12px;color:#bbc2d7;margin:7px 0 14px}.ks-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.ks-presets button{border:1px solid #515673;border-radius:10px;background:#20263d;color:#d6d7eb;min-height:46px;padding:5px 4px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;transition:background .15s,border-color .15s}.ks-presets button[aria-pressed=true]{border-color:var(--ks-pink);background:#54384b;color:#fff}.ks-presets button:hover:not(:disabled){border-color:var(--ks-pink)}.ks-presets svg{width:19px;height:19px}.ks-editor-wrap{position:relative;overflow:hidden;border:1px solid #454966;border-radius:13px;background:#12182a}.ks-editor-wrap:after{content:'DRAW / 01';position:absolute;right:10px;top:8px;pointer-events:none;font:700 10px ui-monospace,monospace;letter-spacing:.1em;color:#919abb}.ks-editor{display:block;touch-action:none;width:100%;height:auto;aspect-ratio:400/220;cursor:crosshair}.ks-feedback{color:#e3e4f4;font-size:12px;min-height:37px;margin:10px 0}.ks-name{display:block;font-size:12px;font-weight:650;color:#d6d7e8;margin:14px 0 6px}.ks-name-input{display:block;width:100%;min-height:44px;border:1px solid #555b78;border-radius:9px;background:#11172a;color:#fff;padding:10px 12px}.ks-save-row{display:flex;gap:8px;margin-top:10px}.ks-secondary{padding:10px 14px;border-radius:9px;border:1px solid #66718c;background:#252c45;color:#edf0ff;font-size:12px;font-weight:750;min-height:42px}.ks-secondary:hover{background:#353d5d}.ks-saved{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;min-height:12px}.ks-saved-item{font-size:11px;min-height:34px;background:#242a43;border:1px solid #4e5774;border-radius:9px;color:#d8deee;padding:5px 10px;max-width:100%;overflow-wrap:anywhere}.ks-saved-item[aria-pressed=true]{border-color:#ffd1b0;color:#fff;background:#5c3c53}.ks-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;background:linear-gradient(110deg,#ffc4a4,#f39c85);color:#231624;border:0;border-radius:13px;font-size:16px;letter-spacing:.03em;font-weight:900;min-height:58px;box-shadow:0 7px 0 #a9565d,0 18px 28px #0b081f66}.ks-cta:not(:disabled):active{transform:translateY(4px);box-shadow:0 3px 0 #a9565d}.ks-stage{padding:20px;position:relative}.ks-stage-top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.ks-stage-info{display:flex;align-items:center;gap:10px}.ks-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:86px;border:1px solid #4d526f;border-radius:13px;background:#242941;padding:4px 10px}.ks-timer b{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.13}.ks-timer span{font-size:10px;letter-spacing:.12em;color:#cbd1df}.ks-round{font:700 12px ui-monospace,monospace;color:#cacbe0;white-space:nowrap}.ks-competition{position:relative;min-width:0;overflow:hidden;border:1px solid #4a5676;border-radius:14px;box-shadow:inset 0 0 55px #0008;background:#121729}.ks-arena{display:block;width:100%;height:auto;aspect-ratio:1.85;min-height:252px}.ks-arena-labels{position:absolute;display:flex;justify-content:space-between;left:14px;right:14px;top:12px;font-size:11px;pointer-events:none;color:#e4e0fa;text-shadow:0 2px 4px #000}.ks-arena-labels span:first-child{color:var(--ks-pink)}.ks-arena-labels span:last-child{color:#bcb5ff}.ks-outcome{position:absolute;inset:0;z-index:2;background:#080c1ddd;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}.ks-outcome-box{max-width:390px;width:100%;border:1px solid #8281aa;border-radius:15px;background:#222743f2;padding:20px}.ks-outcome-title{font-size:clamp(25px,4vw,38px);font-weight:900;letter-spacing:-.04em;margin:0;color:#ffd0b9}.ks-outcome[data-result=lose] .ks-outcome-title{color:#e0d9ff}.ks-outcome-reason{margin:5px 0;color:#fff;font-weight:750;font-size:13px}.ks-outcome-stats,.ks-outcome-hint{font-size:12px;color:#cbd0df;margin:7px 0}.ks-again{background:#ffd2b8;border:0;border-radius:10px;color:#271b25;min-height:45px;padding:8px 24px;font-weight:800;margin-top:9px}.ks-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.ks-control-help{font-size:12px;color:#c3c9dd;max-width:260px}.ks-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,43px);gap:5px;touch-action:none}.ks-pad button{background:#2c3451;color:#ecebff;border:1px solid #65718e;border-radius:10px;font-size:20px;min-width:44px;min-height:43px;touch-action:none;user-select:none;-webkit-user-select:none}.ks-pad button.is-held{background:#6563a4;color:#fff;border-color:#d5ceff}.ks-pad button[data-dir=up]{grid-area:1/2}.ks-pad button[data-dir=left]{grid-area:2/1}.ks-pad button[data-dir=down]{grid-area:2/2}.ks-pad button[data-dir=right]{grid-area:2/3}.ks-dash-group{display:flex;flex-direction:column;align-items:center;gap:4px}.ks-dash{width:85px;height:85px;border-radius:50%;border:2px solid #ffd3b8;background:radial-gradient(circle at 32% 18%,#f9caaf,#e99587);color:#201324;font-size:13px;font-weight:900;letter-spacing:.02em}.ks-dash:not(:disabled):active{transform:scale(.96)}.ks-dash-hint{font-size:11px;color:#c9cfdf;min-height:15px}.ks-instructions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.ks-note{padding:14px;border:1px solid #424964;border-radius:12px;background:#171d30}.ks-note strong{display:block;color:#eeeaff;font-size:12px;margin:0 0 5px}.ks-note p{margin:0;color:#bfc7dd;font-size:12px}.ks-footer{border-top:1px solid #333a54;margin-top:28px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#adb8d1;font-size:12px}.ks-footer a{text-decoration:underline;text-underline-offset:3px}.ks-shortcuts kbd{display:inline-block;border:1px solid #64708a;border-radius:4px;padding:1px 4px;margin:1px;color:#eef0ff;font-size:11px;background:#1d2740}@media(max-width:970px){.ks-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.ks-page{padding:25px 16px}.ks-hero{align-items:start}.ks-stats{min-width:236px}.ks-stat{padding:9px 7px}.ks-controls{flex-wrap:wrap}.ks-control-help{width:100%;max-width:none;order:4}.ks-instructions{grid-template-columns:1fr}}@media(max-width:720px){.ks-top{padding:9px 14px;flex-wrap:wrap;gap:4px;justify-content:center}.ks-brand{width:100%;justify-content:center}.ks-lang{justify-content:center}.ks-page{padding:22px 12px 34px}.ks-hero{display:block}.ks-title{font-size:35px}.ks-title small{font-size:17px}.ks-stats{width:100%;margin-top:17px}.ks-layout{grid-template-columns:1fr;gap:13px}.ks-maker,.ks-stage{padding:14px}.ks-maker{order:0}.ks-stage{order:1}.ks-editor{max-height:200px}.ks-stage-top{align-items:center}.ks-stage-top h2{font-size:19px}.ks-controls{flex-wrap:nowrap}.ks-control-help{display:none}.ks-arena{min-height:0;aspect-ratio:1.4}.ks-pad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,44px)}.ks-dash{width:77px;height:77px}.ks-instructions{grid-template-columns:1fr 1fr}.ks-footer{flex-direction:column;align-items:start}.ks-name{margin-top:8px}}@media(max-width:355px){.ks-lang a{padding:6px 5px}.ks-presets button{font-size:11px}.ks-timer{min-width:69px}.ks-timer b{font-size:26px}.ks-panel-heading h2{font-size:18px}.ks-instructions{grid-template-columns:1fr}.ks-pad{grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px)}.ks-dash{width:72px;height:72px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}