:root{color-scheme:light;--navy:#08274d;--blue:#087bda;--cyan:#27bdd7;--line:#d8e8f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:#173657;background:radial-gradient(circle at 10% 0,#d8edff,transparent 38%),linear-gradient(145deg,#f8fbff,#eaf5ff)}.shell{width:min(920px,100%);margin:auto;padding:22px 16px 50px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.brand{font-weight:900;letter-spacing:2px;color:#075b9f;text-decoration:none}.back,button{border:0;border-radius:12px;padding:11px 15px;background:linear-gradient(110deg,#0876d9,#1aa5df);color:white;font-weight:800;cursor:pointer}.panel{background:#ffffffdf;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 16px 45px #164e7b12;margin:14px 0}h1{font-size:clamp(28px,6vw,42px);line-height:1.1;margin:8px 0;color:#0d3158}p{color:#657d95}.status{font-weight:800;color:#0875c9;margin:12px 0}.grid{display:grid;gap:8px}.muted{font-size:12px;color:#7b90a5}input,select{padding:12px;border:1px solid #cbddeb;border-radius:10px;font:inherit;max-width:100%}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.board{margin:16px auto;max-width:440px}.cell{aspect-ratio:1;border-radius:9px;background:#e6f1fa;display:grid;place-items:center;font-weight:900;font-size:clamp(16px,5vw,28px);color:#16456e}.cell.filled{background:linear-gradient(145deg,#c9e9ff,#91cef5)}.cell.mine{background:#ffe1df;color:#a52d25}.cell.safe{background:#c8f4e4}.game-btn{min-width:100px}.result{font-size:22px;font-weight:900;color:#086db9}.canvas-wrap{max-width:600px;margin:12px auto}.canvas-wrap canvas{display:block;width:100%;height:auto;border-radius:16px;background:#08264b;touch-action:manipulation}.letter-row{display:flex;justify-content:center;gap:6px;margin:12px 0}.letter{width:48px;height:48px;border:2px solid #c9dceb;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:22px;text-transform:uppercase}.letter.good{background:#39a96b;color:#fff;border-color:#39a96b}.letter.present{background:#d8a52b;color:#fff;border-color:#d8a52b}.letter.bad{background:#8a9bad;color:#fff;border-color:#8a9bad}.sudoku{display:grid;grid-template-columns:repeat(9,1fr);max-width:450px;margin:16px auto;border:2px solid #274a69}.sudoku input{min-width:0;width:100%;aspect-ratio:1;text-align:center;padding:0;border-radius:0;border:1px solid #d3e0eb;font-size:clamp(13px,3vw,20px)}.sudoku input:nth-child(3n){border-right:2px solid #274a69}.sudoku input:nth-child(n+19):nth-child(-n+27),.sudoku input:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #274a69}.sudoku input:disabled{background:#e5f2fc;color:#143b60;font-weight:900}.kbd{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:12px 0}.kbd button{padding:9px 12px;background:#e6f3ff;color:#145c94}.dark{color:#eaf5ff;background:#071a30}.dark .panel{background:#102b49;color:#eaf5ff;border-color:#25496b}.dark h1{color:#eaf5ff}