:root{--bg: #0d0d18;--bg-2: #131326;--panel: #141328;--ink: #f2f2ff;--muted: #b1b4d4;--accent: #8c6bff;--accent-2: #63e9ff;--good: #66ffa7;--warn: #ffe98a;--bad: #ff5f6f;--shadow: 0 0 32px rgba(140,107,255,.32)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(1200px 800px at 10% 10%,#1a1930 0%,transparent 42%),radial-gradient(1200px 800px at 100% 100%,#151532 0%,transparent 48%),var(--bg);font-family:Changa,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.2px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(transparent 31px,#7f5eff12 32px),linear-gradient(90deg,transparent 31px,rgba(127,94,255,.07) 32px);background-size:32px 32px;opacity:.45}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 2px,transparent 2px 4px);mix-blend-mode:overlay;opacity:.2}.h-hero{font-family:Orbitron,monospace;font-size:clamp(32px,6vw,72px);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 18px rgba(93,225,255,.35)}.h-sub{color:var(--muted);font-size:18px}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.card{background:var(--panel);border:1px solid #23233a;border-radius:14px;box-shadow:var(--shadow);padding:28px}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11101ad9}.neon{box-shadow:0 0 24px #7f5eff47,inset 0 0 0 1px #7f5eff2e}.field{width:100%;padding:14px 12px;border-radius:10px;background:#0d0d17;border:1px solid #2a2845;color:#fff;transition:.2s}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px #7f5eff73}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:0;border-radius:10px;cursor:pointer;font-weight:800;letter-spacing:.3px;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0);filter:brightness(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent),#5a3aff);color:#fff;box-shadow:0 0 18px #7f5eff73}.btn-accent{background:linear-gradient(135deg,var(--accent-2),#57b9ff);color:#081019}.btn-success{background:linear-gradient(135deg,var(--good),#21c878);color:#081019}.btn-muted{background:#2b2b3f;color:#fff}.btn-glow{box-shadow:0 0 20px #7f5eff80}.pill{background:#11101a;padding:6px 10px;border-radius:8px;font-size:12px;border:1px solid #23233a}.pill.ok .value{color:var(--good)}.pill.warn .value{color:var(--warn)}.title-hero{font-family:Orbitron,monospace;font-weight:900;letter-spacing:4px;background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{text-shadow:0 0 8px rgba(127,94,255,.5)}50%{text-shadow:0 0 18px rgba(93,225,255,.55)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.float{animation:float 4s ease-in-out infinite}.glow{animation:glow 2.6s ease-in-out infinite}.stack-8{display:grid;gap:8px}.stack-12{display:grid;gap:12px}.stack-16{display:grid;gap:16px}.w-100{width:100%}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.hr{height:1px;background:#2a2b4a;margin:18px 0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11101ac7;border:1px solid #23233a;border-radius:14px;box-shadow:0 8px 24px #00000040,0 0 24px #7f5eff14;width:min(1100px,96%);margin:10px auto}.brand{font-weight:800;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.navlinks{display:flex;gap:10px;align-items:center}.navlink{padding:8px 10px;border-radius:8px;border:1px solid #2a2a44;background:#111021;color:#e9e9ff;cursor:pointer;font-weight:700;letter-spacing:.3px;transition:transform .15s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:8px}.nav-ico{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(127,94,255,.25))}.navlink:hover{transform:translateY(-2px);box-shadow:0 0 14px #7f5eff40}.navlink.logout{border-color:#4a2a34;background:#1a0f16;color:#ffb0b8}.navlink.logout:hover{box-shadow:0 0 16px #ff606e59}.profile{position:relative}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid #2a2a44;background:#0f0f1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 0 12px #7f5eff40}.menu{position:absolute;right:0;top:42px;background:#141326;border:1px solid #2a2a44;border-radius:10px;box-shadow:0 12px 28px #00000059;min-width:180px;overflow:hidden;z-index:30}.menu button{width:100%;text-align:left;background:transparent;border:0;color:#ecebf6;padding:10px 12px;cursor:pointer}.menu button:hover{background:#1a1930}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{animation:pageIn .35s ease both}.grid2{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}@media(min-width:900px){.grid2{grid-template-columns:1fr 1fr}}.arena-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:900px){.arena-grid{grid-template-columns:1.2fr 1fr}}.brand{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.brand:hover{text-decoration:none}.brand img.logo{height:44px;width:auto;margin-right:6px;display:inline-block;object-fit:contain;mix-blend-mode:screen;background:transparent;filter:drop-shadow(0 0 10px rgba(127,94,255,.35)) brightness(1.1) saturate(1.1)}.brand-text{font-weight:900;letter-spacing:.8px;font-size:20px;background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:520px){.brand img.logo{height:30px;margin-right:6px}.brand-text{font-size:18px}}.streak-card{position:relative}.streak-days{display:flex;gap:10px;margin-top:14px;margin-bottom:10px}.streak-day{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#b9bbd8;background:#0f0f1d;border:1px solid #2a2a44;box-shadow:inset 0 0 0 1px #7f5eff14}.streak-day.on{color:#081019;background:linear-gradient(135deg,var(--accent-2),#57b9ff);box-shadow:0 0 14px #63e9ff59}.mini-calendar{margin-top:12px;border:1px solid #2a2a44;border-radius:12px;padding:12px;background:#111021}.cal-head{font-weight:800;font-size:13px;opacity:.9;margin-bottom:8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.home-wrap{width:min(1100px,96%);margin:84px auto 32px;display:grid;gap:22px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.hero-stats{display:flex;gap:10px;align-items:center}.hero-art{width:min(180px,18vw);height:auto;object-fit:contain;filter:drop-shadow(0 0 24px rgba(127,94,255,.35))}@media(max-width:820px){.hero-art{display:none}}.features,.home-grid{display:grid;grid-template-columns:1fr;gap:14px}.grid-art{width:100%;height:160px;display:block;border-radius:12px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(127,94,255,.2))}@media(max-width:640px){.grid-art{height:130px}}.leader-row{display:grid;grid-template-columns:56px 1fr 80px;align-items:center;padding:10px 12px;border:1px solid #2a2a44;border-radius:10px;background:#0f0f1d}.leader-row .rank{opacity:.9;font-weight:800}.leader-row .name{font-weight:700}.leader-row .rating{text-align:right;font-weight:800}@media(min-width:900px){.features{grid-template-columns:repeat(3,1fr)}.home-grid{grid-template-columns:1fr 1fr 1fr}}.profile-wrap{width:min(1100px,96%);margin:84px auto 32px;display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:1024px){.profile-wrap{grid-template-columns:1.3fr .9fr}}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.info-grid .label{display:block;font-size:11px;opacity:.8}.info-grid .value{font-weight:900;font-size:16px}.card-subhead{font-weight:900;margin-top:8px;margin-bottom:8px}.heatmap{display:grid;gap:4px}.heat-row{display:flex;gap:4px}.heat-cell{width:12px;height:12px;border-radius:3px;background:#63e9ff;opacity:.35}.right-col{display:grid;gap:14px}.stat-card{background:#0f0f1d;border:1px solid #2a2a44;border-radius:10px;padding:16px}.big-num{font-size:42px;font-weight:900;text-align:center;margin-bottom:4px}.rank-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.ach-grid{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:900px){.ach-grid{grid-template-columns:1fr 1fr}}.ach-card{display:grid;gap:12px}.ach-head{display:flex;gap:12px;align-items:center}.ach-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#1a1832;border:1px solid #2a2a44;box-shadow:inset 0 0 0 1px #7f5eff14}.ach-name{font-weight:900;font-size:16px}.ach-progress{display:grid;gap:8px}.ach-bar{position:relative;height:10px;border-radius:10px;background:#1a1930;border:1px solid #2a2a44;overflow:hidden}.ach-bar span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent-2),#57b9ff);box-shadow:0 0 18px #63e9ff59}.ach-meta{font-size:12px;opacity:.85}.ach-done{outline:1px solid rgba(99,233,255,.35)}.features .card{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .22s ease,outline-color .22s ease;outline:1px solid #23233a}.features .card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 10px 28px #7f5eff40,0 0 0 1px #7f5eff40 inset;outline-color:#7f5eff8c}.features .card:after{content:"";position:absolute;inset:-40%;background:radial-gradient(600px 200px at var(--mx,50%) var(--my,0%),rgba(140,107,255,.18),transparent 60%);pointer-events:none;transition:opacity .25s ease;opacity:0}.features .card:hover:after{opacity:1}.features .card{--mx: 50%;--my: 0%}@keyframes modalIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:300;animation:modalIn .2s ease both}.modal-card{width:min(420px,92%);border:1px solid #23233a;border-radius:14px;padding:18px;background:#11101aeb;box-shadow:0 12px 32px #00000059,var(--shadow);animation:popIn .22s ease both}.modal-card .field{margin-top:6px}.cal-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0f0f1d;border:1px solid #2a2a44;color:#c9cbe6;font-weight:700}.cal-cell.today{outline:2px solid var(--accent-2);color:#fff;box-shadow:0 0 16px #63e9ff40}