:root{--bg: #0c0c0e;--bg-card: #16161a;--bg-elevated: #1e1e24;--accent: #9e4a5a;--accent-hover: #b85a6c;--text: #f5f5f7;--text-muted: #9ca3af;--border: #2a2a32;--success: #4ade80;--warning: #fbbf24;--radius: 12px;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;padding-bottom:72px}a{color:var(--accent-hover);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}input,textarea{font-family:inherit;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;width:100%}.app-shell{max-width:480px;margin:0 auto;min-height:100vh}.page{padding:16px}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card-tournament{background:linear-gradient(135deg,#1a1a20,#12121a);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;cursor:pointer;transition:border-color .2s}.card-tournament:hover{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:600;font-size:.95rem;transition:opacity .2s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#7a3545 100%);color:#fff;width:100%}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);width:100%}.btn-ghost{background:transparent;color:var(--text-muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-elevated);border-radius:20px;padding:4px 10px;font-size:.8rem;color:var(--text-muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:100}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:.7rem;padding:4px 12px;text-decoration:none}.bottom-nav a.active{color:var(--accent-hover)}.bottom-nav svg{width:22px;height:22px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:16px}.modal{background:var(--bg-card);border-radius:16px 16px 0 0;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;padding:10px;text-align:center;border-radius:8px;background:var(--bg-elevated);color:var(--text-muted);font-size:.85rem;cursor:pointer;border:none}.tab.active{background:var(--accent);color:#fff}.progress-bar{height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;background:var(--accent);border-radius:3px}.rating-table{width:100%;border-collapse:collapse;font-size:.85rem}.rating-table th{text-align:left;color:var(--text-muted);font-weight:500;padding:8px 4px;border-bottom:1px solid var(--border)}.rating-table td{padding:10px 4px;border-bottom:1px solid var(--border)}.rating-table tr.me{background:#9e4a5a26}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-height:90px}.tile h4{font-size:.75rem;color:var(--text-muted);margin-bottom:8px;letter-spacing:.05em}.accordion-item{border-bottom:1px solid var(--border)}.accordion-q{width:100%;text-align:left;padding:14px 0;background:none;color:var(--text);font-size:.95rem;display:flex;justify-content:space-between}.accordion-a{padding-bottom:14px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.stat-grid .value{font-size:1.1rem;font-weight:700}.stat-grid .label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.loading,.error-box{text-align:center;padding:40px 20px;color:var(--text-muted)}.error-box{color:#f87171}.badge{display:inline-block;background:#9e4a5a4d;color:var(--accent-hover);padding:4px 10px;border-radius:20px;font-size:.75rem}.onboarding,.onboarding-loading,.onboarding-error{min-height:100vh;max-width:480px;margin:0 auto}.onboarding{padding:16px}.onboarding-loading,.onboarding-error{display:flex;align-items:center;justify-content:center;padding:16px}.onboarding-step{color:var(--accent-hover);font-size:.85rem;margin-bottom:8px}.onboarding-check{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:.9rem;line-height:1.4;cursor:pointer}.onboarding-check input{width:auto;margin-top:4px;flex-shrink:0}.onboarding-download{display:block;width:100%;text-align:center;text-decoration:none;margin-bottom:8px}.agreement-frame{width:100%;height:42vh;min-height:240px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;background:#0c0c0e}.form-row{margin-bottom:12px}.form-row label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:6px}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.notif-btn{position:relative;background:var(--bg-elevated);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.notif-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:.65rem;padding:2px 5px;border-radius:10px}.notif-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;cursor:pointer}.notif-item--read{opacity:.65;cursor:default}.notif-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.notif-item-title{font-weight:600;font-size:.95rem}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-hover);flex-shrink:0}.notif-item-body{color:var(--text-muted);font-size:.88rem;line-height:1.45;margin-bottom:8px}.notif-item-time{font-size:.75rem;color:var(--text-muted)}