*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a0a;--surface:#141414;--border:#262626;--text:#fafafa;--text-dim:#737373;--accent:#22c55e;--danger:#ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:480px;margin:0 auto;padding:48px 24px}.header{text-align:center;margin-bottom:48px}.title{font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:24px}.stats{display:flex;justify-content:center;gap:32px;margin-bottom:32px}.stat{text-align:center}.stat-value{font-size:20px;font-weight:600;color:var(--accent)}.stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:32px}.square{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .15s ease}.square:hover:not(.revealed){background:var(--border);transform:scale(1.05)}.square.revealed{cursor:default;opacity:.5}.square.treasure{background:var(--accent);opacity:1}.square.pending{background:var(--border);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.connect-btn{width:100%;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.connect-btn:hover{background:var(--border)}.connect-btn.connected{border-color:var(--accent)}.footer{color:var(--text-dim);font-size:12px;margin-top:24px}.footer,.message{text-align:center}.message{padding:12px;margin-bottom:24px;border-radius:8px;font-size:14px;background:var(--surface);border:1px solid var(--border)}.message.winner{background:rgba(34,197,94,.2);border-color:var(--accent);color:var(--accent);font-weight:600;font-size:16px;animation:celebrate .5s ease}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.grid.win-animation{animation:shake .5s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.square.treasure{background:var(--accent)!important;opacity:1!important;animation:treasure-glow 1s ease infinite;font-size:24px}@keyframes treasure-glow{0%,to{box-shadow:0 0 10px var(--accent)}50%{box-shadow:0 0 30px var(--accent)}}.network-hint{color:#f59e0b;font-size:12px;margin-top:8px;opacity:.8;text-align:center}