:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--bg: #000000;--surface: #0d0d0d;--surface-raised: #141414;--border: #1e1e1e;--border-strong: #2a2a2a;--text: #ffffff;--text-muted: #666666;--accent: #fcff52;--accent-text: #000000;--green: #22c55e;--red: #ef4444;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;background-color:#000;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;display:flex;align-items:center;justify-content:center;padding:24px 16px}.screen{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden}.screen-content{padding:24px;display:flex;flex-direction:column;gap:20px}.screen-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.screen-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.screen-title{font-size:1.6rem;font-weight:800;line-height:1.15;color:var(--text)}.screen-subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.55;margin-top:6px}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;padding:16px}.hero-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:20px;padding:20px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(252,255,82,.15) 0%,transparent 70%);pointer-events:none}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:14px 12px}.stat-value{font-size:1rem;font-weight:700;color:var(--text)}.stat-label{font-size:.72rem;color:var(--text-muted);margin-top:4px}.primary-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border:none;border-radius:14px;background:var(--accent);color:var(--accent-text);font-weight:700;font-size:.95rem;transition:opacity .12s ease,transform .12s ease}.primary-button:hover{opacity:.9;transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.secondary-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:1px solid var(--border-strong);border-radius:14px;background:transparent;color:var(--text);font-weight:600;font-size:.95rem;transition:border-color .12s ease}.secondary-button:hover{border-color:#444}.footer-actions{display:grid;gap:10px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text);font-size:.8rem;font-weight:600;white-space:nowrap}.badge.accent{background:var(--accent);border-color:transparent;color:var(--accent-text)}.badge.green{background:#22c55e26;border-color:#22c55e4d;color:var(--green)}.progress-bar{width:100%;height:4px;border-radius:999px;background:var(--border-strong);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .25s ease}.quiz-options{display:grid;gap:10px}.quiz-option{width:100%;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface-raised);padding:15px 16px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;transition:border-color .14s ease;color:var(--text);font-size:.9rem}.quiz-option:hover:not(:disabled){border-color:#444}.quiz-option.correct{border-color:var(--green);background:#22c55e14}.quiz-option.incorrect{border-color:var(--red);background:#ef444414}.quiz-option:disabled{cursor:default}.option-label{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:var(--border-strong);color:var(--text-muted);font-weight:700;font-size:.8rem;flex-shrink:0}.quiz-option.correct .option-label{background:var(--green);color:#000}.quiz-option.incorrect .option-label{background:var(--red);color:#fff}.tab-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:4px}.tab-button{padding:9px;border-radius:10px;background:transparent;border:none;color:var(--text-muted);font-weight:600;font-size:.85rem;transition:background .12s,color .12s}.tab-button.active{background:var(--accent);color:var(--accent-text)}.leaderboard-table{display:grid;gap:0;padding:0}.leaderboard-row{display:grid;grid-template-columns:24px 1fr auto;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);align-items:center}.leaderboard-row:last-child{border-bottom:none}.leaderboard-rank{font-size:.8rem;font-weight:700;color:var(--text-muted);text-align:center}.leaderboard-rank.top{color:var(--accent)}.splash-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;text-align:center;gap:12px}.section-title{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.lang-selector{display:flex;gap:2px;background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;padding:3px;flex-shrink:0}.lang-btn{padding:4px 9px;border:none;border-radius:7px;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;transition:background .12s,color .12s}.lang-btn.active{background:var(--accent);color:var(--accent-text)}.wallet-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-raised);color:var(--text);font-size:.78rem;font-weight:600;transition:border-color .12s}.wallet-btn:hover{border-color:#444}.wallet-btn.connected{border-color:#22c55e66;color:var(--green)}.wallet-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.prize-amount{font-size:2rem;font-weight:800;color:var(--accent);line-height:1}@media (max-width: 480px){.app-shell{padding:0;align-items:flex-start}.screen{border-radius:0;border-left:none;border-right:none;border-top:none;min-height:100svh;width:100%}.screen-content{padding:20px 18px}.screen-title{font-size:1.4rem}}