:root{--bg:#070710;--panel:#12122a;--panel2:#181838;--line:rgba(124,92,255,.22);--line2:rgba(124,92,255,.45);--accent:#7c5cff;--accent2:#39b3ff;--teal:#1fd6a6;--danger:#ff4d6d;--gold:#ffcf5c;--text:#eae8ff;--muted:#8b88b8}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%,#1a1340 0,var(--bg) 60%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center}.app,body{min-height:100vh}.app{width:100%;max-width:430px;padding:0 14px 40px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.panel{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:16px}.card{padding:13px 14px;margin-top:12px}.top{display:flex;align-items:center;gap:8px;padding:16px 4px 8px}.rank{font-weight:700;color:#fff;padding:4px 11px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#4a2fd0)}.chip,.rank{font-size:12px}.chip{color:var(--muted)}.chip b{color:var(--text)}.spacer{flex:1 1}.stage{position:relative;height:200px;margin-top:6px;border-radius:18px;overflow:hidden;background:radial-gradient(120px 120px at 50% 45%,rgba(124,92,255,.28),transparent 70%),linear-gradient(180deg,#0b0b1e,#0a0a18);border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center}.avatar{animation:bob 2.6s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(124,92,255,.55))}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.barLabel{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:5px}.bar{height:11px;border-radius:7px;background:#1c1c38;overflow:hidden;border:1px solid var(--line)}.bar>span{display:block;height:100%;border-radius:7px}.bossFill{background:linear-gradient(90deg,#ff4d6d,#b3263f)}.expFill{background:linear-gradient(90deg,var(--accent),var(--accent2))}.row{display:flex;gap:10px;margin-top:12px}.stat{flex:1 1;text-align:center;padding:11px 6px;border-radius:13px;background:var(--panel);border:1px solid var(--line)}.stat .l{font-size:11px;color:var(--muted)}.stat .v{font-size:19px;font-weight:700;margin-top:3px}.sys{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(57,179,255,.06))}.sys .h{font-size:11px;letter-spacing:1.5px;color:var(--accent2);font-weight:700}.sys .b{font-size:13px;color:#cfcaf5;margin-top:5px;line-height:1.5}.secTitle{justify-content:space-between;margin:16px 2px 8px;font-size:14px;font-weight:600}.q,.secTitle{display:flex;align-items:center}.q{gap:12px;padding:12px;border-radius:13px;background:var(--panel);border:1px solid var(--line);margin-bottom:9px;cursor:pointer}.q.done{background:linear-gradient(135deg,rgba(124,92,255,.18),transparent)}.q .box{width:23px;height:23px;border-radius:7px;border:1.5px solid var(--line2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;font-size:14px}.q.done .box{background:var(--accent);border-color:var(--accent);color:#fff}.q .nm{font-size:14px;font-weight:600}.q.done .nm{color:var(--muted);text-decoration:line-through}.q .sb{color:var(--muted)}.q .rw,.q .sb{font-size:11px}.q .rw{margin-left:auto;text-align:right;color:var(--accent2)}button,input{font-family:inherit}.field{display:flex;gap:8px;align-items:center}.field input{flex:1 1;padding:12px;border-radius:11px;border:1px solid var(--line2);background:#0c0c1e;color:var(--text);font-size:16px}.primary{padding:13px 16px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--accent),#4a2fd0);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.login{display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:80vh}.err{color:var(--danger);font-size:13px}