:root{color-scheme:dark;--ivory:#e8dfc6;--gold:#b98a42;--felt:#0d1d16;--red:#7b302b;--ink:#17130d}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--ivory);background:#050302 url("assets/codebreaker-desk.png") center/cover fixed no-repeat;font-family:Georgia,"Times New Roman",serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 47%,transparent 10%,#0003 65%,#000b 100%);pointer-events:none}button{font:inherit}.game-shell{width:min(100% - 28px,650px);margin:0 auto;padding:24px 0 42px}.game-header,.status-panel,.secret-panel,.board-head,.guess-row,.actions{display:flex;align-items:center}.game-header{justify-content:space-between;margin-bottom:13px;text-shadow:0 3px 14px #000}.eyebrow,.status-label,.secret-label,.board-head,.keyboard-hint{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.22em}.eyebrow{margin:0 0 3px;color:#b99663;font-size:9px}h1{margin:0;color:#eee4cc;font-size:clamp(40px,8vw,68px);font-style:italic;font-weight:400;line-height:.9;letter-spacing:-.055em}.icon-button,.dialog-close{width:39px;height:39px;border:1px solid #997746;border-radius:50%;color:#dfcfac;background:#11150ee8;box-shadow:0 5px 16px #0009,inset 0 0 10px #b98a4210;cursor:pointer}.icon-button:hover,.icon-button:focus-visible{border-color:#d3ab68;background:#302716}.status-panel{gap:18px;padding:10px 14px;border:1px solid #725b37;background:#08100cd9;box-shadow:0 12px 35px #0008,inset 0 0 25px #0005}.status-panel>div{min-width:72px}.status-label{display:block;color:#8d7e62;font-size:8px}.status-panel strong{color:#decba4;font-weight:400}.status-panel p{flex:1;margin:0;color:#b5a88d;font-size:13px;font-style:italic}.text-button{padding:5px;border:0;color:#c9a463;background:none;cursor:pointer;font:9px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.secret-panel{justify-content:space-between;margin:12px 0;padding:9px 14px;border:1px dashed #715e3e;background:#090c08e8;box-shadow:inset 0 0 20px #0009}.secret-label{color:#94866c;font-size:8px}.secret-code,.peg-group,.clues,.palette{display:flex;gap:10px}.peg,.secret-peg,.palette-button{position:relative;flex:0 0 auto;width:39px;height:39px;border:3px solid #302c22;border-radius:50%;background:#050805;box-shadow:inset 0 4px 9px #000,0 1px 0 #7b6b4b55}.peg.filled,.secret-peg.revealed,.palette-button{border-color:#211c15;background:var(--peg-color);box-shadow:inset 0 4px 5px #ffffff36,inset 0 -6px 9px #0007,0 4px 7px #0009,0 0 0 1px #a58a5b55}.peg.filled:after,.secret-peg.revealed:after,.palette-button:after{content:"";position:absolute;inset:5px 8px auto;height:7px;border-radius:50%;background:#ffffff55;filter:blur(1px)}.secret-peg{width:27px;height:27px;display:grid;place-items:center;color:#796d57;font:bold 12px Arial,sans-serif}.board-wrap{position:relative;border:7px solid #33281a;outline:1px solid #80653a;background:#0a1510ee;box-shadow:0 22px 60px #000c,inset 0 0 45px #0008}.board-wrap:after{content:"";position:absolute;inset:5px;border:1px solid #95703a33;pointer-events:none}.board-head{justify-content:space-between;padding:8px 16px;color:#b89a67;background:#090c08;font-size:8px}.board{margin:0;padding:0;list-style:none;counter-reset:row 11}.guess-row{counter-increment:row -1;min-height:58px;padding:7px 16px;border-top:1px solid #806d482f;transition:background .2s}.guess-row:before{content:counter(row);width:25px;color:#6f634e;font:9px Arial,sans-serif}.guess-row.current{background:#2632248a;box-shadow:inset 4px 0 #a8864f}.guess-row.current:before{color:#c4a367}.peg-group{flex:1}.clues{width:45px;display:grid;grid-template-columns:repeat(2,9px);gap:6px;justify-content:end}.clue{width:9px;height:9px;border:1px solid #73644b;border-radius:50%;background:#060805;box-shadow:inset 0 2px 3px #000}.clue.exact{border-color:#f1e2b9;background:#eee1bd;box-shadow:0 0 7px #ffe7a888}.clue.color{border-color:#8f3f34;background:#7b302b;box-shadow:inset 0 1px 2px #d57f7355}.controls{margin-top:12px;padding:14px 18px 12px;border:1px solid #725b37;background:#090e0adf;box-shadow:0 16px 35px #0008,inset 0 0 30px #0006}.controls>p:first-child{margin:0 0 11px;color:#b9a986;text-align:center;font-size:12px;font-style:italic}.palette{justify-content:center;flex-wrap:wrap}.palette-button{width:43px;height:43px;cursor:pointer;transition:transform .15s,filter .15s}.palette-button:hover,.palette-button:focus-visible{transform:translateY(-3px);filter:brightness(1.15);outline:1px solid #ead8ad;outline-offset:3px}.actions{gap:9px;margin-top:14px}.primary-button,.secondary-button{min-height:42px;cursor:pointer;font:700 9px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.primary-button{flex:1;border:1px solid #b98a42;color:#eadfc9;background:#171008e8}.primary-button:hover:not(:disabled){background:#382513}.primary-button:disabled{cursor:not-allowed;opacity:.32}.secondary-button{padding:0 20px;border:1px solid #665438;color:#bbae92;background:#0d110ce8}.secondary-button:disabled{opacity:.35}.keyboard-hint{margin:10px 0 0;color:#6f654f;font-size:7px;text-align:center}dialog{width:min(100% - 30px,480px);padding:0;border:9px solid #33281a;border-radius:1px;color:var(--ink);background:#d6caab repeating-linear-gradient(0deg,#00000007 0 1px,transparent 1px 5px);box-shadow:0 30px 90px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-inner{position:relative;padding:34px}.dialog-inner .eyebrow{color:#795a30}.dialog-inner h2{margin:5px 38px 12px 0;font-size:31px;font-style:italic;font-weight:400;line-height:1.05}.dialog-inner>p{color:#514735;line-height:1.55}.dialog-close{position:absolute;top:12px;right:12px;border:0;color:#383024;background:none;box-shadow:none;font-size:23px}.clue-guide{display:grid;grid-template-columns:14px 1fr;gap:13px 12px;align-items:center;margin:21px 0}.clue-guide p{margin:0;color:#514735;font-size:13px}.dialog-inner .clue{box-shadow:none}.wide{width:100%;margin-top:8px}.shake{animation:shake .3s}.win{animation:glow 1s ease-in-out infinite alternate}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes glow{to{box-shadow:0 0 20px var(--peg-color)}}@media(max-width:560px){body{background-position:46% center}.game-shell{width:min(100% - 14px,650px);padding:15px 0 28px}.game-header{margin-inline:5px}.status-panel{gap:10px}.status-panel p{display:none}.text-button{margin-left:auto}.guess-row{min-height:52px;padding:6px 10px}.guess-row:before{width:20px}.peg-group{gap:7px}.peg{width:34px;height:34px}.secret-code{gap:7px}.palette-button{width:40px;height:40px}.keyboard-hint{display:none}.controls{padding-inline:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}