: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}.game-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1rem}.game-header{text-align:center}.game-header h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#ff4d6d,#4dc9f6,#ffd93d,#6bcb77);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{display:flex;gap:1.5rem;justify-content:center}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff73}.stat-value{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.combo-banner{margin-top:.5rem;font-size:.85rem;font-weight:700;color:#ffd93d;animation:pulse .4s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;width:min(90vw,420px);aspect-ratio:1;padding:6px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.tile{border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;aspect-ratio:1;position:relative;outline:none;min-width:0}.tile:hover{transform:scale(1.08);z-index:1}.tile:active{transform:scale(.95)}.tile.selected{box-shadow:0 0 0 3px #fff,0 0 12px #fff6;transform:scale(1.1);z-index:2}.tile.swapping{animation:swapBounce .25s ease-in-out}@keyframes swapBounce{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.tile.matched{animation:matchFlash .3s ease-in-out}@keyframes matchFlash{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5;filter:brightness(2)}to{transform:scale(0);opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{text-align:center;padding:2.5rem 3rem;border-radius:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay-card h2{margin:0 0 .75rem;font-size:1.5rem}.final-score{font-size:1.1rem;color:#ffffffb3;margin-bottom:.5rem}.new-record{color:#ffd93d;font-weight:700;font-size:.95rem;margin-bottom:1rem}.btn{border:none;padding:.65rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#ff4d6d,#9b59b6);color:#fff;transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ff4d6d59}.btn:active{transform:translateY(0)}.btn-sm{padding:.4rem 1rem;font-size:.8rem}.game-footer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.game-footer p{margin:0;color:#fff6;font-size:.8rem}