:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fa;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app{flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(560px,100%);padding:24px;box-shadow:0 8px 30px #0000000d}.message-card{padding-top:18px;padding-bottom:18px}.message-copy{color:#374151;margin:0;font-size:16px;line-height:1.5}.message-fade{opacity:1;transition:opacity .22s}.message-fade.is-fading-out{opacity:0}.message-fade.is-fading-in{opacity:1}h1{margin:0 0 8px;font-size:32px}h2{margin:0 0 12px;font-size:20px}h3{margin:14px 0 10px;font-size:16px}.page-nav{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:min(560px,100%);padding:12px 16px;display:flex;box-shadow:0 8px 24px #0000000a}.page-title{color:#111827;margin:0;font-size:18px;font-weight:700}.actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.link{color:#374151;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:13px;display:inline-flex}.game-icon{flex-shrink:0}.status{color:#4b5563;margin:0 0 20px}.label{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:14px}.counter{margin:0 0 20px;font-size:46px;font-weight:700}.stats{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:18px;padding:12px}.stats p{color:#374151;margin:8px 0}.stats span{color:#6b7280}.collect{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;width:100%;padding:12px 16px;font-size:16px}.collect:disabled{opacity:.65;cursor:not-allowed}.secondary{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;margin-top:10px;padding:12px 16px;font-size:14px}.secondary:disabled{opacity:.65;cursor:not-allowed}.auth-grid{grid-template-columns:1fr;gap:12px;display:grid}.panel{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.panel p{margin:8px 0}.panel span{color:#6b7280}input{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:8px;padding:10px;font-size:14px}.social{gap:8px;margin-top:8px;display:grid}.subtle{color:#6b7280;font-size:14px}.error{color:#b91c1c;margin-top:12px;font-size:14px}.success{color:#15803d;margin-top:12px;font-size:14px}.warning-alert{color:#92400e;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px}.leaderboard-list{gap:6px;margin-bottom:10px;display:grid}.leaderboard-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.leaderboard-row p{margin:0}.leaderboard-player-link{color:#1d4ed8;font-weight:600;text-decoration:none}.leaderboard-player-link:hover{text-decoration:underline}.leaderboard-player-link:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2563eb}.leaderboard-row-current{background:#eff6ff;border-color:#2563eb}.leaderboard-type-toggle{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.leaderboard-type-toggle .secondary{margin-top:0}.leaderboard-type-active{background:#eff6ff;border-color:#2563eb}.shop-actions{gap:8px;margin-top:8px;display:grid}.achievements-list{gap:8px;margin-top:10px;display:grid}.achievement-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.achievement-row-completed{background:#f0fdf4;border-color:#16a34a}.achievement-icon{color:#6b7280;place-self:center}.achievement-row-completed .achievement-icon{color:#15803d}.achievement-row .achievement-icon{width:18px;height:18px}.achievement-copy p{margin:0}.achievement-name{font-weight:600}.achievement-description{color:#6b7280;margin-top:4px;font-size:14px}.achievement-status{text-transform:uppercase;letter-spacing:.05em;color:#374151;margin:0;font-size:12px;font-weight:600}
