.ks-wrap{max-width:1040px;margin:0 auto}.ks-hero{position:relative;border-radius:var(--radius-card);padding:2.5rem 2rem;background:linear-gradient(135deg,var(--color-brand-600),var(--color-accent-500));color:#fff;overflow:hidden;box-shadow:var(--shadow-soft)}.ks-hero:after{content:"＋－×÷";position:absolute;right:-1rem;bottom:-2rem;font-size:9rem;font-weight:800;opacity:.12;letter-spacing:-.5rem;pointer-events:none}.ks-hero .eyebrow{color:#ffffffd9}.ks-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:.4rem 0 .6rem;line-height:1.15}.ks-hero p{max-width:46ch;opacity:.92}.ks-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}.ks-hero-actions .btn-primary{background:#fff;color:var(--color-brand-700)}.ks-hero-actions .btn-ghost{border-color:#fff9;color:#fff}.ks-hero-actions .btn-ghost:hover{background:#ffffff1f}.ks-section{margin-top:3rem}.ks-section h2{font-size:1.4rem;margin-bottom:.25rem}.ks-section .sub{color:var(--color-ink-500);margin-bottom:1.25rem;font-size:.95rem}.ks-setup{display:grid;gap:1.5rem}.ks-card{background:var(--color-ink-50);border:1px solid var(--color-ink-200);border-radius:var(--radius-card);padding:1.5rem}.ks-card h3{font-size:1.05rem;margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}.ks-card h3 .ic{color:var(--color-brand-500)}.ks-field-label{font-size:.85rem;font-weight:600;color:var(--color-ink-600);margin-bottom:.55rem;display:block}.ks-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ks-chip{border:1px solid var(--color-ink-300);background:#fff;color:var(--color-ink-700);border-radius:999px;padding:.45rem .95rem;font-size:.88rem;cursor:pointer;transition:all .15s ease;font-family:inherit}.ks-chip:hover{border-color:var(--color-brand-400)}.ks-chip.active{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff}.ks-switch{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem}.ks-switch input{width:1.05rem;height:1.05rem;accent-color:var(--color-brand-600)}.ks-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ks-mode{text-align:left;border:1px solid var(--color-ink-200);background:#fff;border-radius:var(--radius-card);padding:1.4rem;cursor:pointer;transition:all .18s ease;font-family:inherit;display:flex;flex-direction:column;gap:.5rem}.ks-mode:hover{border-color:var(--color-brand-500);transform:translateY(-3px);box-shadow:var(--shadow-soft)}.ks-mode .ks-mode-ic{width:2.6rem;height:2.6rem;border-radius:.8rem;display:grid;place-items:center;background:var(--color-brand-100);color:var(--color-brand-600)}.ks-mode h4{font-size:1.1rem;margin:0}.ks-mode p{font-size:.85rem;color:var(--color-ink-500);margin:0;line-height:1.4}.ks-mode .ks-mode-tag{margin-top:auto;font-size:.78rem;color:var(--color-accent-600);font-weight:600}.ks-game{background:#fff;border:1px solid var(--color-ink-200);border-radius:var(--radius-card);padding:1.8rem;box-shadow:var(--shadow-soft)}.ks-hud{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;padding-bottom:1rem;border-bottom:1px dashed var(--color-ink-200);margin-bottom:1.5rem}.ks-hud .ks-stat{display:flex;flex-direction:column}.ks-hud .ks-stat .lbl{font-size:.72rem;color:var(--color-ink-500);text-transform:uppercase;letter-spacing:.04em}.ks-hud .ks-stat .val{font-size:1.3rem;font-weight:700;font-family:var(--font-mono);color:var(--color-ink-800)}.ks-hud .ks-stat .val.combo{color:var(--color-warm-600)}.ks-time{margin-left:auto;text-align:right}.ks-time .val{font-size:1.3rem;font-weight:700;font-family:var(--font-mono);color:var(--color-brand-600)}.ks-time .val.low{color:var(--color-danger);animation:ksPulse .6s infinite alternate}@keyframes ksPulse{to{opacity:.4}}.ks-progress{height:6px;background:var(--color-ink-100);border-radius:999px;overflow:hidden;margin-bottom:1.5rem}.ks-progress-bar{height:100%;background:var(--color-brand-500);width:0;transition:width .3s ease}.ks-progress-text{font-size:.78rem;color:var(--color-ink-500);text-align:right;margin-top:.3rem}.ks-question-box{text-align:center;padding:1.5rem 1rem;background:var(--color-ink-50);border-radius:var(--radius-sm);margin-bottom:1.2rem}.ks-q-type{display:inline-block;font-size:.75rem;font-weight:700;color:var(--color-brand-700);background:var(--color-brand-100);padding:.2rem .7rem;border-radius:999px;margin-bottom:.7rem}.ks-question{font-size:clamp(2rem,6vw,3.2rem);font-weight:800;font-family:var(--font-mono);color:var(--color-ink-900);letter-spacing:.02em}.ks-hint{font-size:.82rem;color:var(--color-ink-500);margin-top:.5rem;min-height:1rem}.ks-input-row{display:flex;gap:.6rem;max-width:460px;margin:0 auto}.ks-input{flex:1;font-size:1.6rem;font-family:var(--font-mono);text-align:center;padding:.7rem 1rem;border:2px solid var(--color-ink-300);border-radius:var(--radius-sm);outline:none;transition:border-color .15s;color:var(--color-ink-900)}.ks-input:focus{border-color:var(--color-brand-500)}.ks-cmp{display:flex;gap:.6rem;justify-content:center;margin-top:.8rem}.ks-cmp-btn{font-size:1.4rem;font-family:var(--font-mono);width:3.2rem;height:3.2rem;border-radius:var(--radius-sm);border:2px solid var(--color-brand-400);background:#fff;color:var(--color-brand-700);cursor:pointer}.ks-cmp-btn:hover{background:var(--color-brand-100)}.ks-flash{position:fixed;top:18%;left:50%;transform:translate(-50%) scale(.8);padding:.7rem 1.4rem;border-radius:999px;font-weight:700;font-size:1.1rem;opacity:0;pointer-events:none;transition:all .25s ease;z-index:50}.ks-flash.show{opacity:1;transform:translate(-50%) scale(1)}.ks-flash.ok{background:var(--color-success);color:#fff}.ks-flash.bad{background:var(--color-danger);color:#fff}.ks-shake{animation:ksShake .4s}@keyframes ksShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.ks-result{text-align:center}.ks-result h3{font-size:1.5rem;margin-bottom:.3rem}.ks-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:1.5rem 0}.ks-result-stat{background:var(--color-ink-50);border-radius:var(--radius-sm);padding:1rem}.ks-result-stat .v{font-size:1.8rem;font-weight:800;font-family:var(--font-mono);color:var(--color-brand-600)}.ks-result-stat .l{font-size:.8rem;color:var(--color-ink-500)}.ks-result-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.ks-growth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.ks-growth-stat{background:linear-gradient(160deg,var(--color-ink-50),#fff);border:1px solid var(--color-ink-200);border-radius:var(--radius-sm);padding:1.1rem;text-align:center}.ks-growth-stat .v{font-size:1.7rem;font-weight:800;font-family:var(--font-mono);color:var(--color-ink-800)}.ks-growth-stat .l{font-size:.8rem;color:var(--color-ink-500);margin-top:.2rem}.ks-chart{margin-top:1.2rem;background:#fff;border:1px solid var(--color-ink-200);border-radius:var(--radius-sm);padding:1rem}.ks-svg{width:100%;height:auto}.ks-axis{stroke:var(--color-ink-200);stroke-width:1}.ks-line{fill:none;stroke:var(--color-brand-500);stroke-width:2.5;stroke-linejoin:round}.ks-area{fill:#7c3aed1a}.ks-dot{fill:var(--color-brand-600)}.ks-chart-empty{text-align:center;color:var(--color-ink-500);font-size:.9rem;padding:1.5rem 0}.ks-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ks-tip{background:var(--color-ink-50);border-left:3px solid var(--color-accent-500);border-radius:var(--radius-sm);padding:1rem 1.2rem}.ks-tip h4{font-size:.98rem;margin-bottom:.4rem}.ks-tip p{font-size:.86rem;color:var(--color-ink-600);line-height:1.5;margin:0}.ks-faq details{background:var(--color-ink-50);border:1px solid var(--color-ink-200);border-radius:var(--radius-sm);padding:0 1.1rem;margin-bottom:.6rem}.ks-faq summary{cursor:pointer;font-weight:600;padding:.9rem 0;list-style:none}.ks-faq summary::-webkit-details-marker{display:none}.ks-faq summary:before{content:"＋";color:var(--color-brand-500);margin-right:.5rem;font-weight:700}.ks-faq details[open] summary:before{content:"－"}.ks-faq p{font-size:.9rem;color:var(--color-ink-600);line-height:1.6;padding-bottom:.9rem;margin:0}.ks-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(1rem);background:var(--color-ink-900);color:#fff;padding:.7rem 1.3rem;border-radius:999px;font-size:.9rem;opacity:0;pointer-events:none;transition:all .25s ease;z-index:60}.ks-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hidden{display:none!important}@media(max-width:600px){.ks-hero{padding:2rem 1.3rem}.ks-game{padding:1.2rem}}.sr-only[data-astro-cid-ecenhwsc]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}