.sp-page{max-width:1000px}.sp-shell{position:relative;max-width:560px;margin:10px auto}.sp-board{--sp-size:4;display:grid;grid-template-columns:repeat(var(--sp-size),1fr);gap:7px;width:min(100%,530px);aspect-ratio:1;margin:auto;padding:10px;border:1px solid var(--line);border-radius:22px;background:var(--soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}.sp-tile,.sp-blank{min-width:0;min-height:0;border-radius:15px}.sp-tile{border:1px solid rgba(30,45,70,.18);background:var(--card);color:var(--text);font:900 clamp(1.05rem,5vw,2.3rem)/1 system-ui;box-shadow:0 3px 9px rgba(24,35,55,.08);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.sp-tile:hover,.sp-tile:focus-visible{transform:translateY(-2px);box-shadow:0 6px 14px rgba(24,35,55,.13)}.sp-blank{background:rgba(255,255,255,.28);border:1px dashed rgba(80,95,115,.18)}.sp-pause-overlay{position:absolute;inset:10px;display:grid;place-items:center;background:rgba(245,246,248,.94);border-radius:18px;font-weight:900;font-size:1.35rem;z-index:4}.sp-pause-overlay[hidden]{display:none}.sp-status{min-height:52px;padding:12px 14px;background:var(--soft);border-radius:13px;line-height:1.5}.sp-progress{margin:8px 0 0;text-align:center;color:var(--muted);font-size:.92rem}.sp-recent>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--line)}.sp-recent small{grid-column:1/-1;color:var(--muted)}.sp-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sp-guide>div{padding:14px;border:1px solid var(--line);border-radius:14px}.sp-guide h2{font-size:1rem;margin:0 0 5px}.sp-guide p{margin:0;color:var(--muted);line-height:1.55}.sp-note{margin-top:14px;padding:14px 16px;background:var(--soft);border-radius:14px;color:var(--muted);line-height:1.55}.sp-gameheader{align-items:end}.sp-gameheader p{max-width:720px}.sp-corebar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 12px}.sp-mode-switch,.sp-picker{display:flex;gap:7px;flex-wrap:wrap}.sp-mode-switch a,.sp-picker button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;font-weight:800;text-decoration:none;color:var(--text)}.sp-mode-switch a.active,.sp-picker button.active{background:var(--text);color:#fff;border-color:var(--text)}.sp-play-card{position:relative;padding:14px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 10px 30px rgba(30,40,60,.06)}.sp-scorebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.sp-scorebar>div,.sp-recordbar>div{padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.sp-scorebar small,.sp-recordbar small{display:block;color:var(--muted);font-size:.76rem}.sp-scorebar strong{font-size:1.05rem}.sp-shell{position:relative;max-width:560px;margin:10px auto}.sp-board{width:min(100%,530px);touch-action:none}.sp-tile.hint{outline:4px solid rgba(255,164,28,.55);outline-offset:-4px;animation:spHintPulse .8s ease-in-out infinite alternate}.sp-tile.home{outline:2px solid rgba(48,165,102,.24)}@keyframes spHintPulse{to{box-shadow:0 0 0 7px rgba(255,164,28,.13),0 6px 14px rgba(24,35,55,.13)}}.sp-actions-primary,.sp-actions-secondary{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sp-actions-primary{margin:10px 0 7px}.sp-actions-secondary{margin-bottom:10px}.sp-actions-primary .btn{min-width:108px}.sp-status{margin:10px 0 0}.sp-recordbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.sp-recordbar strong{font-size:.95rem}.sp-complete{position:absolute;inset:8px;z-index:8;display:grid;place-items:center;background:rgba(245,246,248,.92);backdrop-filter:blur(7px);border-radius:18px;padding:18px}.sp-complete[hidden]{display:none}.sp-complete-card{width:min(92%,380px);padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 18px 50px rgba(24,35,55,.16);text-align:center}.sp-complete-card h2{margin:0 0 5px}.sp-complete-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.sp-complete-metrics div{padding:9px;border-radius:10px;background:var(--soft)}.sp-complete-metrics small{display:block;color:var(--muted)}.sp-complete-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sp-secondary-details{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}.sp-secondary-details>summary{cursor:pointer;padding:14px 16px;font-weight:850;list-style:none}.sp-secondary-details>summary::-webkit-details-marker{display:none}.sp-secondary-details>summary:after{content:'+';float:right;color:var(--muted)}.sp-secondary-details[open]>summary:after{content:'−'}.sp-secondary-details>.sp-details-body{padding:0 14px 14px}.sp-secondary-details .card{box-shadow:none}.sp-v0196-lab{margin:0}.sp-guide{margin-top:0}.sp-guide>div{background:var(--soft)}.sp-note{margin-bottom:2px}.sp-kbd{font-size:.85rem;color:var(--muted);text-align:center;margin:7px 0 0}.sp-day-chip{font-size:.88rem;color:var(--muted)}.sp-hide-wide{display:none}@media(max-width:720px){.sp-page{padding-bottom:108px}.sp-intro{display:none}.sp-gameheader{gap:4px;margin-bottom:4px}.sp-gameheader h1{font-size:clamp(2rem,10vw,2.65rem);line-height:1.03;margin-bottom:4px}.sp-gameheader .scorebox{padding:6px 0;text-align:left}.sp-corebar{margin-top:2px}.sp-play-card{padding:10px;border-radius:17px}.sp-scorebar{grid-template-columns:repeat(4,1fr);gap:5px}.sp-scorebar>div,.sp-recordbar>div{padding:7px 6px;text-align:center}.sp-scorebar small,.sp-recordbar small{font-size:.68rem}.sp-scorebar strong{font-size:.93rem}.sp-recordbar{grid-template-columns:repeat(2,1fr)}.sp-board{gap:5px;padding:6px}.sp-actions-primary .btn{min-width:0;flex:1 1 30%;padding-left:8px;padding-right:8px}.sp-actions-secondary .btn{flex:1 1 28%;padding-left:8px;padding-right:8px}.sp-complete{inset:5px}.sp-guide{grid-template-columns:1fr}.sp-kbd{display:none}}@media(prefers-reduced-motion:reduce){.sp-tile.hint{animation:none}}