:root{--page-bg: #0d1f12;--page-text: #f8f6f0;--page-accent: #d4a853;--color-gold: #D4AF37;--card-bg: rgba(0, 0, 0, .3);--card-border: rgba(212, 168, 83, .25);--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(255, 255, 255, .15);--success: #4ade80;--error: #f87171}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:DM Sans,sans-serif;background-color:var(--page-bg);background-image:url(/assets/felt-green-CieYw_4d.webp);background-repeat:repeat;background-attachment:fixed;color:var(--page-text);line-height:1.6;min-height:100vh}.page-header{position:relative;z-index:50;height:80px;width:100%}.header-leather{position:absolute;inset:0;background-image:url(/assets/brown-leather-DaL9-Q5O.webp);background-size:cover;background-position:center}.gold-trim{position:absolute;left:0;right:0;height:2px;background-color:var(--color-gold);z-index:10}.gold-trim.top{top:0}.gold-trim.bottom{bottom:0}.header-nav{position:relative;z-index:20;height:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-logo-link{display:block;transition:transform .2s}.header-logo-link:hover{transform:scale(1.03)}.header-logo{height:100px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-link{color:var(--page-text);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s}.header-link:hover{color:var(--color-gold)}.header-link--leaderboard{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#d4af3726;border:2px solid var(--color-gold);border-radius:8px;color:var(--color-gold);font-weight:600}.header-link--leaderboard:hover{background:#d4af3740;color:#e8c54a}.header-link--leaderboard svg{flex-shrink:0}@media (max-width: 600px){.header-link--leaderboard span{display:none}.header-link--leaderboard{padding:.4rem;border-radius:50%}}.page__content{max-width:600px;margin:0 auto;padding:2rem 1rem 4rem}.auth-prompt{text-align:center;padding:3rem 1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.auth-prompt__logo{height:120px;width:auto;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.auth-prompt h1{font-family:Playfair Display,serif;color:var(--page-accent);font-size:1.75rem;margin:0 0 .5rem}.auth-prompt p{color:#f8f6f0b3;margin:0 0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border:none;border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s,background-color .2s,opacity .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--page-accent);color:#1a1a1a}.btn--primary:hover{background:#e0b45f}.btn--outline{background:transparent;border:1px solid var(--card-border);color:var(--page-text)}.btn--outline:hover{background:#ffffff0d}.btn--large{padding:.85rem 2rem;font-size:1rem}.btn--small{padding:.4rem .85rem;font-size:.85rem}.btn__icon{flex-shrink:0}.profile{display:flex;flex-direction:column;gap:1.25rem}.profile__header{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.profile__avatar-wrap{position:relative;flex-shrink:0;width:90px;height:90px}.profile__avatar-clip{width:80px;height:80px;border-radius:50%;border:3px solid var(--page-accent);overflow:hidden}.profile__avatar{width:100%;height:100%;object-fit:cover;transform:scale(1.4)}.profile__avatar-edit{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;border:2px solid var(--page-bg);background:var(--page-accent);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s;z-index:1}.profile__avatar-edit:hover{transform:scale(1.1)}.profile__info{min-width:0}.profile__username{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--page-accent);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__account-type{margin:0;font-size:.9rem;color:#f8f6f099}.profile-card{padding:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.profile-card__title{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--page-accent);margin:0 0 .5rem}.profile-card__desc{font-size:.85rem;color:#f8f6f099;margin:0 0 1rem}.profile-card__row{display:flex;gap:.5rem}.profile-card__feedback{font-size:.85rem;margin:.5rem 0 0;min-height:1.25rem}.profile-card__feedback[data-status=success]{color:var(--success)}.profile-card__feedback[data-status=error]{color:var(--error)}.input{flex:1;padding:.6rem .85rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--page-text);font-family:inherit;font-size:.95rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--page-accent)}.input::placeholder{color:#f8f6f066}.country-select{height:48px;padding-left:.75rem;background:linear-gradient(145deg,#ffffff0a,#ffffff05);border:1px solid var(--card-border);color:var(--page-text);font-weight:600;cursor:pointer}.country-select option{color:#111}.avatar-picker{overflow:hidden}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.75rem}.avatar-option{padding:0;background:transparent;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s;width:64px;height:64px;overflow:hidden}.avatar-option img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;transform:scale(1.4)}.avatar-option:hover{border-color:#d4a853b3;transform:scale(1.08)}.avatar-option.selected{border-color:var(--page-accent);box-shadow:0 0 0 3px #d4a85366,0 0 12px #d4a85380}.account-status{display:flex;flex-direction:column;gap:.75rem}.account-status__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.account-status__label{font-size:.9rem;color:#f8f6f0b3}.account-status__value{font-weight:600;display:flex;align-items:center;gap:.4rem}.account-status__badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:20px;font-size:.8rem;color:var(--success)}.account-status__badge--warning{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.profile-card--stats{background:linear-gradient(145deg,#00000059,#00000040)}.profile-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.profile-card__header .profile-card__title{display:flex;align-items:center;gap:.5rem;margin:0}.profile-card__header .profile-card__title svg{stroke:var(--page-accent)}.profile-card__link{color:var(--page-accent);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s}.profile-card__link:hover{color:#e0b45f;text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.stats-grid--main{grid-template-columns:repeat(3,1fr)}@media (max-width: 520px){.stats-grid--main{grid-template-columns:repeat(2,1fr)}}@media (max-width: 360px){.stats-grid--main{grid-template-columns:1fr}}.stat-item{padding:1rem .5rem;background:#ffffff08;border-radius:8px;border:1px solid transparent;transition:border-color .2s}.stat-item:hover{border-color:#d4a85333}.stat-item--highlight{background:#d4a8531f;border:1px solid rgba(212,168,83,.25)}.stat-item--highlight .stat-item__value{font-size:1.75rem}.stat-item__value{display:block;font-size:1.5rem;font-weight:700;color:var(--page-accent)}.stat-item__label{display:block;font-size:.8rem;color:#f8f6f099;margin-top:.25rem}.stats-loading{text-align:center;color:#f8f6f080;font-size:.9rem;margin:1rem 0 0}.profile__actions{display:flex;justify-content:center;padding-top:.5rem}.site-footer{background:#0006;border-top:1px solid var(--card-border);padding:1.5rem 0;margin-top:auto}.site-footer__inner{max-width:900px;margin:0 auto;padding:0 1rem}.site-footer__links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;margin-bottom:1rem}.site-footer__links a{color:#f8f6f080;text-decoration:none;font-size:.85rem;transition:color .2s}.site-footer__links a:hover{color:var(--page-accent)}.site-footer__copy{text-align:center;color:#f8f6f066;font-size:.8rem;margin:0}[hidden]{display:none!important}