:root{color-scheme:dark}.sudoku-body{margin:0;min-height:100vh;color:#f7fbff;background:radial-gradient(circle at 50% -15%,#123d56 0,transparent 42%),linear-gradient(150deg,#02070c,#061723 60%,#03080d);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sudoku-body *{box-sizing:border-box}.sudoku-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,54px);border-bottom:1px solid #e4b85f42;background:#030b12e8;backdrop-filter:blur(14px)}.sudoku-brand,.sudoku-back{color:#f8fcff;text-decoration:none}.sudoku-brand{font-size:22px;font-weight:950;letter-spacing:-.04em}.sudoku-brand span{color:#35e4e8}.sudoku-brand b{margin-left:9px;padding:4px 7px;border:1px solid #e8bb654c;border-radius:6px;color:#efc873;font-size:8px;letter-spacing:.17em;vertical-align:middle}.sudoku-back{color:#a9c2cf;font-size:12px;font-weight:800}.sudoku-page{width:min(1040px,100%);margin:auto;padding:26px clamp(10px,3vw,34px) 42px}.sudoku-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 3px 18px}.sudoku-eyebrow{margin:0 0 5px;color:#edc46f;font-size:10px;font-weight:900;letter-spacing:.22em}.sudoku-intro h1{margin:0;font-size:clamp(38px,6vw,64px);line-height:.96;letter-spacing:-.06em}.sudoku-intro p:last-child{margin:9px 0 0;color:#9fb8c5;font-size:12px}.sudoku-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.sudoku-tools button,.sudoku-tools select,.sudoku-overlay button{min-height:38px;border:1px solid #e5b95e50;border-radius:11px;color:#fff;background:linear-gradient(145deg,#193849,#091923);font:inherit;font-size:10px;font-weight:850;padding:9px 12px;cursor:pointer;box-shadow:inset 0 1px #fff1}.sudoku-tools button:hover,.sudoku-tools select:hover{border-color:#f1cd7e;transform:translateY(-1px)}.sudoku-shell{position:relative;padding:11px;border:1px solid #dcb45c40;border-radius:25px;background:linear-gradient(145deg,#102c3b,#06131d);box-shadow:0 35px 95px #000b,inset 0 1px #fff1}.sudoku-hud{height:44px;display:flex;align-items:center;justify-content:center;gap:clamp(24px,7vw,80px);color:#8ca9b8;font-size:9px;font-weight:900;letter-spacing:.12em}.sudoku-hud b{margin-left:6px;color:#fff;font-size:15px;letter-spacing:0}.sudoku-stage{position:relative;display:grid;grid-template-columns:minmax(300px,610px) minmax(170px,230px);justify-content:center;align-items:center;gap:clamp(18px,4vw,48px);min-height:650px;padding:clamp(18px,4vw,42px);overflow:hidden;border-radius:17px;background:radial-gradient(circle at 25% 20%,#17627855,transparent 42%),radial-gradient(circle at 90% 80%,#a9771933,transparent 38%),linear-gradient(145deg,#071822,#030b12);box-shadow:inset 0 0 70px #0009}.sudoku-board-wrap{perspective:1200px}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;padding:7px;border:3px solid #dfb75f;border-radius:16px;background:#7e5a24;box-shadow:0 30px 45px #000b,0 8px 0 #513717,0 11px 0 #251909,inset 0 0 0 2px #ffe7a3;transform:rotateX(2.5deg);transform-style:preserve-3d}.sudoku-cell{position:relative;display:grid;place-items:center;min-width:0;border:0 solid #213d4b;border-right-width:1px;border-bottom-width:1px;color:#123243;background:linear-gradient(145deg,#fffdf3,#e5dfcc 72%,#c8bda5);font:900 clamp(18px,4.1vw,38px)/1 Georgia,serif;cursor:pointer;text-shadow:0 1px #fff;box-shadow:inset 1px 1px #fff, inset -2px -2px #b2a58c;transition:transform .12s,filter .12s,background .12s}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-last-child(-n+9){border-bottom:0}.sudoku-cell:nth-child(9n+3),.sudoku-cell:nth-child(9n+6){border-right:3px solid #7e5a24}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid #7e5a24}.sudoku-cell:first-child{border-radius:8px 0 0}.sudoku-cell:nth-child(9){border-radius:0 8px 0 0}.sudoku-cell:nth-child(73){border-radius:0 0 0 8px}.sudoku-cell:last-child{border-radius:0 0 8px}.sudoku-cell:hover{filter:brightness(1.06);z-index:2}.sudoku-cell.related{background:linear-gradient(145deg,#edfdfb,#cbe8e5 74%,#aaccc9)}.sudoku-cell.same{color:#007f89;background:linear-gradient(145deg,#e5ffff,#afe6e6 74%,#80c4c8)}.sudoku-cell.selected{z-index:5;color:#fff;background:linear-gradient(145deg,#21cfd4,#087b8a);box-shadow:inset 2px 2px #8cffff,inset -3px -3px #03505c,0 0 18px #2ee7ecaa;transform:translateZ(10px) scale(1.04);text-shadow:0 2px 3px #004b54}.sudoku-cell.fixed{color:#182b36}.sudoku-cell.user{color:#087f8b}.sudoku-cell.wrong{animation:sudoku-shake .32s;background:linear-gradient(145deg,#ffb7aa,#d34d49);color:#fff}.sudoku-notes{position:absolute;inset:5%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;font:750 clamp(5px,1.1vw,10px)/1 Inter,sans-serif;color:#357080;text-shadow:none}.sudoku-side{display:flex;flex-direction:column;gap:14px}.sudoku-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;perspective:700px}.sudoku-number{aspect-ratio:1;border:1px solid #edd08a80;border-radius:13px;color:#183540;background:linear-gradient(145deg,#fff9e9,#d5c49f 75%,#a78b55);font:900 27px Georgia,serif;cursor:pointer;box-shadow:0 7px 0 #735422,0 11px 20px #0008,inset 1px 1px #fff;transition:.1s}.sudoku-number:hover{filter:brightness(1.08);transform:translateY(-2px)}.sudoku-number:active{transform:translateY(5px);box-shadow:0 2px 0 #735422,0 4px 9px #0007}.sudoku-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sudoku-mode button{min-height:43px;border:1px solid #dfba6b55;border-radius:11px;color:#c7dbe4;background:#0b202b;font:800 10px Inter,sans-serif;cursor:pointer}.sudoku-mode button.active{color:#061216;background:linear-gradient(145deg,#53eef0,#1ba5ae);box-shadow:0 0 18px #26e2e655}.sudoku-tip{margin:2px 0 0;color:#7897a6;font-size:9px;line-height:1.55;text-align:center}.sudoku-toast{position:absolute;left:50%;bottom:18px;z-index:200;max-width:calc(100% - 24px);padding:10px 16px;border:1px solid #e5bf6d66;border-radius:999px;color:#fff;background:#07131be8;box-shadow:0 10px 30px #0008;opacity:0;transform:translate(-50%,12px);transition:.2s;pointer-events:none;font-size:11px;font-weight:800}.sudoku-toast.show{opacity:1;transform:translate(-50%,0)}.sudoku-overlay{position:absolute;inset:0;z-index:300;display:grid;grid-template-columns:minmax(0,44%) 1fr;align-items:center;gap:clamp(18px,5vw,58px);padding:clamp(18px,5vw,60px);background:linear-gradient(90deg,#020911f5,#06131ddd);backdrop-filter:blur(6px)}.sudoku-overlay[hidden]{display:none}.sudoku-overlay img{width:min(380px,100%);aspect-ratio:1;object-fit:cover;border:1px solid #edc67166;border-radius:22px;box-shadow:0 25px 85px #000c}.sudoku-overlay strong{display:block;font-size:clamp(30px,5vw,62px);line-height:.95;letter-spacing:-.06em}.sudoku-overlay span{display:block;max-width:420px;margin:16px 0 21px;color:#b5cad4;font-size:clamp(11px,1.5vw,15px);line-height:1.6}.sudoku-overlay button{min-width:145px;color:#091216;background:linear-gradient(135deg,#f6d88d,#c99741);font-size:11px;letter-spacing:.08em}.sudoku-help{margin:13px 5px 1px;color:#7894a2;text-align:center;font-size:10px;line-height:1.5}@keyframes sudoku-shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@media(max-width:730px){.sudoku-header{height:56px}.sudoku-page{padding:15px 4px 25px}.sudoku-intro{align-items:flex-start;margin:0 6px 13px}.sudoku-intro h1{font-size:34px}.sudoku-intro p:last-child{max-width:190px;font-size:9px}.sudoku-tools{max-width:155px;gap:4px}.sudoku-tools button,.sudoku-tools select{min-height:31px;padding:6px 7px;font-size:8px}.sudoku-shell{padding:5px;border-radius:15px}.sudoku-hud{height:34px;gap:18px;font-size:7px}.sudoku-hud b{font-size:11px}.sudoku-stage{display:block;min-height:0;padding:10px 7px 16px;border-radius:10px}.sudoku-board{width:min(96vw,560px);margin:auto;padding:4px;border-width:2px;border-radius:10px;transform:none}.sudoku-cell{font-size:clamp(17px,7vw,31px)}.sudoku-notes{font-size:clamp(5px,2vw,9px)}.sudoku-side{margin:16px auto 0;width:min(94vw,520px)}.sudoku-numpad{grid-template-columns:repeat(9,1fr);gap:3px}.sudoku-number{font-size:clamp(15px,5vw,22px);border-radius:7px;box-shadow:0 4px 0 #735422,0 6px 10px #0007}.sudoku-mode{grid-template-columns:1fr 1fr}.sudoku-mode button{min-height:37px}.sudoku-tip{display:none}.sudoku-overlay{grid-template-columns:38% 1fr;gap:12px;padding:12px}.sudoku-overlay img{border-radius:12px}.sudoku-overlay strong{font-size:25px}.sudoku-overlay span{margin:8px 0 11px;font-size:8.5px}.sudoku-overlay button{min-width:100px;padding:9px;font-size:9px}.sudoku-help{padding:0 7px;font-size:9px}}