body.squares-game{--squares-font: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--squares-font-title: Georgia, "Times New Roman", serif;--squares-page-bg: linear-gradient(180deg, #f6f4ef 0%, #d9d7d2 100%);--squares-panel: rgba(250, 248, 243, .82);--squares-panel-strong: rgba(255, 255, 255, .92);--squares-ink: #181b1e;--squares-muted: #4d5359;--squares-line: rgba(24, 27, 30, .12);--squares-shadow: 0 1.2rem 3.4rem rgba(21, 24, 28, .12);--squares-accent: #5d666e;--squares-accent-soft: rgba(93, 102, 110, .16);min-height:100dvh;margin:0;overflow:hidden;font-family:var(--squares-font);color:var(--squares-ink);background:var(--squares-page-bg)}body.squares-game[data-squares-theme=harbor-dawn]{--squares-page-bg: linear-gradient(180deg, #f4f1ea 0%, #d1d8d8 100%);--squares-accent: #5f6f74;--squares-accent-soft: rgba(95, 111, 116, .18)}body.squares-game main{overflow:hidden}body.squares-game .screen{transition-duration:0ms}.scene-track{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.75),transparent 34%),radial-gradient(circle at bottom right,rgba(255,255,255,.42),transparent 26%),var(--squares-page-bg)}.squares-screen-panel{width:min(100%,78rem);display:grid;gap:clamp(1rem,2.4vw,1.6rem);padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));box-sizing:border-box}.squares-start-panel,.squares-win-panel{align-content:center}.squares-game-panel{min-height:100dvh;grid-template-rows:auto minmax(0,1fr)}.squares-header{backdrop-filter:blur(16px);background:var(--squares-panel);border:1px solid var(--squares-line);border-radius:1.6rem;box-shadow:var(--squares-shadow)}.squares-heading-block{display:grid;gap:.2rem}.squares-heading-block-compact{gap:0}.squares-kicker,.squares-subtitle,.squares-start-hint,.squares-hud-context,.squares-summary-note,.squares-settings-note,.squares-win-context{margin:0;color:var(--squares-muted)}.squares-title{margin:0;font-family:var(--squares-font-title);font-size:clamp(2.3rem,5vw,4rem);letter-spacing:.04em}.squares-title-small{font-size:clamp(1.5rem,3vw,2.1rem)}.squares-hero-copy{display:grid;gap:.7rem;max-width:42rem}.squares-subtitle{font-size:clamp(1.05rem,2.3vw,1.35rem);line-height:1.45}.gamepad-start-hint{margin:.8rem 0 0;font-size:.9rem;color:var(--squares-muted);opacity:0;transition:opacity .3s ease}body.gamepad-active .gamepad-start-hint{opacity:1}.squares-menu-btn,.squares-primary-btn,.squares-secondary-btn,.squares-secondary-link,.squares-runtime-control,.settings-content button,.settings-content select{min-height:44px;border-radius:999px;font:inherit}.squares-menu-btn,.squares-primary-btn,.squares-secondary-btn,.squares-secondary-link{appearance:none;border:1px solid var(--squares-line);padding:.8rem 1.2rem;background:var(--squares-panel-strong);color:var(--squares-ink);text-decoration:none;box-shadow:0 .6rem 1.6rem #12151814;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease;touch-action:manipulation}.squares-primary-btn{background:linear-gradient(180deg,#fefefe,#ece8df)}.squares-secondary-btn,.squares-secondary-link,.squares-menu-btn{background:#ffffffb8}.squares-menu-btn:hover,.squares-primary-btn:hover,.squares-secondary-btn:hover,.squares-secondary-link:hover,.squares-board-cell:hover,.settings-content button:hover,.settings-content select:hover{transform:translateY(-1px);box-shadow:0 .8rem 1.8rem #1215181a}.squares-menu-btn:focus-visible,.squares-primary-btn:focus-visible,.squares-secondary-btn:focus-visible,.squares-secondary-link:focus-visible,.settings-content button:focus-visible,.settings-content select:focus-visible,.squares-board-cell:focus-visible{outline:3px solid rgba(48,76,108,.85);outline-offset:3px}.squares-win-card{display:grid;gap:1rem;padding:clamp(1rem,2.3vw,1.5rem);border-radius:1.8rem;background:var(--squares-panel-strong);border:1px solid var(--squares-line);box-shadow:var(--squares-shadow)}.squares-mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.squares-mode-card{display:grid;gap:.6rem;padding:clamp(1rem,2.3vw,1.5rem);border-radius:1.8rem;background:var(--squares-panel-strong);border:1px solid var(--squares-line);box-shadow:var(--squares-shadow)}.squares-mode-label{margin:0;font-family:var(--squares-font-title);font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.04em}.squares-mode-desc{margin:0;color:var(--squares-muted);line-height:1.45}.squares-mode-best{margin:0}.squares-mode-best-key{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--squares-muted)}.squares-high-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.squares-secondary-btn-small{padding:.5rem .9rem;font-size:.88rem}.squares-settings-score-label,.squares-settings-score-value,.squares-win-summary,.squares-win-score{margin:0;font-size:clamp(1rem,2vw,1.25rem)}.squares-summary-score,.squares-settings-score-value,.squares-win-score,#hud-high-score-value,#hud-move-count{font-weight:700}.squares-start-actions,.squares-win-actions{display:flex;flex-wrap:wrap;gap:.85rem}.squares-hud-pill-row{display:flex;gap:.55rem;flex-wrap:wrap}.hud-pill-key{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--squares-muted)}.squares-runtime-host{min-height:0;border-radius:2rem;overflow:hidden;background:#ffffff4d;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff7a}.squares-runtime-host.squares-runtime-shell{min-height:0;height:100%;--squares-bg-top: rgba(255, 255, 255, .34);--squares-bg-bottom: rgba(206, 211, 214, .72);--squares-light: #f7f5f1;--squares-light-edge: rgba(255, 255, 255, .8);--squares-dark: #4b545c;--squares-dark-edge: rgba(18, 24, 30, .64);--squares-preview: #3e4b56;--squares-preview-soft: rgba(62, 75, 86, .2);background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,transparent 38%),linear-gradient(180deg,#e4e6e8d6,#d2d7dceb)}.squares-runtime-host .squares-runtime-status,.squares-runtime-host .squares-runtime-score{color:var(--squares-muted)}.squares-runtime-host .squares-runtime-score{font-weight:600}.squares-runtime-host .squares-runtime-control[data-squares-menu-button=true]{display:none}.squares-runtime-host .squares-board{width:min(100%,42rem);margin-inline:auto;box-shadow:inset 0 1px #ffffff80,0 1.2rem 3rem #181b1e14}.squares-runtime-host .squares-board-cell{cursor:pointer}.squares-runtime-host .squares-board-cell[data-preview-role=anchor]{box-shadow:inset 0 1px #ffffffb8,0 .35rem .9rem #181b1e29,0 0 0 2px #3e4b5624}.squares-runtime-host .squares-board-cell[data-preview-role=affected]{filter:brightness(1.03)}.squares-runtime-host .squares-board-cell[data-focused=true]{box-shadow:inset 0 1px #ffffffb8,0 .4rem 1rem #181b1e33,0 0 0 3px #3e4b5629}.squares-runtime-host .squares-runtime-shell[data-phase=solved] .squares-board-cell{filter:saturate(.86)}.settings-modal{backdrop-filter:blur(18px)}.settings-content{width:min(100%,48rem);border-radius:1.8rem;border:1px solid rgba(255,255,255,.36);background:linear-gradient(180deg,#f7f5f1f7,#e4e6e8f5);color:var(--squares-ink);box-shadow:0 1.4rem 4rem #0c0e1047}.squares-field{display:grid;gap:.4rem;margin-bottom:.85rem}.squares-field select{border:1px solid var(--squares-line);padding:.75rem 1rem;background:#ffffffc7;color:var(--squares-ink)}.squares-controls-grid{display:grid;gap:.65rem}.squares-controls-grid p{margin:0;line-height:1.45}body.squares-game[data-squares-screen=start-screen] #settings-modal #restart-btn{opacity:.55}body.squares-game[data-squares-screen=start-screen] #settings-modal #restart-btn:disabled{cursor:not-allowed;box-shadow:none}.noscript-message-squares{position:fixed;inset:auto 1rem 1rem;z-index:120;padding:1rem 1.2rem;border-radius:1rem;background:#141618eb;color:#f6f4ef}@media(max-width:480px){.squares-summary-row{grid-template-columns:1fr}.squares-hud-pill-row{gap:.4rem}.squares-runtime-host .squares-board{width:min(100%,19rem);gap:.3rem;padding:.5rem}.squares-runtime-host .squares-board-row{gap:.3rem}.squares-runtime-host .squares-board-cell{min-width:38px;min-height:38px}}@media(max-height:450px)and (orientation:landscape){.squares-screen-panel{gap:.75rem;padding-block:max(.65rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-bottom,0px))}.squares-title{font-size:clamp(1.5rem,4vw,2.3rem)}.squares-runtime-host .squares-board{width:min(100%,17rem)}}@media(min-width:844px)and (max-height:420px){.squares-game-panel{grid-template-rows:auto auto minmax(0,1fr)}.squares-runtime-host .squares-runtime-shell{--squares-gap: .55rem}.squares-runtime-host .squares-board{width:min(100%,18rem)}}@media(min-width:1024px)and (min-height:768px){.squares-runtime-host .squares-board{width:min(100%,28rem)}}@media(min-width:1280px)and (min-height:800px){.squares-screen-panel{width:min(100%,82rem)}.squares-runtime-host .squares-board{width:min(100%,32rem)}}@media(prefers-reduced-motion:reduce){.squares-menu-btn,.squares-primary-btn,.squares-secondary-btn,.squares-secondary-link,.squares-board-cell,.settings-content button,.settings-content select{transition-duration:.01ms}.squares-runtime-host .squares-board-cell:hover,.squares-menu-btn:hover,.squares-primary-btn:hover,.squares-secondary-btn:hover,.squares-secondary-link:hover{transform:none}}