:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;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)}#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}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{max-width:980px;margin:0 auto;padding:2rem 1rem 3rem;display:grid;gap:1rem}.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.title{margin:0;font-size:2.5rem;line-height:1.2}.subtitle{margin:.25rem 0 0;color:var(--muted)}.headerActions{display:flex;gap:.5rem}.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:.6rem}.historyItem{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:.75rem;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.guessDigits{display:inline-flex;gap:.5rem}.digit{width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:#ffffff08}.result{display:inline-flex;gap:.5rem}.badge{min-width:2.1rem;height:2.1rem;padding:0 .6rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;border:1px solid var(--border)}.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: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: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:.6rem;font-size:3rem}.swatch{width:3rem;height:3rem;border-radius:13px;border:2px solid rgba(255,255,255,.2);padding:1rem;cursor:pointer}.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:.65rem}.peg{width:3rem;height:3rem;border-radius:13px;border:2px solid rgba(255,255,255,.2);background:#ffffff08;padding:1rem;cursor:inherit;box-shadow:0 14px 28px #c4d27d33,0 0 0 4px #c7c35724,0 0 34px #9da66824}.peg:disabled{opacity:.8;cursor:inherit}.secretReveal{margin-top:.75rem;display:inline-flex;gap:.5rem}.secretPeg{width:3rem;height:3rem;border-radius:13px;border:2px solid rgba(255,255,255,.25);background:#ffffff08;display:inline-block}.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}.numberInput.compact{width:7rem;max-width:100%}.numberInput.inline{width:4.5rem;padding:.35rem .5rem}.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){.app,.menu{padding:1.25rem .75rem 2rem}.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}.swatch,.peg,.secretPeg{width:2.6rem;height:2.6rem;padding:.6rem}.radioRow{grid-template-columns:auto 1fr}.modeControls{grid-column:1 / -1;justify-content:flex-start;white-space:normal}}.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}.menuActions{margin-top:1rem;display:flex;justify-content:flex-end}.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}