:root{color-scheme:dark;--bg:#101923;--panel:#1a2937;--text:#eef3ee;--muted:#a6bac6;--accent:#90e0c4;--line:#344a59}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#233f4b,var(--bg) 65%);color:var(--text);font:16px system-ui,sans-serif;min-height:100vh}
main{max-width:960px;margin:auto;padding:24px 18px 50px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}a{color:var(--accent)}header a{text-decoration:none}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}h1{font-size:clamp(30px,6vw,48px);margin:8px 0}#intro{color:var(--muted);line-height:1.6;max-width:720px}button,select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:10px 14px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);background:#294350}button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{cursor:default;opacity:.65}button.primary{background:var(--accent);color:#142c2d;font-weight:700}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0 14px}label{display:flex;gap:8px;align-items:center}#status{background:#152530;border-left:3px solid var(--accent);padding:14px 16px;min-height:52px;margin-bottom:20px;line-height:1.5}#board{margin:0 auto;max-width:650px}.grid{display:grid;gap:5px}.cell{padding:0;aspect-ratio:1;min-width:0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(15px,4vw,28px);touch-action:manipulation}.mines{max-width:560px}.mines .cell{font-size:clamp(12px,3vw,20px)}.cell.revealed{background:#dce7df;color:#203b46;border-color:#a5bcb4;opacity:1}.cell.flagged{color:#f8bc63}.cell.mine{background:#8b3745}.cell.p1{background:#e3b968;color:#1c2b34}.cell.p2{background:#e796a8;color:#1c2b34}.connect{border:10px solid #315064;border-radius:18px;padding:8px;gap:8px;background:#203747}.connect .cell{border-radius:50%;background:#0e1b24}.connect .cell.p1{background:#e3b968}.connect .cell.p2{background:#e796a8}.tic{max-width:380px}.tic .cell{font-size:52px}details{color:var(--muted);margin-top:26px;line-height:1.7}summary{cursor:pointer;color:var(--text)}footer{margin-top:30px;font-size:13px;color:var(--muted)}
.sudoku{grid-template-columns:repeat(9,1fr);gap:0;border:3px solid #88b6ad;max-width:510px}.sudoku .cell{position:relative;border-radius:0;border:1px solid #435761;font-size:clamp(17px,4vw,28px)}.sudoku .cell:nth-child(3n){border-right:3px solid #88b6ad}.sudoku .cell:nth-child(9n){border-right:0}.sudoku .cell:nth-child(n+19):nth-child(-n+27),.sudoku .cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #88b6ad}.sudoku .given{background:#2a424e;color:#f2ecda}.sudoku .selected{background:#43675f;outline:2px solid #9df0d2;outline-offset:-3px}.sudoku .wrong{color:#ff9daa}.notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;font-size:clamp(8px,1.8vw,12px);font-weight:400;align-items:center;color:var(--accent)}.keypad{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:15px}.keypad button{min-width:36px;padding:10px}.simon{grid-template-columns:1fr 1fr;max-width:390px;gap:14px}.simon button{aspect-ratio:1;border-radius:28px;border:3px solid #ffffff20;font-size:25px;font-weight:700;transition:filter .08s,box-shadow .08s}.simon button:nth-child(1){background:#287d5f}.simon button:nth-child(2){background:#a64052}.simon button:nth-child(3){background:#987a23}.simon button:nth-child(4){background:#305e9a}.simon button.lit{filter:brightness(2);box-shadow:0 0 28px #e9ffe680}.simon button:disabled{opacity:1}.solitaire{max-width:800px!important}.cardrow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:22px}.card{width:100%;aspect-ratio:2/3;background:#f3efe2;color:#223040;font-size:clamp(12px,2.8vw,23px);font-weight:700;padding:5px 2px;border:2px solid #d4d7cc;border-radius:7px}.card.red{color:#b02c46}.card.back{background:repeating-linear-gradient(45deg,#305d74,#305d74 5px,#25495d 5px,#25495d 10px);color:#fff}.card.empty{background:#ffffff07;color:var(--muted);border:2px dashed #607d85;font-size:clamp(10px,2vw,14px)}.card.chosen{outline:3px solid #ffe18f;outline-offset:1px}.pile{min-width:0;min-height:150px}.pile .card{display:block;position:relative}.pile .card+.card{margin-top:calc(-150% + 29px)}.pile .card:last-child{margin-bottom:0}
@media(max-width:520px){main{padding:18px 10px 35px}header{align-items:flex-start}header a{font-size:13px}.toolbar{gap:7px}button,select{padding:9px 10px}.connect{gap:4px;padding:5px;border-width:6px}.cardrow{gap:4px}.pile .card+.card{margin-top:calc(-150% + 22px)}}