:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-tap-highlight-color:transparent;color-scheme:dark;color:#ffffffe6;background-color:#0b1220;--bg: #0b1220;--panel: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .12);--input: rgba(0, 0, 0, .18);--muted: rgba(255, 255, 255, .72);--danger: #ff6b6b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);overscroll-behavior-y:none}html{overscroll-behavior-y:none}#root{min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ffffff14;cursor:pointer;transition:border-color .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){button:hover{border-color:#646cff}}button:focus{outline:none}button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(pointer:coarse){button:focus-visible{outline:none}}.app{--swatch-size: 3rem;--peg-size: 3rem;--tile-pad: 1rem;--tile-radius: 13px;--palette-gap: .6rem;--peg-gap: .65rem;--secret-gap: .5rem;max-width:980px;margin:0 auto;padding:2rem 1rem 3rem;display:grid;gap:1rem}.app.touchDragging{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.app.dailyChallenge{--swatch-size: 2.4rem;--peg-size: 2.35rem;--tile-pad: .55rem;--palette-gap: .45rem;--peg-gap: .45rem;--secret-gap: .45rem}.app.dailyChallenge .panel{padding:.85rem}.app.dailyChallenge .digit{width:var(--peg-size);height:var(--peg-size)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999}.touchDragGhost{position:fixed;z-index:10000;width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--tile-radius);border:2px solid rgba(255,255,255,.35);box-shadow:0 18px 40px #00000059,0 0 0 4px #facc151f;pointer-events:none;transform:translate(-50%,-50%);opacity:.95}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.title{margin:0;font-size:2.5rem;line-height:1.2}.titleGlow{text-shadow:0 10px 24px rgba(245,158,11,.18),0 0 18px rgba(250,204,21,.2),0 0 34px rgba(250,204,21,.14)}.subtitle{margin:.25rem 0 0;color:var(--muted)}.headerActions{display:flex;gap:.5rem}@keyframes pulseGlowAmber{0%,to{box-shadow:0 10px 22px #78350f40,0 0 0 3px #f59e0b14}50%{box-shadow:0 18px 40px #78350f6b,0 0 0 4px #f59e0b2e,0 0 44px #f59e0b3d}}@keyframes pulseGlowRed{0%,to{box-shadow:0 10px 22px #ef444424,0 0 0 3px #ef44440f}50%{box-shadow:0 18px 44px #ef444442,0 0 0 4px #ef444429,0 0 44px #ef44442e}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1rem}.guessForm{display:grid;gap:.75rem}.label{font-weight:600}.guessRow{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.guessInput{width:100%;border-radius:12px;border:1px solid var(--border);padding:.85rem .9rem;background:var(--input);color:inherit;font-size:1.1rem;letter-spacing:.25em;font-variant-numeric:tabular-nums}.guessInput:disabled{opacity:.7}.error{margin:0;color:var(--danger);font-size:.95rem}.legend{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.85rem;border:1px solid var(--border);background:#ffffff08}.chipGood{border-color:#22c55e59;box-shadow:0 0 0 1px #22c55e14,0 0 12px #22c55e1f}.chipWarn{border-color:#f59e0b59;box-shadow:0 0 0 1px #f59e0b14,0 0 12px #f59e0b1f}.solved{margin-top:.75rem;padding:.85rem .9rem;border-radius:12px;background:#22c55e14;border:1px solid rgba(34,197,94,.25)}.historyHeader{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}.h2{margin:0;font-size:1.1rem}.muted{color:var(--muted)}.history{list-style:none;padding:0;margin:0;display:grid;gap:calc(.6rem * var(--history-scale, 1))}.history>li{width:100%}.gameActions{display:flex;justify-content:flex-end;margin-top:.25rem}.giveUpButton{background:#f8717124;border:1px solid rgba(248,113,113,.35);color:#ffffffeb;box-shadow:0 8px 18px #ef44441a,0 0 0 3px #ef44440f}.giveUpButton:hover{border-color:#f871718c;box-shadow:0 12px 26px #ef444429,0 0 0 3px #ef44441f,0 0 26px #ef444424}.giveUpButton:disabled{opacity:.5;cursor:not-allowed}.historyPanel{--history-scale: 1;touch-action:pan-y}.historyItem{width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(.75rem * var(--history-scale, 1));align-items:center;padding:calc(.75rem * var(--history-scale, 1));border-radius:calc(12px * var(--history-scale, 1));border:1px solid var(--border);background:#ffffff05}.guessDigits{display:flex;flex-wrap:wrap;min-width:0;gap:calc(.5rem * var(--history-scale, 1))}.digit{--digit-size: calc(2.2rem * var(--history-scale, 1));width:var(--digit-size);height:var(--digit-size);display:inline-flex;align-items:center;justify-content:center;border-radius:calc(10px * var(--history-scale, 1));border:1px solid var(--border);background:#ffffff08}.digit .pegLabel{font-size:calc(var(--digit-size) * .42)}.result{display:inline-flex;gap:calc(.5rem * var(--history-scale, 1))}.badge{min-width:calc(2.1rem * var(--history-scale, 1));height:calc(2.1rem * var(--history-scale, 1));padding:0 calc(.6rem * var(--history-scale, 1));font-size:calc(1rem * var(--history-scale, 1));border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;border:1px solid var(--border);color:#ffffffeb;-webkit-text-fill-color:rgba(255,255,255,.92);text-decoration:none}.badge.good{background:#22c55e1f;border-color:#22c55e59}.badge.warn{background:#f59e0b1f;border-color:#f59e0b59}button.secondary{background:transparent;border:1px solid var(--border)}.headerMenuButton{border-color:#f59e0b59;background-color:#f59e0b;color:#aa5f0e;box-shadow:0 10px 22px #78350f40,0 0 0 3px #f59e0b14}.headerMenuButton.pulseGlow{animation:pulseGlowAmber 1.15s ease-in-out infinite}.headerMenuButton:hover{border-color:#f59e0b8c;box-shadow:0 14px 28px #78350f52,0 0 0 3px #f59e0b1f,0 0 26px #f59e0b29}.headerMenuButton:focus-visible{outline:none;border-color:#f59e0ba6;box-shadow:0 14px 28px #78350f57,0 0 0 4px #f59e0b2e,0 0 34px #f59e0b38}.headerNewGameButton{border-color:#f8717159;color:#943525;background-color:#f87171;box-shadow:0 10px 22px #ef444424,0 0 0 3px #ef44440f}.headerNewGameButton.pulseGlow{animation:pulseGlowRed 1.15s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.headerMenuButton.pulseGlow,.headerNewGameButton.pulseGlow{animation:none}}.headerNewGameButton:hover{border-color:#f871718c;box-shadow:0 14px 28px #ef44442e,0 0 0 3px #ef44441a,0 0 26px #ef44441f}.headerNewGameButton:focus-visible{outline:none;border-color:#f87171a6;box-shadow:0 14px 28px #ef444433,0 0 0 4px #ef444424,0 0 34px #ef444424}.paletteHeader{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}.selectedLabel{display:inline-flex;align-items:center;gap:.45rem}.swatchInline{width:.85rem;height:.85rem;border-radius:6px;border:1px solid rgba(255,255,255,.28);display:inline-block}.palette{display:flex;flex-wrap:wrap;gap:var(--palette-gap);font-size:3rem}.swatch{width:var(--swatch-size);height:var(--swatch-size);box-sizing:border-box;border-radius:var(--tile-radius);border:2px solid rgba(255,255,255,.2);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:grab;-webkit-tap-highlight-color:transparent}.swatch:active{cursor:grabbing}.swatch.selected{outline:3px solid rgba(255,255,255,.35);outline-offset:2px}.guessHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.guessMeta{display:inline-flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.metaPill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:.85rem}.guessActions{display:inline-flex;gap:.5rem}.pegs{display:grid;gap:var(--peg-gap)}.peg{width:var(--peg-size);height:var(--peg-size);box-sizing:border-box;border-radius:var(--tile-radius);border:2px solid rgba(255,255,255,.2);background:#ffffff08;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:inherit;-webkit-tap-highlight-color:transparent;box-shadow:0 14px 28px #c4d27d33,0 0 0 4px #c7c35724,0 0 34px #9da66824}.peg:disabled{opacity:.8;cursor:inherit}.peg.dragOver{outline:3px solid rgba(250,204,21,.55);outline-offset:2px}.secretReveal{margin-top:.75rem;display:inline-flex;gap:var(--secret-gap)}.secretActions{margin-top:.75rem}.secretPeg{width:var(--peg-size);height:var(--peg-size);box-sizing:border-box;border-radius:var(--tile-radius);border:2px solid rgba(255,255,255,.25);background:#ffffff08;display:inline-flex;align-items:center;justify-content:center}.touchDragGhost{display:flex;align-items:center;justify-content:center}.pegLabel{pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:900;line-height:1;color:#fffffff0;text-shadow:0 1px 2px rgba(0,0,0,.75),0 0 14px rgba(0,0,0,.45);-webkit-text-stroke:1px rgba(0,0,0,.25);font-variant-numeric:tabular-nums}.swatch .pegLabel{font-size:calc(var(--swatch-size) * .42)}.peg .pegLabel,.secretPeg .pegLabel{font-size:calc(var(--peg-size) * .42)}.touchDragGhost .pegLabel{font-size:calc(var(--swatch-size) * .42)}.status{margin:.5rem 0 0;color:var(--muted)}.menu{max-width:980px;margin:0 auto;padding:2rem 1rem 3rem;display:grid;gap:1rem}.menuHeader{display:flex;justify-content:space-between;align-items:flex-start}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.75rem}.formGrid.formGridSingle{grid-template-columns:1fr}@media(max-width:700px){.formGrid{grid-template-columns:1fr}}.field{display:grid;gap:.4rem}.fieldLabel{font-weight:600}.fieldHelp{color:var(--muted);font-size:.85rem}.numberInput{width:100%;border-radius:12px;border:1px solid var(--border);padding:.55rem .7rem;background:var(--input);color:inherit;font-size:large}.numberInput.compact{width:7rem;max-width:100%}.numberInput.inline{width:4.5rem;padding:.35rem .5rem}.stepper{display:inline-flex;align-items:stretch;justify-self:start;width:fit-content;max-width:100%;height:2.6rem;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--input)}.stepper .numberInput{border:0;border-radius:0;background:transparent;text-align:center;height:100%;padding-top:0;padding-bottom:0}.stepperButtons{display:grid;grid-template-rows:1fr 1fr;width:2.25rem;border-left:1px solid var(--border)}.stepperButton{width:100%;height:100%;padding:0;border:0;border-radius:0;background:#ffffff0f;color:inherit;font-weight:900;font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.stepperButton+.stepperButton{border-top:1px solid var(--border)}.stepperButton:disabled{opacity:.45;cursor:not-allowed}.radioGroup{display:grid;gap:.75rem;margin-top:.75rem}.radioRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.6rem;row-gap:.35rem}.modeControls{display:inline-flex;align-items:center;gap:.45rem;min-width:0;justify-content:flex-end;white-space:nowrap}@media(max-width:520px){.stepper{height:2.9rem}.stepperButtons{width:2.5rem}.app,.menu{padding:1.25rem .75rem 2rem}.app.dailyChallenge{padding:1.05rem .65rem 1.6rem;--swatch-size: 2.2rem;--peg-size: 2.1rem;--tile-pad: .45rem;--palette-gap: .4rem;--peg-gap: .4rem;--secret-gap: .4rem}.app.dailyChallenge .panel{padding:.75rem}.header{flex-wrap:wrap}.title{font-size:2.25rem}.guessHeader{flex-wrap:wrap}.guessActions{width:100%;justify-content:flex-end}.palette{font-size:2.25rem}.radioRow{grid-template-columns:auto 1fr}.modeControls{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap;white-space:normal}.historyItem{display:flex;flex-wrap:wrap;align-items:flex-start}.result{margin-left:auto}.app.dailyChallenge .historyItem .result{flex-basis:100%;margin-left:0;padding-top:.35rem;justify-content:flex-start}}@media(max-width:390px){.app.dailyChallenge{--swatch-size: 2.05rem;--peg-size: 1.95rem;--tile-pad: .4rem;--peg-gap: .35rem;--palette-gap: .35rem;--secret-gap: .35rem}}.difficultyExtras{margin-top:.75rem;display:flex;align-items:center;gap:.75rem;justify-content:space-between;flex-wrap:wrap}.checkboxRow{display:inline-flex;align-items:center;gap:.5rem}.modeFooter{margin-top:1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.menuActions{display:flex;justify-content:flex-end;gap:.75rem;margin-left:auto}.playButton{background:linear-gradient(180deg,#f6d365,#f59e0b);color:#1b1406;border:1px solid rgba(250,204,21,.55);font-weight:700;box-shadow:0 10px 24px #f59e0b47,0 0 0 3px #facc151f,0 0 28px #facc153d}.playButton:hover{filter:brightness(1.04);box-shadow:0 14px 30px #f59e0b57,0 0 0 3px #facc152e,0 0 40px #facc1552}.playButton:active{transform:translateY(1px)}.playButton:focus-visible{outline:none;box-shadow:0 14px 30px #f59e0b57,0 0 0 4px #facc1547,0 0 42px #facc155c}.dailyChallengeButton{background:linear-gradient(180deg,#fb7185,#ef4444);color:#1b0b0b;border:1px solid rgba(248,113,113,.55);font-weight:700;box-shadow:0 10px 22px #ef44442e,0 0 0 3px #facc151f,0 0 28px #facc153d}.dailyChallengeButton:hover{filter:brightness(1.04);border-color:#f87171b3;box-shadow:0 14px 28px #ef44443d,0 0 0 3px #facc152e,0 0 40px #facc1552}.dailyChallengeButton:active{transform:translateY(1px)}.dailyChallengeButton:focus-visible{outline:none;box-shadow:0 14px 28px #ef44443d,0 0 0 4px #facc1547,0 0 42px #facc155c}.copyResultsButton{background:#facc151f;border:1px solid rgba(250,204,21,.35);color:#ffffffeb;font-weight:700;box-shadow:0 10px 24px #f59e0b24,0 0 0 3px #facc151f,0 0 26px #facc151f}.copyResultsButton:hover{border-color:#facc158c;box-shadow:0 14px 30px #f59e0b2e,0 0 0 3px #facc152e,0 0 40px #facc152e}.gameRules .rulesTitleRow{width:100%;display:flex;align-items:center;gap:.75rem;justify-content:space-between;background:transparent;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.gameRules .rulesLogo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0;color:#f59e0b;filter:drop-shadow(0 10px 24px rgba(245,158,11,.32)) drop-shadow(0 0 10px rgba(250,204,21,.22)) drop-shadow(0 0 22px rgba(250,204,21,.28));transition:filter .16s ease}.gameRules .rulesLogo svg{width:2.2rem;height:2.2rem;display:block;filter:drop-shadow(0 0 6px rgba(250,204,21,.22)) drop-shadow(0 0 16px rgba(250,204,21,.28)) drop-shadow(0 12px 26px rgba(245,158,11,.22));transition:filter .16s ease}.gameRules .rulesTitleRow:hover .rulesLogo{filter:drop-shadow(0 14px 30px rgba(245,158,11,.38)) drop-shadow(0 0 14px rgba(250,204,21,.28)) drop-shadow(0 0 34px rgba(250,204,21,.36))}.gameRules .rulesTitleRow:hover .rulesLogo svg{filter:drop-shadow(0 0 10px rgba(250,204,21,.28)) drop-shadow(0 0 24px rgba(250,204,21,.36)) drop-shadow(0 14px 30px rgba(245,158,11,.26))}.gameRules .rulesTitleRow:focus-visible{outline:none;border-radius:10px;box-shadow:0 0 0 4px #facc152e}.gameRules .rulesChevron{margin-left:auto;color:#ffffffb8;font-weight:900;line-height:1;transform:translateY(1px);transition:transform .14s ease}.gameRules .rulesTitleRow[aria-expanded=true] .rulesChevron{transform:rotate(180deg)}.gameRules .rulesBody{margin-top:.65rem}.gameRules .rulesDemoGif{display:block;width:100%;max-width:820px;margin:.85rem auto 0;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #00000059,0 0 0 1px #ffffff0f}