:root{--bg-dark:#0f1219;--bg-panel:#181d2a;--bg-card:#22283a;--border:#363e54;--gold:#d4a537;--gold-glow:#d4a53740;--bronze:#8c6d46;--text:#e8e4dc;--text-muted:#9aa1b5;--green:#48bb78;--red:#f56565;--blue:#4299e1}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text);background-image:radial-gradient(circle at top right, #1d2538 0%, var(--bg-dark) 70%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Georgia,serif;line-height:1.5}.wrap{max-width:900px;margin:0 auto;padding:16px}.hero-header{background:linear-gradient(145deg, #1b2131, var(--bg-panel));border:1px solid var(--gold);box-shadow:0 4px 20px #00000080, 0 0 15px var(--gold-glow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.hero-profile{align-items:center;gap:14px;display:flex}.hero-avatar{border:2px solid var(--gold);background:#2a3348;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.2em;display:flex}.hero-name{color:var(--gold);letter-spacing:.5px;font-size:1.3em;font-weight:700}.hero-class{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85em}.hero-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lvl-badge{background:var(--gold);color:#1a1608;border-radius:8px;padding:4px 10px;font-size:.9em;font-weight:700}.xp-container{width:100%;margin-top:10px}.xp-info{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:.8em;display:flex}.xp-bar{border:1px solid var(--border);background:#131722;border-radius:8px;height:12px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, #63b3ed, var(--gold));height:100%;transition:width .4s}.nav-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.nav-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:1em;font-weight:600;transition:all .2s}.nav-tab:hover{color:var(--gold);background:#d4a53714}.nav-tab.active{color:var(--gold);border:1px solid var(--border);background:#252d42}.coins{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.cb{border-radius:6px;align-items:center;gap:2px;padding:2px 7px;font-size:.82em;font-weight:700;display:inline-flex}.pp{color:#0f172a;background:#cbd5e1}.gp{color:#3b2a05;background:#d4a537}.sp{color:#1e293b;background:#94a3b8}.cp{color:#fff;background:#b46b38}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px;display:grid}.stat-box{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;padding:12px}.stat-box h4{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.8em}.stat-box .stat-val{color:var(--gold);font-size:1.5em;font-weight:700}.stat-box .stat-sub{color:var(--text-muted);font-size:.75em}.view-panel{display:none}.view-panel.active{display:block}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:18px}.card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-header h3{color:var(--gold);font-size:1.1em}.quest-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;transition:transform .15s,border-color .2s;display:flex}.quest-item:hover{border-color:var(--gold);transform:translateY(-1px)}.quest-item.done{opacity:.6;border-color:#2b354d}.quest-left{align-items:center;gap:12px;display:flex}.quest-left input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--gold)}.quest-title{font-size:.95em;font-weight:500}.quest-item.done .quest-title{text-decoration:line-through}.quest-badge{color:var(--blue);border:1px solid var(--border);background:#1a2233;border-radius:12px;padding:3px 8px;font-size:.75em}.form-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}input,select{border:1px solid var(--border);color:var(--text);background:#141824;border-radius:6px;flex:1;min-width:120px;padding:8px 12px;font-size:.9em}input:focus,select:focus{border-color:var(--gold);outline:none}button.btn-primary{color:#161208;cursor:pointer;background:linear-gradient(135deg,#d4a537,#aa7e22);border:none;border-radius:6px;padding:8px 16px;font-weight:700}button.btn-primary:hover{opacity:.9}.dist-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.dist-card{border:1px solid var(--border);border-radius:8px;padding:14px}.dist-card.d50{background:#162438;border-color:#2b456b}.dist-card.d30{background:#33261a;border-color:#6b4d2b}.dist-card.d20{background:#172d24;border-color:#2b6b4f}.dist-card h4{color:#fff;margin-bottom:6px;font-size:.9em}.dist-sum{margin-bottom:8px;font-size:1.4em;font-weight:700}.hidden{display:none!important}.user-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.user-bar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.user-email{color:var(--text-muted);font-size:.8em}.app-brand-name{color:var(--gold);letter-spacing:.5px;font-size:.95em;font-weight:700}.app-brand-slogan{color:var(--text-muted);font-size:.72em}button.btn-ghost{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:.85em;transition:all .2s}button.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.auth-card{background:var(--bg-panel);border:1px solid var(--gold);max-width:380px;box-shadow:0 4px 24px #0000008c, 0 0 18px var(--gold-glow);border-radius:14px;margin:7vh auto 0;padding:26px 24px}.auth-logo{text-align:center;margin-bottom:6px;font-size:2.6em}.auth-title{text-align:center;color:var(--gold);letter-spacing:1px;font-size:1.5em}.auth-slogan{text-align:center;color:var(--text-muted);margin-top:6px;font-size:.85em;font-style:italic}.auth-sub{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:14px;margin-bottom:18px;font-size:.8em}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:6px;font-size:.78em;display:flex}.auth-form input{width:100%}button.btn-block{width:100%;padding:10px 16px;font-size:1em}button.btn-primary:disabled{opacity:.6;cursor:progress}.auth-msg{border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.85em}.auth-msg.error{border:1px solid var(--red);color:#ffb3b3;background:#f565651f}.auth-msg.success{border:1px solid var(--green);color:#a7f3c6;background:#48bb781f}.auth-switch{text-align:center;color:var(--text-muted);margin-top:16px;font-size:.85em}button.link-btn{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1em;text-decoration:underline}button.hero-avatar{cursor:pointer;padding:0;font-family:inherit;transition:box-shadow .2s,transform .15s}button.hero-avatar:hover{box-shadow:0 0 14px var(--gold-glow);transform:translateY(-1px)}.modal-overlay{z-index:100;background:#080a10b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-panel);border:1px solid var(--gold);width:100%;max-width:380px;box-shadow:0 8px 32px #0009, 0 0 18px var(--gold-glow);border-radius:14px;padding:20px 22px}.modal-header{margin-bottom:16px}.modal-header h3{color:var(--gold);font-size:1.1em}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:6px;font-size:.78em;display:flex}.modal-form input{width:100%}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}