:root,:root[data-theme=classic]{--sq-light: #eeeed2;--sq-dark: #769656;--sq-selected: #f6f669cc;--sq-valid-dot: rgba(0, 0, 0, .18);--sq-goal-bg: #5da05d;--sq-goal-border: #3d8a3d;--sq-forbidden-1: #1c1c1c;--sq-forbidden-2: #2d2d2d;--bg: #312e2b;--surface: #262421;--surface-alt: #1e1c1a;--border: #1a1814;--text-primary: #e8e8e4;--text-secondary: #a0a09a;--accent: #769656;--accent-hover: #88aa66;--btn-primary-bg: #769656;--btn-primary-text: #fff;--btn-primary-hover: #88aa66;--btn-secondary-bg: #3d3a37;--btn-secondary-text: #c8c8c0;--btn-secondary-hover: #4a4744;--btn-ghost-text: #888;--btn-ghost-hover: #aaa;--modal-overlay: rgba(0, 0, 0, .72);--modal-bg: #2a2724;--input-bg: #1e1c1a;--input-border: #3d3a37;--input-focus: #769656}:root[data-theme=walnut]{--sq-light: #f0d9b5;--sq-dark: #b58863;--sq-selected: #cdd48fcc;--sq-valid-dot: rgba(0, 0, 0, .2);--sq-goal-bg: #7aaa5a;--sq-goal-border: #5a8a3a;--sq-forbidden-1: #1a0e05;--sq-forbidden-2: #2d1c0a;--bg: #1e1209;--surface: #2d1a0a;--surface-alt: #231408;--border: #140c04;--text-primary: #e8d5b7;--text-secondary: #9a8060;--accent: #b58863;--accent-hover: #c89a78;--btn-primary-bg: #b58863;--btn-primary-text: #fff;--btn-primary-hover: #c89a78;--btn-secondary-bg: #3d2510;--btn-secondary-text: #c8b090;--btn-secondary-hover: #4a3018;--btn-ghost-text: #806040;--btn-ghost-hover: #a08060;--modal-overlay: rgba(0, 0, 0, .75);--modal-bg: #2d1e0e;--input-bg: #1e1209;--input-border: #4a3018;--input-focus: #b58863}:root[data-theme=midnight]{--sq-light: #2d2d52;--sq-dark: #1a1a38;--sq-selected: rgba(80, 80, 255, .55);--sq-valid-dot: rgba(180, 180, 255, .3);--sq-goal-bg: #2244aa;--sq-goal-border: #4466cc;--sq-forbidden-1: #0a0a16;--sq-forbidden-2: #14141e;--bg: #0a0a16;--surface: #12122a;--surface-alt: #0d0d20;--border: #1e1e3a;--text-primary: #c8c8f0;--text-secondary: #7070aa;--accent: #6666ee;--accent-hover: #8888ff;--btn-primary-bg: #4444cc;--btn-primary-text: #fff;--btn-primary-hover: #6666ee;--btn-secondary-bg: #1e1e3a;--btn-secondary-text: #9090c0;--btn-secondary-hover: #282848;--btn-ghost-text: #6666aa;--btn-ghost-hover: #9090cc;--modal-overlay: rgba(0, 0, 0, .8);--modal-bg: #14142c;--input-bg: #0a0a1e;--input-border: #2a2a50;--input-focus: #6666ee}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100dvh}.header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.header__inner{max-width:860px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.header__brand{display:flex;align-items:center;gap:10px}.header__icon{font-size:24px;line-height:1}.header__title{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.main{flex:1;padding:32px 24px}.main__inner{max-width:860px;margin:0 auto;display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}.game-section{display:flex;flex-direction:column;gap:0;align-items:flex-start}.game-section__hint{margin-top:20px;max-width:504px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.82rem;color:var(--text-secondary);line-height:1.55}.hint__lead{margin-bottom:10px;color:var(--text-primary);font-size:.85rem}.hint__rules{list-style:none;display:flex;flex-direction:column;gap:5px;padding-left:0}.hint__rules li:before{content:"›  ";color:var(--accent);font-weight:700}.hint__rules strong{color:var(--text-primary)}.board{display:grid;grid-template-columns:repeat(6,84px);grid-template-rows:repeat(3,84px);border-radius:4px;overflow:hidden;box-shadow:0 8px 32px #00000080}.square{width:84px;height:84px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.square--light{background:var(--sq-light)}.square--dark{background:var(--sq-dark)}.square--forbidden{background:repeating-linear-gradient(45deg,var(--sq-forbidden-1) 0px,var(--sq-forbidden-1) 5px,var(--sq-forbidden-2) 5px,var(--sq-forbidden-2) 10px);cursor:not-allowed}.square--selected{background:var(--sq-selected)!important}.square--valid:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:var(--sq-valid-dot);pointer-events:none}.square--goal{background:var(--sq-goal-bg)!important;outline:3px solid var(--sq-goal-border);outline-offset:-3px}.goal-marker{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.7);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.15);opacity:1}}.piece{width:68px;height:68px;display:block;position:relative;z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));transition:transform .12s}.square:hover .piece{transform:scale(1.1)}.square--selected .piece{transform:scale(1.12)}.board-controls{display:flex;align-items:center;gap:16px;width:100%;margin-top:18px}.move-counter{font-size:.9rem;color:var(--text-secondary);flex:1}.move-counter strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.btn{padding:7px 18px;border-radius:6px;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn--primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn--secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.btn--ghost{background:transparent;color:var(--btn-ghost-text)}.btn--ghost:hover:not(:disabled){color:var(--btn-ghost-hover)}.theme-toggle{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--accent);color:var(--text-primary)}.leaderboard{width:260px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;flex-shrink:0}.leaderboard__title{font-size:1rem;font-weight:600;margin-bottom:2px}.leaderboard__subtitle{font-size:.75rem;color:var(--text-secondary);margin-bottom:16px}.leaderboard__state{font-size:.85rem;color:var(--text-secondary);padding:8px 0}.leaderboard__state--error{color:#e06060}.leaderboard__list{list-style:none;display:flex;flex-direction:column;gap:4px}.leaderboard__entry{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:.875rem;background:var(--surface-alt)}.leaderboard__entry--top{background:color-mix(in srgb,var(--accent) 12%,var(--surface-alt))}.leaderboard__rank{width:28px;text-align:center;font-size:.85rem;color:var(--text-secondary);flex-shrink:0}.leaderboard__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__moves{font-size:.8rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:var(--modal-bg);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:360px;width:100%;box-shadow:0 16px 48px #00000080;text-align:center}.modal__icon{font-size:48px;margin-bottom:12px}.modal__title{font-size:1.4rem;font-weight:700;margin-bottom:8px}.modal__moves{font-size:1rem;color:var(--text-secondary);margin-bottom:24px}.modal__moves strong{color:var(--accent)}.modal__form{display:flex;flex-direction:column;gap:14px;text-align:left}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.form-field input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:8px 12px;outline:none;transition:border-color .15s}.form-field input:focus{border-color:var(--input-focus)}.form-field input::placeholder{color:var(--text-secondary);opacity:.6}.modal__error{font-size:.8rem;color:#e06060;text-align:left}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.modal__success{display:flex;flex-direction:column;gap:16px;align-items:center;color:var(--text-secondary);font-size:.9rem}.footer{text-align:center;padding:16px 24px;font-size:.78rem;color:var(--text-secondary);border-top:1px solid var(--border)}.footer strong{color:var(--text-primary);font-weight:600}@media (max-width: 600px){.board{grid-template-columns:repeat(6,56px);grid-template-rows:repeat(3,56px)}.square{width:56px;height:56px}.piece{width:44px;height:44px}.square--valid:after{width:18px;height:18px}.goal-marker{width:20px;height:20px}.main{padding:16px;gap:20px}.leaderboard{width:100%}}