:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.puzzle-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.stats{display:flex;gap:2rem;font-size:1rem;color:#ffffffb3}.stats span{font-variant-numeric:tabular-nums}.stats strong{color:#fafafa}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.tile{width:80px;height:80px;display:grid;place-items:center;font-size:1.5rem;font-weight:700;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease;background:linear-gradient(145deg,#2a2a3e,#1e1e2e);border:1px solid rgba(255,255,255,.08);color:#e0e0ff}.tile:hover{background:linear-gradient(145deg,#35355a,#28284a);transform:scale(1.03)}.tile:active{transform:scale(.97)}.tile.empty{background:transparent;border:1px dashed rgba(255,255,255,.06);cursor:default;pointer-events:none}.tile.correct{color:#6ee7b7;border-color:#6ee7b733;background:linear-gradient(145deg,#1a3a2e,#162e26)}.btn{padding:.6rem 1.6rem;font-size:.95rem;font-weight:600;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:#fafafa;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:#ffffff1f;border-color:#ffffff40}.win-banner{font-size:1.25rem;font-weight:600;color:#6ee7b7;text-align:center;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}