.mastermind-tile{background:linear-gradient(145deg,#fff4df,#fff 58%)}.snake-tile{background:linear-gradient(145deg,#e3f4e9,#fff 58%)}.sudoku-tile{background:linear-gradient(145deg,#e9efff,#fff 58%)}
.mastermind-art{display:grid;grid-template-columns:repeat(4,42px);grid-template-rows:repeat(2,42px);gap:10px;background:linear-gradient(135deg,#ffe2a9,#fff4da)}.mastermind-art i{width:42px;height:42px;border:5px solid #fff;border-radius:50%;background:#e85b62;box-shadow:0 5px 12px #7356292a}.mastermind-art i:nth-child(2),.mastermind-art i:nth-child(7){background:#4f8edc}.mastermind-art i:nth-child(3),.mastermind-art i:nth-child(6){background:#55a873}.mastermind-art i:nth-child(4){background:#efb33f}.mastermind-art i:nth-child(5){background:#9069cf}.mastermind-art i:nth-child(8){background:#ef7fb0}
.snake-art{gap:2px;background:linear-gradient(135deg,#bee4ca,#edf8f0)}.snake-art span{width:48px;height:48px;margin-left:-13px;border:4px solid #fff;border-radius:14px;background:#4b9b70;font-size:0}.snake-art span:first-child{margin-left:0;background:#286b50}.snake-art b{display:grid;place-items:center;margin:0 0 0 20px;color:#df5158;font-size:34px}
.sudoku-art{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:3px;background:#dbe5ff}.sudoku-art b{display:grid;place-items:center;margin:0;background:#fff;color:#526caa;font-size:20px}.sudoku-art b:nth-child(3n){border-right:3px solid #8094c3}.sudoku-art b:nth-child(n+7){border-bottom:3px solid #8094c3}
.mastermind-panel{max-width:820px}.mastermind-secret,.mastermind-current{display:flex;justify-content:center;gap:12px;margin:16px auto}.mastermind-peg{display:inline-block;width:43px;height:43px;border:4px solid #fff;border-radius:50%;background:#e3e4e9;box-shadow:0 3px 10px #26334b2b}.mastermind-peg.hidden{background:repeating-linear-gradient(135deg,#4f5668 0 8px,#626b7f 8px 16px)}.mastermind-palette{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px auto}.mastermind-palette button{width:44px;height:44px;padding:0;border:4px solid #fff;border-radius:50%;box-shadow:0 3px 10px #26334b2b}.mastermind-palette button:hover{transform:scale(1.08);filter:none}.mastermind-actions{display:flex;justify-content:center;gap:10px}.mastermind-history{max-width:610px;margin:22px auto 0}.mastermind-row{display:grid;grid-template-columns:38px 1fr 110px;align-items:center;gap:12px;padding:10px;border-top:1px solid #ececf1}.mastermind-row-pegs{display:flex;gap:7px}.mastermind-row .mastermind-peg{width:29px;height:29px;border-width:3px}.mastermind-hints{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.mastermind-hints i{width:15px;height:15px;border:2px solid #a7abba;border-radius:50%;background:#fff}.mastermind-hints i.exact{background:#2d3340;border-color:#2d3340}
.snake-panel{max-width:750px;text-align:center}.snake-canvas{display:block;width:min(100%,520px);height:auto;margin:0 auto;border:5px solid #d4e5d9;border-radius:18px;background:#edf5ef;touch-action:none;box-shadow:0 10px 25px #3559451c}.snake-controls{display:grid;grid-template-columns:repeat(3,58px);grid-template-areas:". up ." "left down right";justify-content:center;gap:7px;margin:17px auto}.snake-controls button{padding:11px;font-size:20px}.snake-controls [data-snake-direction="up"]{grid-area:up}.snake-controls [data-snake-direction="left"]{grid-area:left}.snake-controls [data-snake-direction="down"]{grid-area:down}.snake-controls [data-snake-direction="right"]{grid-area:right}
.sudoku-panel{max-width:790px}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);max-width:610px;margin:0 auto;border:4px solid #566b9b;border-radius:8px;overflow:hidden;background:#566b9b;gap:1px}.sudoku-cell{aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:0;background:#fff;color:#3b4a69;font-size:clamp(17px,4vw,27px);font-weight:700}.sudoku-cell:hover:not(:disabled){filter:none;background:#edf2ff}.sudoku-cell.fixed{background:#eef1f7;color:#2b3344}.sudoku-cell.selected{background:#d8e8ff;box-shadow:inset 0 0 0 3px #5482d4}.sudoku-cell.incorrect{color:#c2434d;background:#fff0f1}.sudoku-cell.box-right{border-right:3px solid #566b9b}.sudoku-cell.box-bottom{border-bottom:3px solid #566b9b}.sudoku-numbers{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:610px;margin:15px auto}.sudoku-numbers button{min-width:0;padding:10px 3px}.hang-figure [data-hang-v2-part]{opacity:0;transition:opacity .25s ease}.hang-figure [data-hang-v2-part].visible{opacity:1}.game-skip{text-align:center;margin-top:12px}.hangman-start{max-width:820px;margin-left:auto;margin-right:auto}.hangman-keyboard{display:flex;max-width:650px;flex-direction:column;align-items:center;gap:7px}.hangman-keyboard-row{display:flex;width:100%;justify-content:center;gap:7px}.hangman-keyboard-row:last-child{width:64%}.hangman-keyboard-row button{flex:1 1 0}
@media(max-width:800px){.mastermind-art{grid-template-columns:repeat(4,36px);grid-template-rows:repeat(2,36px)}.mastermind-art i{width:36px;height:36px}.mastermind-actions{flex-direction:column}.mastermind-actions button{width:100%}.mastermind-row{grid-template-columns:30px 1fr 75px;padding:8px 2px;gap:7px}.mastermind-row .mastermind-peg{width:23px;height:23px}.mastermind-hints i{width:12px;height:12px}.snake-canvas{border-width:3px;border-radius:12px}.sudoku-grid{border-width:3px}.sudoku-cell{font-size:clamp(15px,5.4vw,23px)}.sudoku-numbers{grid-template-columns:repeat(5,1fr)}.sudoku-numbers button{padding:9px 2px}.hangman-keyboard,.hangman-keyboard-row{gap:4px}.hangman-keyboard-row button{padding:9px 1px;font-size:12px}}