.kds-page{--kds-paper: #fff6e5;--kds-ink: #3b2a1a;--kds-muted: #7a5a3a;--kds-sand: #f2dcc0;--kds-sand-dark: #e3c39c;--kds-orange: #e8562a;--kds-blue: #2b7de9;--kds-sun: #ffd23f;--kds-sun-dark: #e09a00;--kds-green: #1f8a50;--kds-red: #d62f32;min-height:100vh;background:var(--kds-paper);color:var(--kds-ink);font-family:Nunito Variable,Nunito,ui-rounded,system-ui,sans-serif}.kds-page a{color:inherit}.kds-wrap{max-width:1000px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.kds-top{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px));font-weight:800}.kds-home{text-decoration:none;letter-spacing:.02em}.kds-nav{display:flex;gap:16px;font-weight:700}.kds-nav a{text-decoration:none;color:var(--kds-muted)}.kds-h1{margin:2px 0 0;text-align:center;font-weight:900;font-size:2.1rem;color:var(--kds-orange)}.kds-rule{margin:0 0 8px;text-align:center;font-size:1.05rem;color:var(--kds-muted);font-weight:600}.kds-pickers{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-bottom:10px}@media(max-width:480px){.kds-h1{font-size:1.7rem}.kds-rule{font-size:.95rem}.kds-chips button{padding:5px 10px;font-size:.875rem}.kds-stage,.kds-panel{gap:10px}.kds-keys{gap:8px}}.kds-chips{display:inline-flex;gap:4px;background:#fff;border-radius:999px;padding:3px;box-shadow:0 3px 0 var(--kds-sand-dark)}.kds-chips button{border:0;background:transparent;color:var(--kds-muted);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.95rem;font-family:inherit;cursor:pointer}.kds-chips button.is-on{background:var(--kds-orange);color:#fff}.kds-stage{display:grid;gap:14px;justify-items:center}@media(min-width:900px){.kds-stage{grid-template-columns:minmax(0,520px) 320px;justify-content:center;align-items:start}}.kds-boardbox{width:min(100%,520px,44svh)}.kds-panel{width:100%;max-width:520px;display:grid;gap:12px}.kds-page .sdk-board{display:grid;gap:10px;padding:8px;border-radius:22px;background:var(--kds-sand);box-shadow:0 6px 0 var(--kds-sand-dark)}.kds-page .sdk-box{display:grid;gap:5px}.kds-page .sdk-cell{position:relative;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:16px;cursor:pointer;display:grid;place-items:center;background:#fff;box-shadow:0 3px #00000014;color:var(--kds-ink);font-weight:900;font-size:clamp(1.6rem,9vw,2.8rem);line-height:1;font-family:inherit;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.kds-page .sdk-box:nth-child(6n+1) .sdk-cell{background:#fff1f0}.kds-page .sdk-box:nth-child(6n+2) .sdk-cell{background:#eef8ff}.kds-page .sdk-box:nth-child(6n+3) .sdk-cell{background:#f1fbea}.kds-page .sdk-box:nth-child(6n+4) .sdk-cell{background:#fdf5ff}.kds-page .sdk-box:nth-child(6n+5) .sdk-cell{background:#fffbe6}.kds-page .sdk-box:nth-child(6n+6) .sdk-cell{background:#eefcf8}.kds-page .sdk-cell:focus-visible{outline:3px solid var(--kds-blue);outline-offset:2px}.kds-page .sdk-v{display:grid;place-items:center;width:100%;height:100%}.kds-page .sdk-cell.is-user .sdk-v{color:var(--kds-blue)}.kds-page .sdk-cell.is-shade{background-color:#e9dccb!important;background-image:repeating-linear-gradient(135deg,rgba(59,42,26,.22) 0 4px,transparent 4px 11px)}.kds-page .sdk-cell.is-shade .sdk-v{opacity:.45}.kds-page .sdk-cell.is-open{background:#fff!important;box-shadow:inset 0 0 0 3px var(--kds-sun),0 3px #00000014}.kds-page .sdk-cell.is-lit{background:var(--kds-sun)!important;transform:scale(1.05);box-shadow:0 0 0 3px #ffb300,0 4px 0 var(--kds-sun-dark);z-index:1}.kds-page .sdk-cell.is-sel{box-shadow:0 0 0 4px var(--kds-orange);z-index:2}.kds-page .sdk-cell.is-focus{box-shadow:0 0 0 3px #7bd389}.kds-page .sdk-cell.is-target{box-shadow:0 0 0 4px var(--kds-blue);z-index:2}.kds-page .sdk-cell.is-wrong{box-shadow:0 0 0 4px var(--kds-red)}.kds-page .sdk-cell.is-clash .sdk-v,.kds-page .sdk-cell.is-wrong .sdk-v{color:var(--kds-red)}.kds-page .sdk-notes{position:absolute;top:6%;right:6%;bottom:6%;left:6%;display:grid}.kds-page .sdk-notes i{display:grid;place-items:center;font-style:normal;font-size:clamp(.6rem,3vw,.9rem);font-weight:800;color:#9a7a58;border-radius:50%}.kds-page .sdk-notes i.is-on{background:var(--kds-sun);color:var(--kds-ink)}.kds-page .sdk-notes i.is-x{color:var(--kds-red);text-decoration:line-through}.kds-pic{display:grid;place-items:center;width:82%;height:82%}.kds-pic svg{width:100%;height:100%;display:block}.sdk-notes .kds-pic{width:92%;height:92%}.kds-keys{display:grid;gap:10px}.kds-key{position:relative;aspect-ratio:1;border:0;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;color:#fff;font-weight:900;font-size:clamp(1.4rem,7vw,2rem);font-family:inherit;box-shadow:0 5px #0000002e}.kds-key small{position:absolute;bottom:-4px;right:-2px;background:#fff;color:var(--kds-ink);font-size:.75rem;font-weight:800;border-radius:999px;padding:1px 6px;box-shadow:0 2px #0000001f}.kds-key.k1{background:#e8562a}.kds-key.k2{background:#2b7de9}.kds-key.k3{background:#1f8a50}.kds-key.k4{background:#8c45c9}.kds-key.k5{background:#c27c00}.kds-key.k6{background:#0e8a87}.kds-key.is-pic{background:#fff;box-shadow:0 5px 0 var(--kds-sand-dark)}.kds-key.is-pic .kds-pic{width:72%;height:72%}.kds-key.is-on{transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 4px var(--kds-ink),0 8px #0000002e}.kds-key.is-done{opacity:.3}.kds-key:focus-visible,.kds-tools button:focus-visible,.kds-chips button:focus-visible,.kds-print:focus-visible{outline:3px solid var(--kds-blue);outline-offset:3px}.kds-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kds-tools button,.kds-print{border:0;background:#fff;border-radius:16px;padding:10px 4px;font-weight:800;font-size:.95rem;font-family:inherit;color:var(--kds-muted);box-shadow:0 4px 0 var(--kds-sand-dark);cursor:pointer}.kds-tools button.is-on{background:var(--kds-ink);color:#fff;box-shadow:0 4px #1f150b}.kds-print{justify-self:center;padding:8px 18px}.kds-say{margin:0;background:#fff;border-radius:18px;padding:12px 14px;font-size:1.05rem;font-weight:600;line-height:1.4;box-shadow:0 4px 0 var(--kds-sand-dark);min-height:3.4em}.kds-go{margin-top:6px;border:0;background:var(--kds-green);color:#fff;border-radius:999px;padding:7px 16px;font-weight:800;font-size:.95rem;font-family:inherit;box-shadow:0 4px #14633a;cursor:pointer}.kds-solved{background:#fff;border-radius:22px;padding:18px;box-shadow:0 5px 0 var(--kds-sand-dark);display:grid;gap:8px;text-align:center}.kds-solved h2{margin:0;font-size:2rem;font-weight:900;color:var(--kds-green)}.kds-solved p{margin:0;font-weight:700;color:var(--kds-muted)}.kds-game{display:grid;gap:6px;text-decoration:none;border-top:2px dashed var(--kds-sand);padding-top:12px}.kds-game img{width:100%;height:auto;border-radius:14px;aspect-ratio:5 / 4;object-fit:cover}.kds-game-cta{color:var(--kds-orange);font-weight:800}.kds-grownups{padding-top:36px;padding-bottom:16px;max-width:70ch}.kds-grownups h2{font-size:1.4rem;font-weight:900;margin:0 0 8px}.kds-grownups p{line-height:1.6;color:#5a4128}.kds-grownups ul{padding-left:20px;display:grid;gap:6px}.kds-grownups a{color:var(--kds-orange);font-weight:800}.kds-foot{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;padding:20px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));color:var(--kds-muted);font-size:.9rem}.kds-foot p{margin:0}.kds-printfoot{display:none}@media(prefers-reduced-motion:reduce){.kds-page .sdk-cell{transition:none}.kds-page .sdk-cell.is-lit{transform:none}}@media print{.kds-page{background:#fff}.kds-top,.kds-pickers,.kds-panel,.kds-grownups,.kds-foot{display:none!important}.kds-stage{display:block}.kds-boardbox{width:6in;margin:.3in auto 0}.kds-page .sdk-board{background:#fff;box-shadow:none;border:3px solid #000}.kds-page .sdk-cell{background:#fff!important;box-shadow:none!important;border:1px solid #555;transform:none!important}.kds-printfoot{display:block;text-align:center;margin-top:.25in;font-size:12pt}}.kds-ink{background:#0b1119;margin-top:40px;padding:8px 0 32px}.kds-page .kds-tools .kds-done{background:var(--kds-green);color:#fff;box-shadow:0 4px #13583a;grid-column:1 / -1}
