:root{--ck-metal-0: #0a0d12;--ck-metal-1: #141a22;--ck-metal-2: #1f2833;--ck-metal-3: #2b3644;--ck-steel: #3c4a5a;--ck-laser: #ff2d55;--ck-laser-glow: rgba(255, 45, 85, .55);--ck-text: #e8edf4;--ck-text-dim: #9aa7b8;--ck-peg-black: #10151c;--ck-peg-white: #eef3fa;--ck-peg-empty: #6b7789;--ck-color-0: #e5484d;--ck-color-1: #46b955;--ck-color-2: #3e7bfa;--ck-color-3: #f5c518;--ck-color-4: #9b5de5;--ck-color-5: #f2810a;--ck-color-6: #17c3b2;--ck-color-7: #ec4899}[hidden]{display:none!important}html body{background:radial-gradient(circle at 50% -10%,var(--ck-metal-2),var(--ck-metal-0) 60%),var(--ck-metal-0);color:var(--ck-text);overflow:hidden}.ck-app{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden}.ck-main{position:relative;z-index:2;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-4)}.laser{position:fixed;top:0;bottom:0;width:10px;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--ck-laser) 12%,var(--ck-laser) 88%,transparent);box-shadow:0 0 12px 2px var(--ck-laser-glow),0 0 28px 6px var(--ck-laser-glow);opacity:.85;transition:opacity var(--transition-slow);animation:laser-flicker 2.6s ease-in-out infinite}.laser--left{left:14px}.laser--right{right:14px}@keyframes laser-flicker{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.ck-app.is-cracked .laser{opacity:0;animation:none}.screen{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.screen[hidden]{display:none}.setup-screen{justify-content:center;flex:1;text-align:center}.setup-screen__title{font-size:var(--text-3xl);letter-spacing:.04em}.setup-screen__subtitle{color:var(--ck-text-dim);margin-bottom:var(--space-2)}.setup-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%}.setting{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--ck-metal-1);border:1px solid var(--ck-metal-3);border-radius:var(--border-radius-md);padding:var(--space-2) var(--space-4)}.setting__label{font-family:var(--font-display);color:var(--ck-text)}.stepper{display:flex;align-items:center;gap:var(--space-2)}.stepper__btn{width:44px;height:44px;padding:0;font-size:var(--text-xl);background:var(--ck-metal-3);color:var(--ck-text);border-radius:var(--border-radius-sm)}.stepper__value{min-width:2.5ch;text-align:center;font-family:var(--font-display);font-size:var(--text-lg)}.segmented{display:flex;gap:var(--space-2)}.segmented__btn{padding:var(--space-2) var(--space-3);background:var(--ck-metal-3);color:var(--ck-text-dim);border-radius:var(--border-radius-sm);font-size:var(--text-sm)}.segmented__btn--active{background:var(--ck-laser);color:#fff;box-shadow:0 0 10px var(--ck-laser-glow)}.setup-screen__possible{color:var(--color-accent-gold);font-family:var(--font-display);margin:0}.setup-screen__cap{color:var(--ck-text-dim);font-size:var(--text-sm);margin:0}.setup-screen__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.game-screen{flex:1;max-width:760px;justify-content:flex-start;min-height:0}.game-header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;width:100%}.attempt-counter{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ck-text)}.attempt-counter--warn{color:var(--color-accent-gold)}.attempt-counter--last{color:var(--ck-laser)}.mode-chip{padding:var(--space-2) var(--space-3);background:var(--ck-metal-2);color:var(--ck-text-dim);border:1px solid var(--ck-metal-3);border-radius:999px;font-size:var(--text-sm)}.game-header__settings{width:44px;height:44px;padding:0;background:var(--ck-metal-2);color:var(--ck-text);border-radius:50%;font-size:var(--text-lg)}.secret-code{display:flex;gap:var(--space-2);justify-content:center}.secret-code__cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--ck-metal-3),var(--ck-metal-3) 4px,var(--ck-metal-2) 4px,var(--ck-metal-2) 8px);border:2px solid var(--ck-steel);border-radius:50%;color:var(--ck-text-dim);font-family:var(--font-display);font-size:var(--text-lg)}.board{width:100%;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.board-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--ck-metal-1);border:1px solid var(--ck-metal-3);border-radius:var(--border-radius-md);padding:var(--space-2) var(--space-3)}.board-row--active{border-color:var(--ck-laser);box-shadow:0 0 12px var(--ck-laser-glow)}.board-row__pegs{display:flex;gap:var(--space-2);flex-wrap:wrap}.peg{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--text-base);color:#000000bf;-webkit-user-select:none;user-select:none}.peg--filled{background:var(--peg-color);border:2px solid rgba(255,255,255,.35);box-shadow:inset 0 2px 4px #fff6}.peg--empty{background:var(--ck-metal-2);border:2px dashed var(--ck-steel)}.board-slot{cursor:pointer}.board-slot--active{outline:3px solid var(--color-accent-aqua);outline-offset:2px}.feedback{display:grid;grid-auto-flow:column;gap:4px}.feedback__hole{width:14px;height:14px;border-radius:50%;border:1px solid var(--ck-steel)}.feedback__hole--black{background:var(--ck-peg-black);border-color:#000}.feedback__hole--white{background:var(--ck-peg-white)}.feedback__hole--none{background:var(--ck-peg-empty);border-color:var(--ck-peg-empty)}.feedback__hole--appear{animation:peg-pop var(--transition-fast) ease both}@keyframes peg-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.controls{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:var(--space-2)}.excluded-line{color:var(--ck-text-dim);font-size:var(--text-sm);margin:0}.palette{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.palette__color{width:52px;height:52px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:var(--peg-color);border:2px solid rgba(255,255,255,.35);border-radius:var(--border-radius-md);color:#000c;line-height:1}.palette__symbol{font-size:var(--text-base)}.palette__letter{font-size:var(--text-xs);font-weight:700}.palette--notes .palette__color{cursor:crosshair}.palette__color--excluded{opacity:.55;position:relative}.palette__color--excluded:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent 44%,rgba(0,0,0,.85) 46%,rgba(0,0,0,.85) 54%,transparent 56%)}.controls__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.btn--active{outline:2px solid var(--color-accent-aqua)}.analysis-actions{width:100%;display:flex;justify-content:center;padding-top:var(--space-3)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#05080cb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay__card{position:relative;background:var(--ck-metal-1);border:1px solid var(--ck-metal-3);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-6);text-align:center;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.overlay__title{font-size:var(--text-2xl)}.overlay--won .overlay__title{color:var(--color-accent-aqua)}.overlay__message{color:var(--ck-text);margin:0}.overlay__record{color:var(--color-accent-gold);font-family:var(--font-display);margin:0}.reveal{display:flex;gap:var(--space-2);justify-content:center}.overlay__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.confetti{position:absolute;top:-10px;left:0;right:0;height:60px;background-image:radial-gradient(circle,var(--ck-color-0) 3px,transparent 4px),radial-gradient(circle,var(--ck-color-2) 3px,transparent 4px),radial-gradient(circle,var(--ck-color-3) 3px,transparent 4px),radial-gradient(circle,var(--ck-color-6) 3px,transparent 4px);background-size:40px 40px;background-position:0 0,10px 20px,20px 5px,30px 25px;animation:confetti-fall 1.4s linear infinite;pointer-events:none}@keyframes confetti-fall{0%{background-position-y:-40px,-20px,-35px,-15px}to{background-position-y:40px,60px,45px,65px}}dialog{margin:auto;max-width:440px;width:calc(100% - 2 * var(--space-4));background:var(--ck-metal-1);color:var(--ck-text);border:1px solid var(--ck-metal-3);border-radius:var(--border-radius-lg);padding:var(--space-6)}dialog::backdrop{background:#05080cb3}dialog h2{margin-bottom:var(--space-3)}dialog p{color:var(--ck-text-dim)}.dialog__prompt{color:var(--ck-text);font-family:var(--font-display)}.dialog__buttons{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-4)}.dialog__hint{font-size:var(--text-xs);text-align:center;margin:var(--space-3) 0 0}.rules__variant{border:1px solid var(--ck-metal-3);border-radius:var(--border-radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.rules__variant--active{border-color:var(--ck-laser);box-shadow:0 0 10px var(--ck-laser-glow)}.rules__heading{font-family:var(--font-display);color:var(--ck-text)}.rules__variant--active .rules__heading{color:var(--ck-laser)}.rules__list{text-align:left;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--ck-text-dim)}.rules__example{display:flex;justify-content:center}.rules__shared{font-size:var(--text-sm);color:var(--ck-text);background:var(--ck-metal-2);border-radius:var(--border-radius-sm);padding:var(--space-3);margin:0}.toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:80;background:var(--ck-metal-3);color:var(--ck-text);padding:var(--space-2) var(--space-4);border-radius:999px;box-shadow:var(--shadow-card);opacity:0;transition:opacity var(--transition-fast)}.toast--visible{opacity:1}html .btn--primary{background:var(--ck-laser);color:#fff}html .btn--primary:hover{background:#e01f47;box-shadow:0 0 16px var(--ck-laser-glow)}html .btn--secondary{background:var(--ck-metal-2);color:var(--ck-text);border:1px solid var(--ck-steel)}html .btn--secondary:hover{background:var(--ck-metal-3)}html .btn-home{background:var(--ck-metal-2);color:var(--ck-text)}html .btn-home:hover{color:var(--ck-text)}@media(min-width:700px){.setup-grid{grid-template-columns:1fr 1fr}.setting--wide{grid-column:1 / -1}.peg{width:42px;height:42px}.secret-code__cell{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.laser,.confetti,.feedback__hole--appear{animation:none!important}.ck-app.is-cracked .laser{transition:none!important}}