: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}.game{display:flex;flex-direction:column;align-items:center;gap:1.25rem}h1{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.02em}.subtitle{margin:0;color:#fff9;font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(5,3.5rem);gap:.4rem}.tile{width:3.5rem;height:3.5rem;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;background:#ffffff0a;cursor:pointer;font-size:1.3rem;display:grid;place-items:center;color:#ffffff40;transition:background .15s,border-color .15s,transform .1s}.tile:hover:not(.tile--revealed):not(:disabled){background:#ffffff14;border-color:#fff3;transform:scale(1.05)}.tile--revealed{cursor:default}.tile--miss{background:#ffffff05;border-color:#ffffff0f}.tile--gem{background:#22c55e26;border-color:#22c55e66;animation:pop .3s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.reset-btn{margin-top:.5rem;padding:.6rem 1.5rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0f;color:#fafafa;font-size:.9rem;cursor:pointer;transition:background .15s}.reset-btn:hover{background:#ffffff1f}