:root{--sudoku-felt: #102b1b;--sudoku-felt-light: #17402a;--sudoku-brown: #4a2715;--sudoku-brown-dark: #2a150c;--sudoku-gold: #d6a95a;--sudoku-cream: #fff8df;--sudoku-green: #66a80f;--sudoku-red: #b84c3f}body.page--sudoku{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 10%,rgba(255,248,223,.08),transparent 30%),linear-gradient(135deg,#0b2416,var(--sudoku-felt) 45%,#08180f);color:var(--sudoku-cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.page--sudoku.is-note-mode .sudoku-board-shell{border-color:#ffe08ac7;box-shadow:0 18px 40px #00000047,0 0 0 3px #ffe08a2e}.sudoku-page{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:22px 0 0}.sudoku-hero{margin:26px 0 8px;padding:18px 0 0}.sudoku-eyebrow{margin:0 0 6px;color:var(--sudoku-gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.sudoku-hero h1{margin:0;color:var(--sudoku-gold);font-size:clamp(2rem,4vw,3.35rem);line-height:1.05}.sudoku-hero p{max-width:690px;margin:10px 0 0;color:#fff8dfdb;font-size:1.08rem;line-height:1.55}.sudoku-game{display:grid;grid-template-columns:minmax(320px,590px) minmax(300px,390px);gap:22px;align-items:start}.sudoku-board-shell,.sudoku-panel,.sudoku-guide section{background:linear-gradient(135deg,#58321cf5,#2a150cfa),var(--sudoku-brown);border:1px solid rgba(214,169,90,.32);box-shadow:0 18px 40px #00000047}.sudoku-board-shell{padding:clamp(10px,2vw,18px);border-radius:10px}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);width:min(100%,560px);aspect-ratio:1;margin:0 auto;background:#17110b;border:4px solid #1c1009;border-radius:8px;overflow:hidden}.sudoku-cell{position:relative;display:grid;place-items:center;min-width:0;border:1px solid rgba(42,21,12,.42);background:#fff7df;color:#2f1b10;font-size:clamp(1.2rem,4.3vw,2.5rem);font-weight:800;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease}.sudoku-value{position:relative;z-index:2}.sudoku-cell:nth-child(3n){border-right-width:3px;border-right-color:#241309}.sudoku-cell:nth-child(9n){border-right-width:1px}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:3px;border-bottom-color:#241309}.sudoku-cell.is-given{background:#ead8b4;color:#211109}.sudoku-cell.is-selected{z-index:2;background:#f7d889;box-shadow:inset 0 0 0 3px #7b451f}.sudoku-cell.is-peer{background:#f7e8bd}.sudoku-cell.is-same-number{background:#e8d39c}.sudoku-cell.is-conflict{background:#f0b6a8;color:#6a2018}.sudoku-cell.is-hinted{background:#ffe089;box-shadow:inset 0 0 0 4px #b88923}.sudoku-cell.is-tutorial-rule,.sudoku-cell.is-tutorial-cage{z-index:4;background:#fff0bc;box-shadow:inset 0 0 0 4px #d69a25,0 0 0 5px #ffe08a47}.sudoku-cell.is-tutorial-cage{background:#f9e19f}.sudoku-cell.is-killer-cell{border-color:#2413092e;background:linear-gradient(135deg,#fff8dffa,#f7e6bafa)}.sudoku-cell.is-cage-top{border-top:3px solid #a66d2f}.sudoku-cell.is-cage-right{border-right:3px solid #a66d2f}.sudoku-cell.is-cage-bottom{border-bottom:3px solid #a66d2f}.sudoku-cell.is-cage-left{border-left:3px solid #a66d2f}.sudoku-cell.is-cage-complete{background:linear-gradient(135deg,#f1f6ca,#e1edaf)}.sudoku-cell.is-cage-conflict{background:#f0b6a8}.sudoku-cage-sum{position:absolute;top:3px;left:3px;z-index:3;min-width:17px;min-height:15px;display:inline-grid;place-items:center;border-radius:999px;background:#fff8df;color:#5a321d;border:1px solid rgba(166,109,47,.55);font-size:clamp(.46rem,1.35vw,.68rem);font-weight:900;line-height:1;pointer-events:none;box-shadow:0 1px 3px #2a150c2e}.sudoku-cell.is-note-target{background:#fff0bc;box-shadow:inset 0 0 0 3px #b88923}.sudoku-cell:focus-visible{outline:3px solid var(--sudoku-green);outline-offset:-5px}.sudoku-notes{display:grid;grid-template-columns:repeat(3,1fr);width:82%;height:82%;align-items:center;justify-items:center;color:#6b5130;font-size:clamp(.46rem,1.5vw,.78rem);font-weight:800}.sudoku-panel{border-radius:10px;padding:18px}.sudoku-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sudoku-toolbar label,.sudoku-stat{border-radius:8px;background:#fff8df14;border:1px solid rgba(214,169,90,.25);padding:10px}.sudoku-toolbar label{grid-column:1 / -1}.sudoku-toolbar span,.sudoku-stat span{display:block;color:#fff8dfb8;font-size:.78rem;font-weight:800;text-transform:uppercase}.sudoku-toolbar select{width:100%;margin-top:6px;border:1px solid rgba(214,169,90,.45);border-radius:7px;padding:10px 12px;background:#fff8df;color:#2d190d;font:inherit;font-weight:800}.sudoku-stat strong{display:block;margin-top:3px;color:var(--sudoku-gold);font-size:1.25rem}.sudoku-message{min-height:44px;margin:14px 0;color:#fff8dfe6;line-height:1.4}.sudoku-number-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin:0 0 10px}.sudoku-number-pad button,.sudoku-action{min-height:44px;border:1px solid rgba(214,169,90,.36);border-radius:8px;background:#fff8df1f;color:var(--sudoku-cream);font:inherit;font-weight:900;cursor:pointer}.sudoku-number-pad button{font-size:1.2rem}body.page--sudoku.is-note-mode .sudoku-number-pad button{background:#ffe08a29;border-color:#ffe08a7a;color:#ffe08a}.sudoku-number-pad button:hover,.sudoku-action:hover,.sudoku-number-pad button:focus-visible,.sudoku-action:focus-visible{border-color:var(--sudoku-gold);background:#fff8df2e;outline:none}.sudoku-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sudoku-mode-status{margin:0 0 14px;border-radius:8px;border:1px solid rgba(214,169,90,.28);background:#0000002e;padding:10px 12px;color:#fff8dfd1;line-height:1.35}.sudoku-mode-status strong,.sudoku-mode-status span{display:block}.sudoku-mode-status strong{color:var(--sudoku-gold);font-size:.88rem;margin-bottom:2px}.sudoku-mode-status.is-note-mode{background:#ffe08a29;border-color:#ffe08aad}.sudoku-mode-status.is-note-mode strong{color:#ffe08a}.sudoku-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px}.sudoku-action svg{width:20px;height:20px;fill:currentColor}.sudoku-action--primary{grid-column:1 / -1;background:linear-gradient(180deg,#73b718,var(--sudoku-green));color:#112006;border-color:#fff8df47;box-shadow:0 9px 18px #0003}.sudoku-action--hint{color:#ffe08a}.sudoku-action--tutorial{grid-column:1 / -1;min-height:50px;background:linear-gradient(180deg,#fff2bd,#d6a95a);border-color:#fff8df6b;color:#2a150c;box-shadow:0 10px 18px #0003}.sudoku-action.is-tutorial-control{border-color:#ffe08a;background:#ffe08a3d;color:#ffe08a;box-shadow:0 0 0 4px #ffe08a29}.sudoku-action.is-active{background:#ffe08a38;border-color:#ffe08a;color:#ffe08a;box-shadow:inset 0 0 0 1px #ffe08a38}.sudoku-difficulty-note{margin-top:14px;border-radius:8px;padding:12px;background:#0000002e;color:#fff8dfd6;line-height:1.42}.killer-tutorial-prompt{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:0 0 14px;padding:12px 42px 12px 12px;border-radius:10px;background:#ffe08a24;border:1px solid rgba(255,224,138,.42);color:#fff8dfe6}.killer-tutorial-prompt[hidden]{display:none}.killer-tutorial-prompt strong,.killer-tutorial-prompt span{display:block}.killer-tutorial-prompt strong{color:#ffe08a;margin-bottom:2px}.killer-tutorial-prompt button{min-height:38px;border:1px solid rgba(255,248,223,.28);border-radius:8px;padding:0 12px;background:linear-gradient(180deg,#73b718,var(--sudoku-green));color:#112006;font:inherit;font-weight:900;cursor:pointer}.killer-tutorial-prompt__dismiss{position:absolute;top:8px;right:8px;width:28px;min-height:28px!important;padding:0!important;background:#0000002e!important;color:var(--sudoku-cream)!important}.killer-tutorial{position:fixed;inset:0;z-index:1500;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px;pointer-events:none}.killer-tutorial[hidden],.killer-tutorial__backdrop{display:none}.killer-tutorial__panel{position:relative;width:min(100%,460px);border-radius:12px;padding:20px;background:linear-gradient(135deg,#58321cfa,#2a150cfc),var(--sudoku-brown);border:1px solid rgba(214,169,90,.45);box-shadow:0 24px 70px #00000073;color:var(--sudoku-cream);pointer-events:auto}.killer-tutorial__panel:before{content:"";position:absolute;width:18px;height:18px;background:linear-gradient(135deg,#58321cfa,#2a150cfc),var(--sudoku-brown);border-left:1px solid rgba(214,169,90,.45);border-top:1px solid rgba(214,169,90,.45);transform:rotate(45deg)}.killer-tutorial__panel.is-pointing-board:before{left:40px;top:-10px}.killer-tutorial__panel.is-pointing-controls:before{right:44px;top:-10px}.killer-tutorial__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid rgba(214,169,90,.35);border-radius:8px;background:#fff8df1a;color:var(--sudoku-cream);font-size:1.25rem;cursor:pointer}.killer-tutorial__step{margin:0 42px 8px 0;color:#ffe08a;font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.killer-tutorial h2{margin:0 0 10px;color:var(--sudoku-gold);font-size:clamp(1.4rem,4vw,2rem)}.killer-tutorial p{line-height:1.55}.killer-tutorial__actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.killer-tutorial__actions button{min-height:44px;border:1px solid rgba(214,169,90,.35);border-radius:8px;padding:0 16px;background:#fff8df1a;color:var(--sudoku-cream);font:inherit;font-weight:900;cursor:pointer}.killer-tutorial__actions button:disabled{cursor:default;opacity:.45}.killer-tutorial__actions .killer-tutorial__next{background:linear-gradient(180deg,#73b718,var(--sudoku-green));border-color:#fff8df52;color:#112006}.sudoku-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 0}.sudoku-guide section{border-radius:10px;padding:18px}.sudoku-guide__icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff8df;color:#5a321d;box-shadow:inset 0 0 0 2px #d6a95a80}.sudoku-guide__icon svg{width:24px;height:24px;fill:currentColor}.sudoku-guide h2{margin:12px 0 8px;color:var(--sudoku-gold);font-size:1.18rem}.sudoku-guide p{margin:0;color:#fff8dfd6;line-height:1.55}.page--sudoku .page__footer{flex:1 0 auto;align-items:flex-start;width:100%;background:linear-gradient(180deg,#2a150cfa,#160a05fa),url(/assets/footer-mNJpfgTL.webp);background-size:cover,520px 240px;background-position:center;border-top:1px solid rgba(214,169,90,.28);margin-top:0}.page--daily-sudoku .sudoku-game,.page--daily-killer-sudoku .sudoku-game,.page--killer-sudoku .sudoku-game{margin-top:18px;margin-bottom:22px}.daily-sudoku-card{display:grid;gap:10px;margin:0 0 18px;padding:16px;border-radius:10px;background:linear-gradient(135deg,#58321cf5,#2a150cfa),var(--sudoku-brown);border:1px solid rgba(214,169,90,.32);box-shadow:0 18px 40px #0000003d}.daily-sudoku-card h2,.daily-sudoku-card p{margin:0}.daily-sudoku-card h2{color:var(--sudoku-gold);font-size:clamp(1.35rem,2.8vw,2.15rem)}.daily-sudoku-card p{color:#fff8dfdb;line-height:1.5}.daily-sudoku-meta{display:flex;flex-wrap:wrap;gap:8px}.daily-sudoku-meta span{border-radius:999px;padding:7px 10px;background:#fff8df1a;color:#fff8dfe0;border:1px solid rgba(214,169,90,.25);font-weight:800}.daily-sudoku-date-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.daily-sudoku-date-form label{display:grid;gap:5px;color:#fff8dfc2;font-weight:800;font-size:.85rem}.daily-sudoku-date-form input{min-height:42px;border:1px solid rgba(214,169,90,.42);border-radius:8px;padding:0 10px;background:#fff8df1f;color:var(--sudoku-cream);font:inherit}.daily-sudoku-date-form button{min-height:42px;border:1px solid rgba(255,248,223,.28);border-radius:8px;padding:0 14px;background:linear-gradient(180deg,#73b718,var(--sudoku-green));color:#112006;font:inherit;font-weight:900;cursor:pointer}@media(max-width:900px){.sudoku-game,.sudoku-guide{grid-template-columns:1fr}.sudoku-panel{order:-1}}@media(max-width:560px){.sudoku-page{width:min(100% - 16px,1180px);padding-top:16px}.sudoku-toolbar,.sudoku-actions{grid-template-columns:1fr}.sudoku-number-pad{grid-template-columns:repeat(5,1fr)}.killer-tutorial{padding:10px}.killer-tutorial__panel{width:100%}}