: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;margin:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;gap:1.5rem}.header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#a78bfa,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.stat{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;padding:.35rem .75rem;border-radius:.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.score-stat{background:linear-gradient(135deg,#a78bfa26,#60a5fa26);border-color:#a78bfa40;color:#c4b5fd}.combo-stat{background:linear-gradient(135deg,#facc1533,#fb923c33);border-color:#facc154d;color:#fde047;animation:combo-pulse .4s ease infinite alternate}@keyframes combo-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.play-area{position:relative;border-radius:1rem;background:linear-gradient(145deg,#0f0f1a,#0a0a0a 60%,#0d1117);border:1px solid rgba(255,255,255,.07);overflow:hidden;box-shadow:inset 0 0 80px #6366f10a,0 0 40px #0006}.gem-btn{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;cursor:pointer;padding:0;transition:transform .15s ease;animation:gem-spawn .35s cubic-bezier(.34,1.56,.64,1);z-index:2}.gem-btn:hover{transform:translate(-50%,-50%) scale(1.25)}.gem-btn:active{transform:translate(-50%,-50%) scale(.9)}@keyframes gem-spawn{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.gem-emoji{font-size:2.2rem;filter:drop-shadow(0 0 8px var(--gem-color));animation:gem-float 2.5s ease-in-out infinite;pointer-events:none}@keyframes gem-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gem-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gem-color);opacity:.8;pointer-events:none}.particle{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.spawn-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:#ffffff4d;font-size:.8rem;animation:blink 1s ease infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:.8}}.inventory{width:100%;max-width:700px}.inventory h2{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#ffffffb3;letter-spacing:-.01em}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem}.inv-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem;border-radius:.65rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:border-color .2s,background .2s}.inv-card:hover{border-color:color-mix(in srgb,var(--gem-color) 30%,transparent);background:#ffffff0d}.inv-emoji{font-size:1.6rem}.inv-name{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gem-color)}.inv-count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:700;color:#fff}.inv-pts{font-size:.6rem;color:#ffffff59}