:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0f1117;--surface: #1a1d27;--border: rgba(255, 255, 255, .08);--text: #e8e8ed;--text-dim: rgba(255, 255, 255, .5);--accent: #6c8cff;--accent-hover: #8aa4ff;--tile-bg: #252836;--tile-hover: #30354a;--win: #4ade80}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.game{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:400px}h1{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.controls{display:flex;justify-content:center}.size-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.size-toggle button{background:transparent;border:none;color:var(--text-dim);padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.size-toggle button:hover{color:var(--text);background:#ffffff0a}.size-toggle button.active{background:var(--accent);color:#fff}.grid{display:grid;gap:6px;width:100%;max-width:340px;aspect-ratio:1}.tile{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:.6rem;background:var(--tile-bg);color:var(--text);font-weight:600;font-size:1.4rem;cursor:pointer;transition:background .12s ease,transform .1s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none;font-family:inherit;padding:0;aspect-ratio:1}.size-4 .tile{font-size:1.1rem}.tile:hover:not(.empty):not(:disabled){background:var(--tile-hover)}.tile.movable{box-shadow:0 0 0 2px #6c8cff40}.tile.movable:hover{transform:scale(1.04);box-shadow:0 0 0 2px #6c8cff73}.tile.empty{background:transparent;border:1px dashed rgba(255,255,255,.06);cursor:default}.stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:500}.stat-value{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.win-banner{text-align:center;background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:.6rem;padding:.75rem 1.5rem;animation:fadeIn .3s ease}.win-banner p{margin:0;color:var(--win);font-weight:600;font-size:1rem}.best-note{font-size:.8rem!important;font-weight:500!important;color:#4ade80b3!important;margin-top:.2rem}.actions{display:flex;gap:.75rem}.btn{border:1px solid var(--border);border-radius:.5rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.shuffle-btn{background:var(--accent);color:#fff;border-color:transparent}.shuffle-btn:hover{background:var(--accent-hover)}.restart-btn{background:var(--surface);color:var(--text-dim)}.restart-btn:hover{color:var(--text);background:var(--tile-bg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}