: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-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:2rem}.header{text-align:center}.header h1{margin:0;font-size:2.2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#60a5fa,#34d399,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:.25rem 0 0;color:#ffffff80;font-size:.95rem}.stats{display:flex;gap:1.5rem;justify-content:center;margin-top:.75rem}.stat{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#fff9;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.25rem .75rem;border-radius:.375rem}.board{display:flex;flex-direction:column;gap:2.5rem;width:100%;max-width:700px}.row{display:flex;flex-direction:column;align-items:center;gap:1rem}.row-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#ffffff59;font-weight:500}.pieces{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.piece{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;border-radius:.75rem;border:2px solid transparent;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.piece:hover:not(.done){background:#ffffff0a;border-color:#ffffff1a}.piece.selected{background:#ffffff14;border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.piece.done{opacity:.5;cursor:default;transform:scale(.9)}.piece.wrong{animation:shake .5s ease}.piece.drop-target:not(.done){border-color:#fff3;background:#ffffff0a}.piece-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.matched{transition:transform .3s ease}.controls{display:flex;gap:1rem}.btn{font-family:inherit;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fafafa;cursor:pointer;transition:all .15s ease}.btn:hover{background:#ffffff1f;border-color:#ffffff40}.hint{text-align:center;font-size:.85rem;color:#ffffff80;animation:fadeIn .3s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:grid;place-items:center;z-index:100;animation:fadeIn .4s ease;cursor:pointer}.win-card{background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem 3rem;text-align:center;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.win-card h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.win-card p{margin:0 0 1.5rem;color:#fff9}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}