:root{--sand-bg: #1a140e;--sand-bg-2: #120d08;--sand-panel: #221912;--sand-panel-2: #2a1f15;--sand-text: #e9ddc7;--sand-text-muted: #b8a98e;--gold: #d4a04a;--gold-bright: #f0c66b;--turquoise: #3fb6a8;--rule: #3a2c1f;--danger: #d97a6b}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(180deg,var(--sand-bg) 0%,var(--sand-bg-2) 100%);background-attachment:fixed;color:var(--sand-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;gap:1rem}.login-card{width:100%;max-width:380px;background:var(--sand-panel);border:1px solid var(--rule);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 18px 50px #00000073}.login-logo{width:132px;height:132px;align-self:center;margin-bottom:.25rem}.login-subtitle{margin:0 0 .4rem;text-align:center;color:var(--sand-text-muted)}.login-label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--sand-text-muted)}.login-label input{background:var(--sand-bg-2);border:1px solid var(--rule);border-radius:9px;padding:.65rem .75rem;color:var(--sand-text);font-size:1rem}.login-label input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #d4a04a40}.login-submit{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a140e;font-weight:700;border:none;border-radius:9px;padding:.7rem 1rem;font-size:1rem;cursor:pointer}.login-submit:disabled{opacity:.6;cursor:default}.login-reset{background:none;border:none;color:var(--gold-bright);cursor:pointer;font-size:.85rem;padding:.25rem}.login-error{background:#d97a6b1f;border:1px solid rgba(217,122,107,.4);color:var(--danger);border-radius:9px;padding:.55rem .7rem;font-size:.9rem}.login-info{background:#3fb6a81a;border:1px solid rgba(63,182,168,.35);color:var(--turquoise);border-radius:9px;padding:.55rem .7rem;font-size:.9rem}.login-foot{color:var(--sand-text-muted);font-size:.85rem;text-align:center}.login-back{color:var(--sand-text-muted);font-size:.85rem;text-decoration:none}.login-back:hover{color:var(--gold-bright)}.shell{min-height:100vh;display:flex;flex-direction:column}.topnav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;background:linear-gradient(180deg,var(--sand-bg) 0%,var(--sand-bg-2) 100%);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:10}.brand-logo{height:44px;width:44px;display:block}.topnav-right{display:flex;align-items:center;gap:.9rem}.topnav-user{color:var(--sand-text-muted);font-size:.9rem}.topnav-signout{background:none;border:1px solid var(--rule);color:var(--sand-text);border-radius:8px;padding:.4rem .8rem;cursor:pointer;font-size:.85rem}.topnav-signout:hover{border-color:var(--gold);color:var(--gold-bright)}.main-pane{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.page-state{padding:3rem 1rem;text-align:center;color:var(--sand-text-muted)}.page-state--error{color:var(--danger)}.account{display:flex;flex-direction:column;gap:1.5rem}.hero-card{display:flex;gap:1.25rem;align-items:center;background:var(--sand-panel);border:1px solid var(--rule);border-radius:16px;padding:1.5rem}.hero-avatar{position:relative;flex-shrink:0}.hero-avatar-img,.hero-avatar-monogram{width:96px;height:96px;border-radius:50%;border:2px solid var(--gold);object-fit:cover}.hero-avatar-monogram{display:flex;align-items:center;justify-content:center;background:var(--sand-panel-2);color:var(--gold-bright);font-size:2rem;font-weight:700}.hero-level-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a140e;font-size:.75rem;font-weight:700;padding:.1rem .55rem;border-radius:999px;white-space:nowrap}.hero-body{min-width:0;flex:1}.hero-name{margin:0;font-size:1.5rem;line-height:1.2}.hero-tag{color:var(--sand-text-muted);font-size:.9rem;margin-bottom:.5rem}.hero-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.chip{font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.chip--vip{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a140e}.chip--title{background:#3fb6a826;color:var(--turquoise);border:1px solid rgba(63,182,168,.4);text-transform:none;letter-spacing:0}.chip--guest{background:#b8a98e1f;color:var(--sand-text-muted);border:1px solid var(--rule)}.xp-block{display:flex;flex-direction:column;gap:.35rem}.xp-bar{height:8px;background:var(--sand-bg-2);border:1px solid var(--rule);border-radius:999px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:999px;transition:width .4s ease}.xp-meta{font-size:.8rem;color:var(--sand-text-muted)}.info-grid{background:var(--sand-panel);border:1px solid var(--rule);border-radius:16px;padding:.5rem 1.25rem}.info-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--rule)}.info-row:last-child{border-bottom:none}.info-label{color:var(--sand-text-muted);font-size:.9rem}.info-value{display:flex;align-items:center;gap:.5rem;text-align:right;font-weight:600}.info-sub{display:block;font-weight:400;font-size:.78rem;color:var(--sand-text-muted)}.badge{font-size:.68rem;font-weight:700;padding:.1rem .5rem;border-radius:999px;text-transform:uppercase}.badge--ok{background:#3fb6a826;color:var(--turquoise)}.badge--warn{background:#d97a6b26;color:var(--danger)}.account-foot{color:var(--sand-text-muted);font-size:.85rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:.9rem}.login-tabs{display:flex;gap:.4rem;background:var(--sand-bg-2);border:1px solid var(--rule);border-radius:10px;padding:.25rem}.login-tab{flex:1;background:none;border:none;color:var(--sand-text-muted);font-size:.82rem;font-weight:600;padding:.5rem .4rem;border-radius:7px;cursor:pointer}.login-tab--active{background:var(--sand-panel-2);color:var(--gold-bright)}.login-tab:disabled{cursor:default}.login-help{margin:0;font-size:.85rem;color:var(--sand-text-muted);line-height:1.5}.login-help strong{color:var(--sand-text)}.login-code-input{text-transform:uppercase;letter-spacing:.18em;font-size:1.2rem!important;text-align:center;font-family:SFMono-Regular,ui-monospace,Menlo,monospace}.tabnav{background:var(--sand-bg-2);border-bottom:1px solid var(--rule);position:sticky;top:75px;z-index:9}.tabnav-inner{max-width:720px;margin:0 auto;display:flex;gap:.25rem;padding:0 .75rem;overflow-x:auto}.tabnav-link{color:var(--sand-text-muted);text-decoration:none;font-size:.88rem;font-weight:600;padding:.75rem .7rem;border-bottom:2px solid transparent;white-space:nowrap}.tabnav-link:hover{color:var(--sand-text)}.tabnav-link--active{color:var(--gold-bright);border-bottom-color:var(--gold)}.hero-edit{align-self:flex-start;background:none;border:1px solid var(--rule);color:var(--sand-text);border-radius:8px;padding:.35rem .75rem;font-size:.82rem;cursor:pointer}.hero-edit:hover{border-color:var(--gold);color:var(--gold-bright)}.panel{background:var(--sand-panel);border:1px solid var(--rule);border-radius:16px;padding:1.25rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:.85rem}.panel--vip{border-color:#d4a04a80;box-shadow:inset 0 0 0 1px #f0c66b1f}.panel--danger{border-color:#d97a6b66}.panel--soon{border-style:dashed;text-align:center}.panel-title{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.panel-title-chip{font-size:.62rem}.panel-text{margin:0;color:var(--sand-text-muted);font-size:.9rem;line-height:1.55}.panel-text strong{color:var(--sand-text)}.panel--list{gap:.6rem}.field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.82rem;color:var(--sand-text-muted)}.field-input{background:var(--sand-bg-2);border:1px solid var(--rule);border-radius:9px;padding:.6rem .7rem;color:var(--sand-text);font-size:1rem}.field-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #d4a04a38}.field-hint{font-size:.72rem;color:var(--sand-text-muted)}.form-error{background:#d97a6b1f;border:1px solid rgba(217,122,107,.4);color:var(--danger);border-radius:9px;padding:.55rem .7rem;font-size:.88rem}.form-info{background:#3fb6a81a;border:1px solid rgba(63,182,168,.35);color:var(--turquoise);border-radius:9px;padding:.55rem .7rem;font-size:.88rem}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap}.btn{border-radius:9px;padding:.6rem 1rem;font-size:.92rem;font-weight:700;cursor:pointer;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a140e}.btn-ghost{background:none;border-color:var(--rule);color:var(--sand-text)}.btn-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright)}.btn-danger{background:#d97a6b24;border-color:#d97a6b80;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#d97a6b3d}.stat-row,.wallet-row{display:flex;gap:.85rem}.stat,.wallet{flex:1;background:var(--sand-panel);border:1px solid var(--rule);border-radius:14px;padding:.9rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.stat-value,.wallet-value{font-size:1.35rem;font-weight:800;color:var(--gold-bright)}.wallet-value--najm{color:var(--turquoise)}.stat-label,.wallet-label{font-size:.74rem;color:var(--sand-text-muted);text-transform:uppercase;letter-spacing:.04em}.avatar-picker{display:flex;flex-direction:column;gap:.85rem}.avatar-group-title{margin:0 0 .4rem;font-size:.78rem;color:var(--sand-text-muted);text-transform:uppercase;letter-spacing:.05em}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.5rem}.avatar-option{padding:0;border:2px solid transparent;border-radius:50%;background:var(--sand-bg-2);cursor:pointer;aspect-ratio:1;overflow:hidden}.avatar-option img{width:100%;height:100%;object-fit:cover;display:block}.avatar-option--active{border-color:var(--gold);box-shadow:0 0 0 2px #d4a04a4d}.card-list,.match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.card-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--rule);font-size:.92rem}.card-row:last-child{border-bottom:none}.card-qty{color:var(--gold-bright);font-weight:700;font-size:.85rem}.match-row{display:grid;grid-template-columns:3.2rem 1fr auto auto 2.5rem;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--rule);font-size:.88rem}.match-row:last-child{border-bottom:none}.match-outcome{font-weight:700;font-size:.78rem}.match-outcome--win{color:var(--turquoise)}.match-outcome--loss{color:var(--danger)}.match-outcome--draw{color:var(--sand-text-muted)}.match-opp{color:var(--sand-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-renown{color:var(--sand-text-muted);font-size:.82rem}.match-delta{font-weight:700;font-size:.82rem}.match-delta--up{color:var(--turquoise)}.match-delta--down{color:var(--danger)}.match-date{color:var(--sand-text-muted);font-size:.78rem;text-align:right}