.game-header{height:86px;max-width:1360px;margin:auto;padding:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:700;letter-spacing:-.4px}.brand strong{color:var(--accent);margin-left:4px}.header-actions{display:flex;align-items:center;gap:25px}.profile-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.profile-button svg{width:30px;height:30px}.back-link{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.puzzle-page{max-width:1280px;padding:0 30px;margin:auto}.game-heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0 27px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--accent)}h1{font-size:38px;letter-spacing:-1.6px;margin:10px 0 8px}.title-dot{color:var(--accent)}.game-heading p{font-size:14px;color:var(--muted);margin:0}.heading-actions{display:flex;gap:10px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:18px;color:var(--muted);display:grid;place-items:center}.game-layout{display:grid;grid-template-columns:235px minmax(300px,1fr) 205px;gap:27px;align-items:start}.settings-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px 20px}.settings-panel>.eyebrow{font-size:8px;letter-spacing:1.2px}.settings-panel h2{font-size:22px;letter-spacing:-.7px;margin:10px 0 26px}.setting legend{font-size:12px;margin:0 0 12px}.segments{display:flex;border:1px solid var(--line);padding:4px;border-radius:10px;gap:4px;background:#faf9fc}.segments button{flex:1;border:0;border-radius:7px;padding:10px 0;font-size:13px;font-weight:700;background:transparent;color:var(--muted)}.segments button[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:0 2px 5px #47337615}.setting>p{font-size:10px;color:var(--muted);margin:10px 0 25px}.mode-options{display:flex;flex-direction:column;gap:9px}.mode-options>button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:12px 10px;background:white;text-align:left}.mode-options>button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.mode-symbol{font-size:22px;color:var(--accent)}.mode-options strong{font-size:12px;display:block}.mode-options small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.mode-options i{border:1px solid #d9d1e4;border-radius:50%;width:12px;height:12px;margin-left:auto;flex-shrink:0}.mode-options [aria-pressed=true] i{border:3px solid var(--accent);background:#fff}.new-game{width:100%;margin-top:24px;gap:12px}.new-game>span{font-size:22px;line-height:18px}.save-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.5;margin:12px 0 0}.save-note span{color:#4a976d;margin-right:3px}.panel-divider{height:1px;background:var(--line);margin:22px 0}.offline-heading{display:flex;align-items:center;gap:8px;font-size:11px}.offline-heading>span{color:var(--accent);font-size:18px}.offline-box p{font-size:11px;color:var(--muted);line-height:1.6;margin:9px 0}.text-button{background:none;border:0;padding:8px 0;display:flex;gap:12px;align-items:center;font-weight:700;color:var(--accent);font-size:11px}.offline-box progress{width:100%;accent-color:var(--accent)}#offline-status{font-size:10px;color:var(--muted);display:block;line-height:1.5;margin-top:4px}.play-panel{text-align:center;min-width:0}.stats{display:flex;align-items:center;justify-content:space-around;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 12px;margin-bottom:5px}.stats>div{text-align:left;padding:0 12px}.stats>div+div{border-left:1px solid var(--line)}.stats span{font-size:9px;letter-spacing:1.3px;color:var(--muted);display:block;font-weight:700}.stats strong{font-size:24px;letter-spacing:-.7px;display:block;margin-top:6px;font-variant-numeric:tabular-nums}.stats #record-type{display:inline;font-size:7px;letter-spacing:.5px}.pause-button{background:var(--bg);border:1px solid var(--line);width:33px;height:33px;border-radius:50%;color:var(--muted);font-size:14px}.board-stage{perspective:1100px;padding:20px 9px 27px;position:relative}.wood-frame{max-width:490px;margin:auto;padding:19px 19px 30px;border-radius:19px;transform:rotateX(10deg);background:repeating-linear-gradient(92deg,#0000 0px,#ffffff05 2px,#00000006 4px,#0000 8px),linear-gradient(140deg,#805336,#563722 42%,#805132 70%,#4e321f);box-shadow:0 3px 0 #ac7952 inset,0 -2px 0 #392518 inset,0 9px 0 #3c291c,0 13px 0 #2f211916,0 28px 38px -16px #4c322852;position:relative;border:1px solid #55351e}.board{--n:3;aspect-ratio:1;position:relative;background:repeating-linear-gradient(90deg,#0000 0 3px,#a17c5620 4px,#0000 6px),linear-gradient(120deg,#342418,#4a3220);border-radius:10px;box-shadow:inset 0 3px 12px #170b089c;touch-action:none;user-select:none;outline-offset:8px!important}.tile{position:absolute;left:calc(var(--col) * 100% / var(--n) + 5px);top:calc(var(--row) * 100% / var(--n) + 5px);width:calc(100% / var(--n) - 10px);height:calc(100% / var(--n) - 10px);border:1px solid #e2c9a0;border-radius:10px;color:#684b31;font-family:Georgia,serif;font-size:clamp(24px,3vw,42px);background:linear-gradient(135deg,#fff9e9,#f1e3c6 70%,#e7d5b4);text-shadow:0 1px 0 #fff;box-shadow:inset 2px 2px 2px #fffef9,inset -2px -3px 2px #c4a87b,0 5px 0 #b29468,0 7px 5px #110a0866;transition:left .16s ease,top .16s ease,filter .16s;display:grid;place-items:center;padding:0;z-index:2;cursor:default}.tile.movable{cursor:pointer}.tile.movable:hover{filter:brightness(1.045)}.tile:active{filter:brightness(.97)}.tile.hinted{outline:3px solid #ffd465;outline-offset:0;box-shadow:inset 2px 2px 2px #fffef9,inset -2px -3px 2px #c4a87b,0 5px 0 #b29468,0 0 20px #ffd052bd}.tile[aria-disabled=true]{opacity:1}.board[data-size="5"] .tile{font-size:clamp(18px,2.4vw,31px);border-radius:7px}.board[data-size="4"] .tile{font-size:clamp(22px,2.7vw,36px)}.empty-cell{position:absolute;left:calc(var(--col) * 100% / var(--n));top:calc(var(--row) * 100% / var(--n));width:calc(100% / var(--n));height:calc(100% / var(--n));display:grid;place-items:center;color:#b697704a;font-size:26px}.board-mark{position:absolute;bottom:10px;left:0;right:0;font-size:6px;letter-spacing:2.6px;font-weight:700;color:#c7aa84}.board-tools{display:flex;justify-content:center;gap:10px}.tool-button{border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:#fff;font-size:12px;display:flex;align-items:center;gap:8px;min-height:44px}.tool-button>span{font-size:19px;line-height:16px;color:var(--accent)}.play-message{font-size:12px;margin:19px 0 0;color:#837560;min-height:18px}.board-instruction{font-size:10px;color:var(--muted);margin:11px 0 0}.assistance{font-size:10px;color:var(--muted);min-height:12px;margin:8px 0 0}.notes-panel{padding-top:1px}.daily-note{border:1px solid var(--soft-border);background:var(--soft);border-radius:17px;padding:22px 19px}.note-icon{color:var(--accent);font-size:30px;display:block;margin-bottom:23px}.daily-note .eyebrow{font-size:8px;line-height:1.8;letter-spacing:1.1px}.daily-note h2{font-size:25px;letter-spacing:-1px;line-height:1.15;margin:12px 0}.daily-note p{color:var(--muted);font-size:12px;line-height:1.75}.daily-note .text-button{font-size:11px;padding:11px 0}.note-date{font-size:9px;color:var(--muted);display:block;margin-top:10px;border-top:1px solid var(--soft-border);padding-top:14px;line-height:1.6}.tip-note{margin:24px 8px}.tip-note .eyebrow{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.tip-note p{font-size:12px;line-height:1.8;color:var(--muted)}.tip-signature{color:var(--accent);font-size:12px}.game-bottom{border-top:1px solid var(--line);margin:32px 0 0;padding:22px 0 26px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.mini-palettes{display:flex;gap:7px;align-items:center}.mini-palettes>span{margin-right:6px}.mini-palettes button{width:19px;height:19px;border:3px solid #fff;border-radius:50%;background:#f4c561;outline-offset:2px}.mini-palettes button:nth-of-type(2){background:#50b8c8}.mini-palettes button:nth-of-type(3){background:#e497c2}.mini-palettes [aria-pressed=true]{outline:1px solid var(--accent)}.instructions{padding-left:21px;font-size:14px;line-height:1.9;color:var(--muted)}.goal-example{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:130px;margin:18px auto;background:#63472d;padding:8px;border-radius:8px}.goal-example span{background:#f2e5c9;padding:6px;text-align:center;border-radius:3px;font-family:Georgia,serif}.goal-example span:last-child{background:transparent}.subtle{background:var(--soft);color:var(--accent)}.record-row{padding:14px 0;border-top:1px solid var(--line)}.record-row h3{font-size:14px;margin:0 0 6px}.record-row p{font-size:12px;margin:0}.win-spark{color:#d4a246;font-size:54px;text-align:center;margin-bottom:18px}#win-dialog{text-align:center}.win-stats{display:flex;justify-content:center;gap:50px;padding:18px 0}.win-stats span{font-size:11px;letter-spacing:1.5px;display:block;color:var(--muted)}.win-stats strong{font-size:31px;display:block;margin-top:7px}.best-badge{color:var(--accent)!important;background:var(--soft);padding:10px;border-radius:9px;font-weight:700}#result-card{width:100%;height:auto;border-radius:15px;margin-top:10px}#complete-actions{margin-top:12px}.board.solved .tile{animation:solved-pop .55s ease}@keyframes solved-pop{50%{filter:brightness(1.1);transform:translateY(-3px)}}
@media(min-width:1450px){.puzzle-page{padding-top:10px}.game-heading{padding-bottom:34px}.game-layout{gap:35px;grid-template-columns:245px minmax(300px,1fr) 220px}.wood-frame{max-width:510px}}
@media(max-width:1090px){.game-layout{grid-template-columns:220px minmax(300px,1fr);gap:25px}.notes-panel{display:none}.puzzle-page{max-width:950px}.wood-frame{max-width:470px}.stats{max-width:510px;margin:auto}.game-header{padding:0 30px}.game-heading{padding-top:27px}.board-stage{padding-top:13px}}
@media(max-width:690px){.game-header{height:72px;padding:0 18px}.brand{font-size:11px;gap:8px}.brand img{width:30px;height:30px}.brand strong{display:block;margin:2px 0 0}.header-actions{gap:12px}.back-link{font-size:11px;padding-left:12px}.profile-button{padding:0}.profile-button>span:last-child{display:none}.puzzle-page{padding:0 18px;max-width:550px}.game-heading{padding:25px 0 20px}h1{font-size:32px;margin:7px 0}.game-heading>.eyebrow,.eyebrow{font-size:9px}.game-heading p{font-size:12px}.heading-actions{gap:7px}.icon-button{width:35px;height:35px}.game-layout{display:flex;flex-direction:column;gap:18px}.settings-panel{width:100%;padding:13px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;border-radius:13px}.settings-panel>h2,.settings-panel>.eyebrow,.setting>legend,.setting>p,.save-note,.panel-divider,.offline-box{display:none}.setting{min-width:0}.segments{padding:3px}.segments button{padding:9px 0;font-size:12px}.mode-options{flex-direction:row;gap:4px}.mode-options>button{padding:10px 8px;flex:1;justify-content:center;border-radius:8px}.mode-symbol,.mode-options small,.mode-options i{display:none}.mode-options strong{font-size:11px;white-space:nowrap}.new-game{grid-column:span 2;margin:0;min-height:39px;padding:8px;font-size:12px}.play-panel{width:100%}.stats{padding:12px 6px}.stats strong{font-size:22px}.stats span{font-size:8px}.stats #record-type{display:none}.board-stage{padding:11px 6px 23px}.wood-frame{padding:13px 13px 25px;border-radius:15px;transform:rotateX(8deg)}.tile{font-size:34px;border-radius:8px;left:calc(var(--col) * 100% / var(--n) + 4px);top:calc(var(--row) * 100% / var(--n) + 4px);width:calc(100% / var(--n) - 8px);height:calc(100% / var(--n) - 8px)}.board[data-size="4"] .tile{font-size:28px}.board[data-size="5"] .tile{font-size:23px;border-radius:6px}.board-tools{gap:8px}.tool-button{padding:10px 14px;font-size:11px;gap:6px}.play-message{font-size:11px;margin-top:16px}.board-instruction{font-size:9px}.game-bottom{margin-top:23px;gap:16px;flex-wrap:wrap;font-size:10px}.settings-panel .offline-box.mobile-offline{display:block;grid-column:span 2;border-top:1px solid var(--line);padding-top:10px}.mobile-offline .offline-heading,.mobile-offline p{display:none}.mobile-offline .text-button{display:inline-flex;padding:2px 0;font-size:10px}.mobile-offline #offline-status{display:inline;margin-left:8px}.mobile-offline #offline-remove{margin-left:12px}.mini-palettes button{width:23px;height:23px}.tile{min-width:0}dialog{padding:28px}dialog h2{font-size:27px}}
.setting legend{font-size:14px}.setting>p{font-size:12px}.mode-options strong{font-size:14px}.mode-options small{font-size:11px}.save-note,.offline-heading,.offline-box p,.text-button{font-size:12px}.tool-button{font-size:14px}.play-message{font-size:14px}.board-instruction,.assistance{font-size:12px}.daily-note p,.tip-note p{font-size:14px}.note-date{font-size:11px}.stats span{font-size:11px}.stats #record-type{font-size:8px}
@media(min-width:691px) and (max-height:850px){.game-header{height:70px}.game-heading{padding:18px 0}.game-heading h1{font-size:31px;margin:7px 0}.game-heading p{font-size:13px}.stats{padding:11px 8px}.stats strong{font-size:22px}.board-stage{padding:11px 6px 20px}.wood-frame{max-width:clamp(300px,calc(100dvh - 410px),420px);padding:14px 14px 25px}.board-mark{font-size:5px;bottom:9px}.tile{font-size:31px}.play-message{margin-top:12px;font-size:12px}.board-instruction{font-size:11px;margin-top:7px}.assistance{font-size:11px;margin-top:6px}.settings-panel{padding:20px 17px}.settings-panel h2{margin-bottom:20px}.setting>p{margin-bottom:18px}.panel-divider{margin:15px 0}.new-game{margin-top:18px}.game-bottom{margin-top:22px}}
@media(max-width:690px){.mode-options strong{font-size:11px}.tool-button{font-size:12px}.play-message{font-size:12px}.board-instruction{font-size:10px}.stats span{font-size:9px}.assistance{font-size:11px}}
@media(max-width:360px){.puzzle-page{padding:0 12px}.game-header{padding:0 12px}.header-actions{gap:8px}.tool-button{padding:10px}.board[data-size="5"] .tile{font-size:20px}.settings-panel{gap:8px;padding:10px}.mode-options>button{padding:11px 5px}.segments button{font-size:11px}}