.kc{color:var(--text-color,#16476a);font-family:Nunito,'Segoe UI',sans-serif}.kc *{box-sizing:border-box}.kc .game-page-intro{text-align:center}.kc .game-page-intro p{line-height:1.7;margin:12px auto;max-width:750px}.kc .kc-panel{padding:24px;border-radius:24px;margin-top:24px;background:rgba(248,253,255,.88);box-shadow:0 12px 30px #16476a12}.kc button,.kc input,.kc select{font:inherit;color:inherit}.kc button{cursor:pointer;min-height:44px;font-weight:800;padding:10px 18px;border-radius:24px}.kc :focus-visible{outline:3px solid #397eab;outline-offset:3px}.kc button:disabled{opacity:.5;cursor:default}.kc-stage{position:relative;background:#10202f;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 2px #7babbc}.kc canvas{display:block;width:100%;aspect-ratio:8/5;max-height:70vh;image-rendering:pixelated;touch-action:none}.kc-live{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;margin-bottom:12px;min-height:1.5em}.kc #play{display:block;width:min(100%,620px);margin:20px auto 8px;min-height:104px;font-size:clamp(2rem,5vw,3rem);letter-spacing:.03em}.kc #status{min-height:3em;text-align:center;font-size:.9rem;line-height:1.6;margin:12px auto;max-width:800px}.kc-palette{display:flex;overflow-x:auto;gap:8px;padding:8px 3px 16px;scrollbar-width:thin}.kc-palette button{flex:0 0 auto;display:grid;grid-template-columns:18px auto;gap:2px 8px;text-align:left;font-size:.85rem;min-height:60px}.kc-palette small{grid-column:2;font-size:.7rem;font-weight:400}.kc-swatch{width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1px #16476a55}.kc-palette [aria-pressed=true]{outline:2px solid #397eab;outline-offset:-2px}.kc-tools{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.kc label{display:flex;gap:10px;align-items:center;font-weight:700;font-size:.85rem}.kc input[type=range]{width:110px}.kc select{padding:10px;border-radius:12px;background:#f5fbfe;max-width:100%}.kc summary{cursor:pointer;font-weight:800;min-height:36px}.kc details p{line-height:1.7}.kc-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:16px 0}.kc-analysis div{padding:6px 0}.kc-analysis strong{display:block;font-size:1.05rem}.kc table{width:100%;border-collapse:collapse;font-size:.85rem}.kc td,.kc th{padding:7px;text-align:left;border-bottom:1px solid #16476a15}.kc #inspect{min-height:2.8em;font-size:.85rem;line-height:1.5;margin:12px 0}.kc #analysis-content{overflow-wrap:anywhere}.kc .kc-note{font-size:.85rem;line-height:1.7}.kc-chart{height:100px;display:flex;align-items:end;gap:3px;margin:12px 0}.kc-chart span{flex:1;min-height:1px;background:#397eab}.kc #analysis-warning{font-weight:700}.kc .kc-error{color:#8f2639}@media(max-width:650px){.kc .kc-panel{padding:14px}.kc-tools{gap:12px}.kc label{flex-wrap:wrap}.kc #play{min-height:96px}.kc-live{font-size:.7rem}.kc canvas{max-height:none}.kc input[type=range]{width:90px}}
