.vs-page{--vs-gold:#d4a843;--vs-gold-light:#e8c56a;--vs-gold-dim:rgba(212,168,67,0.15);--vs-card:rgba(255,255,255,0.04);--vs-border:rgba(212,168,67,0.2)}.vs-hero{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid var(--vs-border);background:linear-gradient(135deg,rgba(212,168,67,.12),rgba(0,0,0,.6) 50%,rgba(212,168,67,.06));padding:2rem}.vs-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0,rgba(212,168,67,.2),transparent 60%);pointer-events:none}.vs-hero-title{font-family:var(--font-display,"Cormorant Garamond",serif);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;background:linear-gradient(135deg,#fff 0,var(--vs-gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vs-card{border-radius:1.25rem;border:1px solid var(--vs-border);background:var(--vs-card);backdrop-filter:blur(12px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.vs-card:hover{border-color:rgba(212,168,67,.35);box-shadow:0 8px 32px rgba(212,168,67,.08)}.vs-stat-value{font-size:1.75rem;font-weight:700;color:var(--vs-gold-light);line-height:1.1}.vs-progress-track{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.vs-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--vs-gold) 0,var(--vs-gold-light) 100%);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.vs-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:vs-shimmer 2s infinite}@keyframes vs-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.vs-level-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid var(--vs-border);background:var(--vs-gold-dim);color:var(--vs-gold-light)}.vs-motivation{padding:.85rem 1rem;border-radius:.85rem;border-left:3px solid var(--vs-gold);background:rgba(212,168,67,.08);font-size:.875rem;color:var(--foreground);animation:vs-fade-in .5s ease}@keyframes vs-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vs-leaderboard-row{display:grid;grid-template-columns:3rem 2.5rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.85rem 1rem;border-radius:1rem;border:1px solid transparent;transition:all .2s ease}@media (min-width:640px){.vs-leaderboard-row{grid-template-columns:3.5rem 3rem minmax(0,1fr) 7rem 6rem 5rem}.vs-leaderboard-row--simple{grid-template-columns:3.5rem 3rem minmax(0,1fr) 7rem}}.vs-leaderboard-row--simple{grid-template-columns:3rem 2.75rem minmax(0,1fr) auto;gap:.85rem}.vs-leaderboard-row:hover{background:rgba(212,168,67,.06);border-color:var(--vs-border)}.vs-leaderboard-row.is-me{background:rgba(212,168,67,.1);border-color:rgba(212,168,67,.35)}.vs-rank{font-weight:800;font-size:1.1rem;color:var(--vs-gold);text-align:center}.vs-rank-top3{background:linear-gradient(135deg,var(--vs-gold),var(--vs-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25rem}.vs-move-up{color:#4ade80}.vs-move-down,.vs-move-up{font-weight:700;font-size:.75rem}.vs-move-down{color:#f87171}.vs-move-flat{color:var(--text-muted);font-size:.75rem}.vs-move-new{color:var(--vs-gold-light);font-weight:800;font-size:.7rem;letter-spacing:.05em}.vs-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.65rem;font-weight:800;border:1px solid;letter-spacing:.02em}.vs-badge-gold{background:rgba(212,168,67,.2);color:#e8c56a;border-color:rgba(212,168,67,.4)}.vs-badge-cyan{background:rgba(34,211,238,.15);color:#67e8f9;border-color:rgba(34,211,238,.3)}.vs-badge-emerald{background:rgba(52,211,153,.15);color:#6ee7b7;border-color:rgba(52,211,153,.3)}.vs-badge-purple{background:rgba(168,85,247,.15);color:#c4b5fd;border-color:rgba(168,85,247,.3)}.vs-badge-rose{background:rgba(251,113,133,.15);color:#fda4af;border-color:rgba(251,113,133,.3)}.vs-badge-orange{background:rgba(251,146,60,.15);color:#fdba74;border-color:rgba(251,146,60,.3)}.vs-badge-blue{background:rgba(96,165,250,.15);color:#93c5fd;border-color:rgba(96,165,250,.3)}.vs-achievement{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:1rem;border:1px solid var(--vs-border);background:var(--vs-card);text-align:center;transition:transform .2s ease}.vs-achievement:hover{transform:translateY(-2px)}.vs-achievement.locked{opacity:.35;filter:grayscale(.8)}.vs-achievement-icon{font-size:2rem;line-height:1}.vs-confetti-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.vs-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:vs-confetti-fall 2.5s ease-out forwards}@keyframes vs-confetti-fall{0%{transform:translateY(-10vh) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:0}}.vs-achievement-popup{position:fixed;bottom:2rem;right:2rem;z-index:9998;padding:1.25rem 1.5rem;border-radius:1.25rem;border:1px solid var(--vs-border);background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(30,25,10,.98));box-shadow:0 20px 60px rgba(212,168,67,.2);animation:vs-popup-in .5s cubic-bezier(.34,1.56,.64,1);max-width:320px}@keyframes vs-popup-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.vs-reward-card{padding:1rem 1.25rem;border-radius:1rem;border:1px dashed var(--vs-border);background:rgba(212,168,67,.04)}.vs-filter-pill{padding:.4rem 1rem;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid var(--card-border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.vs-filter-pill.active,.vs-filter-pill:hover{border-color:var(--vs-gold);background:var(--vs-gold-dim);color:var(--vs-gold-light)}.vs-countdown{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:rgba(0,0,0,.4);border:1px solid var(--vs-border);font-weight:700;color:var(--vs-gold-light)}.vs-sponsor-logo{height:2rem;width:auto;object-fit:contain;opacity:.85}.vs-guide{border-radius:1.5rem;border:1px solid var(--vs-border);background:linear-gradient(145deg,rgba(212,168,67,.1),rgba(0,0,0,.35) 45%,rgba(212,168,67,.05));padding:1.25rem 1.25rem 1.5rem}@media (min-width:640px){.vs-guide{padding:1.5rem 1.75rem 1.75rem}}.vs-guide-header{margin-bottom:1.25rem}.vs-guide-step{border-radius:1rem;border:1px solid rgba(212,168,67,.18);background:rgba(0,0,0,.28);padding:1rem;transition:border-color .2s ease,transform .2s ease}.vs-guide-step:hover{border-color:rgba(212,168,67,.4);transform:translateY(-2px)}.vs-guide-num{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--vs-gold);color:#000;font-size:.7rem;font-weight:800}.vs-point-chip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .9rem;border-radius:.95rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);text-decoration:none;color:inherit}.vs-point-chip--power{border-color:rgba(212,168,67,.45);background:linear-gradient(135deg,rgba(212,168,67,.16),rgba(255,255,255,.03) 55%),rgba(0,0,0,.25);box-shadow:0 0 0 1px rgba(212,168,67,.08),0 10px 28px rgba(0,0,0,.18)}.vs-point-chip__icon{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:.55rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.8rem;flex-shrink:0}.vs-point-chip__icon--power{background:rgba(212,168,67,.18);border-color:rgba(212,168,67,.35);color:var(--vs-gold-light)}.vs-point-chip__points{color:var(--vs-gold);font-weight:800;font-size:.95rem;flex-shrink:0;font-variant-numeric:tabular-nums}.vs-point-chip__points--power{font-size:1.05rem;color:var(--vs-gold-light);text-shadow:0 0 18px rgba(212,168,67,.35)}.vs-admin-glass{border-radius:1.35rem;border:1px solid rgba(212,168,67,.22);background:linear-gradient(145deg,rgba(212,168,67,.1),rgba(255,255,255,.03) 42%,rgba(0,0,0,.18));backdrop-filter:blur(16px)}.vs-admin-lb-list{display:flex;flex-direction:column;gap:.9rem;max-height:70vh;overflow-y:auto;padding-right:.25rem}.vs-admin-lb-card{border-radius:1.15rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:1rem 1.05rem 1.05rem}.vs-admin-lb-card .vs-leaderboard-row{padding:.15rem .1rem .35rem}.vs-admin-lb-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.vs-admin-lb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.vs-admin-state-select{min-width:10.5rem;padding:.55rem .85rem;border-radius:.85rem;border:1px solid var(--card-border);background:rgba(0,0,0,.28);color:var(--text);font-size:.85rem;font-weight:600}[data-theme=light] .vs-admin-state-select{background:rgba(255,255,255,.9)}.vs-admin-earn-row,.vs-admin-point-rule{border-radius:.95rem;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);padding:.8rem .9rem}.vs-admin-point-rule{display:flex;align-items:center;justify-content:space-between;gap:.75rem}[data-theme=light] .vs-admin-glass{background:linear-gradient(145deg,rgba(166,124,0,.1),rgba(255,255,255,.88) 48%,rgba(166,124,0,.05));border-color:rgba(166,124,0,.22)}[data-theme=light] .vs-admin-earn-row,[data-theme=light] .vs-admin-lb-card,[data-theme=light] .vs-admin-point-rule{background:rgba(255,255,255,.72);border-color:rgba(20,18,16,.08)}[data-theme=light] .vs-admin-lb-actions{border-top-color:rgba(20,18,16,.08)}[data-theme=light] .vs-guide{background:linear-gradient(145deg,rgba(166,124,0,.08),rgba(255,255,255,.9) 50%,rgba(166,124,0,.05))}[data-theme=light] .vs-guide-step,[data-theme=light] .vs-point-chip{background:rgba(255,255,255,.75);border-color:rgba(20,18,16,.08)}[data-theme=light] .vs-point-chip--power{background:linear-gradient(135deg,rgba(166,124,0,.14),rgba(255,255,255,.92) 60%);border-color:rgba(166,124,0,.35);box-shadow:0 8px 22px rgba(20,18,16,.06)}.vs-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.vs-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.vs-detail-chip{border-radius:.85rem;border:1px solid var(--vs-border);background:rgba(0,0,0,.25);padding:.85rem}.vs-detail-chip p:first-child{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem}.vs-detail-chip p:last-child{font-size:.9rem;font-weight:700;color:var(--vs-gold-light)}