.shk-page{max-width:1040px}.shk-hero{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:10px}.shk-hero h1{margin-bottom:4px}.shk-hero h1 small{font-size:.56em;font-weight:800;color:var(--muted)}.shk-hero p{max-width:720px;margin:0}.shk-levels,.shk-actions,.shk-more-actions,.shk-date-nav{display:flex;gap:8px;flex-wrap:wrap}.shk-levels{margin:8px 0 12px}.shk-levels a{border:1px solid var(--line);border-radius:999px;padding:8px 11px;text-decoration:none;color:var(--text);font-weight:800;background:var(--card);white-space:nowrap}.shk-levels a.active{background:var(--text);color:var(--bg);border-color:var(--text)}.shk-game{padding:14px}.shk-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:720px;margin:0 auto 8px}.shk-hud>div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--soft);min-width:0}.shk-hud small{display:block}.shk-hud strong{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shk-actions{justify-content:center;margin:8px auto;max-width:760px}.shk-actions .btn.primary{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}.shk-shell{--shk-natural:576px;width:min(100%,760px);max-width:100%;margin:8px auto;overflow:auto;border-radius:12px;overscroll-behavior:contain}.shk-shell.full .shk-grid{width:var(--shk-natural);height:var(--shk-natural)}.shk-shell.fit .shk-grid{width:min(100%,var(--shk-natural));height:auto;aspect-ratio:1}.shk-grid{--n:8;display:grid;grid-template-columns:repeat(var(--n),1fr);position:relative;border:2px solid var(--text);background:var(--line);touch-action:none;user-select:none;box-sizing:border-box}.shk-cell{position:relative;border:1px solid var(--line);background:var(--card);padding:0;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,2.2vw,20px);font-weight:900;min-width:0;aspect-ratio:1;touch-action:none;color:var(--text)}.shk-cell.filled{background:hsl(var(--region-h,210) 70% 92%)}.shk-cell.preview{background:hsl(210 75% 94%);box-shadow:inset 0 0 0 2px hsl(210 70% 42%)}.shk-grid[data-preview-valid="false"] .shk-cell.preview{background:hsl(2 75% 94%);box-shadow:inset 0 0 0 2px hsl(2 70% 45%)}.shk-cell.wrong{background:hsl(2 75% 94%);box-shadow:inset 0 0 0 3px hsl(2 70% 45%)}.shk-cell.bt{border-top:3px solid var(--text)}.shk-cell.br{border-right:3px solid var(--text)}.shk-cell.bb{border-bottom:3px solid var(--text)}.shk-cell.bl{border-left:3px solid var(--text)}.shk-clue{display:grid;place-items:center;min-width:1.65em;min-height:1.65em;border-radius:999px;background:color-mix(in srgb,var(--card) 88%,transparent);outline:1px solid var(--line);z-index:2}.shk-grid.is-paused::after{content:'Paused';position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--card) 94%,transparent);z-index:5;font-weight:900;font-size:1.4rem}.shk-drag-info{min-height:1.4em;text-align:center;font-weight:800;margin:4px 0 0}.shk-progress{height:7px;border-radius:999px;background:var(--soft);overflow:hidden;max-width:720px;margin:0 auto 8px}.shk-progress>span{display:block;height:100%;background:var(--text);width:0}.shk-more{max-width:760px;margin:8px auto 0;border-top:1px solid var(--line);padding-top:8px}.shk-more>summary{cursor:pointer;font-weight:800}.shk-more-actions{margin:10px 0}.shk-teaching{display:none;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--soft)}.shk-teaching.open{display:block}.shk-candidates{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow:auto;margin-top:8px}.shk-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--card);font-size:.84rem}.shk-chip.done{opacity:.55}.shk-chip.forced{outline:2px solid var(--text)}.shk-chip.dead{box-shadow:inset 0 0 0 2px hsl(2 70% 45%)}.shk-folds{display:grid;gap:10px;margin-top:14px}.shk-folds details{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card)}.shk-folds summary{font-weight:900;cursor:pointer}.shk-recent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.shk-recent>div{border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--soft)}.shk-date-nav{align-items:center;justify-content:center;margin:4px 0 10px}.shk-date-nav[hidden]{display:none}.shk-date-nav a{text-decoration:none}.shk-status{max-width:720px;margin:8px auto 0}.shk-shortcuts{font-size:.9rem;margin-top:8px}.shk-shortcuts kbd{border:1px solid var(--line);border-radius:5px;padding:1px 5px;background:var(--soft)}
@media(max-width:780px){.shk-page{padding-bottom:26px;overflow-x:hidden}.shk-hero p{display:none}.shk-hero{display:block;margin-bottom:4px}.shk-hero .scorebox{display:none}.shk-hero h1{font-size:2rem;line-height:1.05;margin:6px 0 10px}.shk-hero h1 small{display:block;font-size:.55em;line-height:1.2;margin-top:5px}.shk-levels a{font-size:.82rem;padding:7px 9px}.shk-levels{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.shk-levels::-webkit-scrollbar{display:none}.shk-game{padding:10px}.shk-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.shk-hud>div{padding:6px 7px}.shk-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.shk-actions .btn{padding:8px 4px;font-size:.82rem;min-width:0}.shk-shell{width:100%;max-width:100%}.shk-shell.full .shk-grid{width:var(--shk-natural);height:var(--shk-natural)}.shk-shell.fit .shk-grid{width:100%;height:auto}.shk-cell{font-size:clamp(10px,3.2vw,16px)}.shk-recent{grid-template-columns:1fr 1fr}.mobile-dock{display:none!important}}
@media(max-width:430px){.shk-hud small{font-size:.68rem}.shk-hud strong{font-size:.9rem}.shk-recent{grid-template-columns:1fr}.shk-clue{min-width:1.45em;min-height:1.45em}.shk-more-actions .btn{flex:1 1 42%}}
@media print{header,.preview-note,.shk-levels,.shk-actions,.shk-more,.shk-folds,.shk-date-nav,.footer{display:none!important}.shk-page{max-width:none}.shk-game{border:0!important;box-shadow:none!important}.shk-shell{overflow:visible!important}.shk-grid{width:180mm!important;height:180mm!important}}

/* V0.286 game-first polish */
.shk-save-note{max-width:720px;margin:4px auto 0;text-align:center;font-size:.82rem}.shk-cell.tap-anchor{box-shadow:inset 0 0 0 3px hsl(210 70% 42%);z-index:1}.shk-time-hidden .shk-time-card strong{visibility:hidden}.shk-time-hidden .shk-time-card strong::after{content:'Hidden';visibility:visible;display:block}.shk-focus-mode .preview-note,.shk-focus-mode .topbar,.shk-focus-mode .shk-hero,.shk-focus-mode .shk-levels,.shk-focus-mode .shk-date-nav,.shk-focus-mode .shk-folds,.shk-focus-mode .footer{display:none!important}.shk-focus-mode .shk-page{max-width:1180px;padding-top:8px}.shk-focus-mode .shk-game{margin-top:0}.shk-focus-mode .shk-shell{max-width:860px}.shk-focus-mode .shk-status{margin-bottom:0}.shk-more-actions #shkFocus[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
@media(max-width:780px){.shk-save-note{font-size:.74rem}.shk-more-actions{display:grid;grid-template-columns:1fr 1fr}.shk-more-actions .btn{width:100%}.shk-levels a[data-daily]{order:-1}.shk-focus-mode .shk-page{padding-top:4px}}