@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300&display=swap";:root{--bg: #0a0804;--bg2: #120e07;--bg3: #1c1509;--border: #3d2e12;--border2: #5a4520;--gold: #c9943a;--gold2: #e8bb5c;--text: #e8d5a8;--text2: #a8935c;--text3: #6b5c38;--spice: #e8670a;--spice2: #ff8c3a;--green: #4ade80;--red: #f87171}*{box-sizing:border-box;margin:0;padding:0}html{font-size:20px}body{background:var(--bg);color:var(--text);font-family:Crimson Pro,Georgia,serif;min-height:100vh}.app{min-height:100vh;background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(201,148,58,.07) 0%,transparent 60%),var(--bg)}.header{border-bottom:1px solid var(--border);background:linear-gradient(180deg,#120e07fa,#0a0804f2);padding:0 1.5rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;gap:.75rem;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.logo-mark{width:32px;height:32px;border:1.5px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--gold2);box-shadow:0 0 10px #c9943a47}.logo-text h1{font-family:Cinzel,serif;font-size:.95rem;font-weight:700;color:var(--gold2);letter-spacing:.1em;line-height:1}.logo-text span{font-size:.55rem;color:var(--text3);letter-spacing:.22em;text-transform:uppercase}.nav{display:flex;gap:.15rem;flex-wrap:wrap}.nav-btn{background:none;border:1px solid transparent;color:var(--text2);font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.1em;padding:.4rem .8rem;cursor:pointer;transition:all .2s;text-transform:uppercase}.nav-btn:hover{color:var(--gold2);border-color:var(--border2)}.nav-btn.active{color:var(--gold2);border-color:var(--gold);background:#c9943a14}.header-user{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.user-badge{font-family:Cinzel,serif;font-size:.65rem;color:var(--text2)}.user-badge strong{color:var(--gold2)}.guild-badge{font-size:.6rem;color:var(--text3);border:1px solid var(--border);border-radius:2px;padding:.1rem .4rem;font-family:Cinzel,serif}.logout-btn{background:none;border:1px solid var(--border);border-radius:2px;color:var(--text3);font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.08em;padding:.28rem .55rem;cursor:pointer;transition:all .15s}.logout-btn:hover{color:var(--red);border-color:var(--red)}.main{max-width:1400px;margin:0 auto;padding:1.75rem 1.5rem}.page-title{font-family:Cinzel,serif;font-size:1.35rem;font-weight:700;color:var(--gold2);letter-spacing:.07em;margin-bottom:.3rem}.page-sub{color:var(--text3);font-size:.85rem;margin-bottom:1.6rem;line-height:1.55}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border2),var(--gold),var(--border2),transparent);margin:1.1rem 0}.card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;overflow:hidden}.card-header{padding:.78rem 1.1rem;border-bottom:1px solid var(--border);font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.45rem}.card-body{padding:1rem}.field-label{display:block;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:.3rem}.field-input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:Crimson Pro,serif;font-size:.95rem;padding:.42rem .65rem;outline:none;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c9943a21}.field-input::placeholder{color:var(--text3)}.btn{border-radius:3px;font-family:Cinzel,serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s;padding:.55rem 1.1rem;border:1px solid}.btn-gold{background:linear-gradient(135deg,#8a6520,#c9943a);border-color:var(--gold);color:var(--bg);box-shadow:0 2px 10px #c9943a2e}.btn-gold:hover:not(:disabled){background:linear-gradient(135deg,#a07830,#e8aa4a);box-shadow:0 3px 16px #c9943a52;transform:translateY(-1px)}.btn-outline{background:none;border-color:var(--border2);color:var(--text2)}.btn-outline:hover:not(:disabled){border-color:var(--gold);color:var(--gold2)}.btn-danger{background:none;border-color:#f8717159;color:var(--red)}.btn-danger:hover{background:#f8717114}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.btn-full{width:100%}.btn-sm{padding:.32rem .7rem;font-size:.6rem}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-box{width:100%;max-width:380px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;overflow:hidden}.auth-header{padding:1.8rem 1.8rem 1rem;text-align:center;background:linear-gradient(180deg,rgba(201,148,58,.06),transparent)}.auth-logo{width:48px;height:48px;border:2px solid var(--gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--gold2);margin-bottom:.75rem;box-shadow:0 0 18px #c9943a40}.auth-title{font-family:Cinzel,serif;font-size:1.1rem;color:var(--gold2);letter-spacing:.1em}.auth-sub{font-size:.78rem;color:var(--text3);margin-top:.2rem}.auth-body{padding:1.4rem 1.8rem 1.8rem}.auth-toggle{text-align:center;margin-top:1rem;font-size:.8rem;color:var(--text3)}.auth-toggle button{background:none;border:none;color:var(--gold);cursor:pointer;font-size:.8rem;text-decoration:underline}.auth-error{background:#f8717114;border:1px solid rgba(248,113,113,.3);border-radius:3px;color:var(--red);font-size:.75rem;padding:.45rem .7rem;margin-bottom:.75rem}.auth-success{background:#4ade8012;border:1px solid rgba(74,222,128,.28);border-radius:3px;color:var(--green);font-size:.75rem;padding:.45rem .7rem;margin-bottom:.75rem}.loading{display:flex;align-items:center;justify-content:center;min-height:220px;color:var(--text3);font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.12em;gap:.5rem}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--border2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:3.2rem 2rem;color:var(--text3)}.empty .ei{font-size:2rem;margin-bottom:.8rem;opacity:.38}.empty h3{font-family:Cinzel,serif;font-size:.88rem;color:var(--text2);margin-bottom:.38rem}.empty p{font-size:.82rem}.toast{background:#4ade8012;border:1px solid rgba(74,222,128,.28);border-radius:3px;color:var(--green);font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.09em;padding:.46rem .9rem;margin-top:.55rem;text-align:center;animation:fi .3s ease}@keyframes fi{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stat-row{display:flex;gap:.65rem;margin-bottom:1.3rem;flex-wrap:wrap}.stat-badge{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:.6rem .95rem;min-width:95px}.stat-num{font-family:Cinzel,serif;font-size:1.38rem;font-weight:700;color:var(--gold2);line-height:1}.stat-lbl{font-size:.6rem;color:var(--text3);letter-spacing:.09em;text-transform:uppercase;margin-top:.2rem;font-family:Cinzel,serif}.guild-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:700px}@media (max-width: 600px){.guild-grid{grid-template-columns:1fr}}.invite-link-box{background:var(--bg3);border:1px solid var(--border2);border-radius:3px;padding:.5rem .8rem;font-size:.7rem;color:var(--gold2);word-break:break-all;font-family:Cinzel,serif}.copy-btn{background:none;border:1px solid var(--border);border-radius:2px;color:var(--text2);font-family:Cinzel,serif;font-size:.58rem;padding:.22rem .5rem;cursor:pointer;transition:all .15s;margin-left:.4rem;white-space:nowrap}.copy-btn:hover{border-color:var(--gold);color:var(--gold2)}.copy-btn.copied{border-color:var(--green);color:var(--green)}.submit-layout{display:grid;grid-template-columns:255px 1fr;gap:1.5rem;align-items:start}@media (max-width: 860px){.submit-layout{grid-template-columns:1fr}}.class-grid{display:grid;grid-template-columns:1fr;gap:.35rem;margin-top:.35rem}.class-btn{background:var(--bg3);border:1px solid var(--border);border-radius:3px;color:var(--text2);font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.07em;padding:.45rem .65rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.45rem}.class-btn:hover{border-color:var(--border2);color:var(--text)}.class-btn.selected{border-color:var(--gold);background:#c9943a14;color:var(--gold2)}.tree-title{font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text3);margin-bottom:.5rem;display:flex;align-items:center;gap:.45rem}.tree-title:after{content:"";flex:1;height:1px;background:var(--border)}.skill-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.34rem;padding:.27rem .42rem;border-radius:3px;transition:background .12s}.skill-row:hover{background:#ffffff05}.skill-name{font-size:.8rem;color:var(--text);flex:1;min-width:0}.skill-name.maxed{color:var(--gold2)}.type-badge{font-family:Cinzel,serif;font-size:.5rem;letter-spacing:.06em;padding:.08rem .35rem;border-radius:2px;border:1px solid;white-space:nowrap;flex-shrink:0}.rank-pips{display:flex;gap:.25rem;flex-shrink:0}.pip{width:17px;height:17px;border-radius:2px;border:1px solid var(--border);background:var(--bg3);cursor:pointer;transition:all .13s;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:transparent}.pip:hover{border-color:var(--border2)}.pip.filled{color:var(--gold2)}.pip.locked{opacity:.25;cursor:not-allowed}.rank-num{font-family:Cinzel,serif;font-size:.6rem;width:20px;text-align:right;flex-shrink:0}.level-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--bg3);outline:none;cursor:pointer;margin:.1rem 0}.level-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--gold);border:2px solid var(--gold2);cursor:pointer}.level-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--gold);border:2px solid var(--gold2);cursor:pointer}.roster-controls{display:flex;gap:.55rem;margin-bottom:1.2rem;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:155px;background:var(--bg2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-family:Crimson Pro,serif;font-size:.88rem;padding:.4rem .62rem;outline:none}.search-input:focus{border-color:var(--gold)}.search-input::placeholder{color:var(--text3)}.filter-sel{background:var(--bg2);border:1px solid var(--border);border-radius:3px;color:var(--text2);font-family:Cinzel,serif;font-size:.62rem;padding:.4rem .62rem;outline:none;cursor:pointer}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem}.mc{background:var(--bg2);border:1px solid var(--border);border-radius:4px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.mc:hover{border-color:var(--border2);box-shadow:0 3px 16px #00000061}.mc-head{padding:.7rem .9rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.55rem;background:#c9943a09}.mc-avatar{width:30px;height:30px;border-radius:50%;border:1.5px solid;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.mc-name{font-family:Cinzel,serif;font-size:.8rem;font-weight:600;color:var(--gold2)}.mc-class{font-size:.68rem;margin-top:.07rem}.mc-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg3)}.mc-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:.32rem .4rem;font-size:.65rem;font-family:Cinzel,serif;letter-spacing:.06em;color:var(--text3);cursor:pointer;transition:color .15s,border-color .15s;text-transform:uppercase}.mc-tab:hover{color:var(--text2)}.mc-tab.active{color:var(--gold2);border-bottom-color:var(--gold)}.mc-body{padding:.7rem .9rem}.cls-sec{margin-bottom:.55rem}.cls-tag{display:inline-flex;align-items:center;gap:.26rem;font-size:.62rem;font-family:Cinzel,serif;letter-spacing:.06em;padding:.12rem .44rem;border-radius:2px;border:1px solid;margin-bottom:.28rem}.skill-list{display:flex;flex-wrap:wrap;gap:.22rem}.sk{font-size:.68rem;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:100px;padding:.1rem .44rem}.sk.mx{border-color:var(--gold);color:var(--gold2);background:#c9943a1a}.more{font-size:.65rem;color:var(--text3);font-style:italic;padding:.1rem .25rem}.smr{display:flex;align-items:center;gap:.42rem;margin-bottom:.24rem}.smr-name{font-size:.67rem;width:74px;flex-shrink:0}.smr-bg{flex:1;height:3px;background:var(--bg3);border-radius:2px;overflow:hidden}.smr-fill{height:100%;border-radius:2px}.smr-num{font-size:.6rem;font-family:Cinzel,serif;color:var(--text3);width:24px;text-align:right;flex-shrink:0}.bonus-section{margin-bottom:.65rem}.bonus-section-hdr{font-family:Cinzel,serif;font-size:.55rem;letter-spacing:.1em;color:var(--text3);text-transform:uppercase;margin-bottom:.32rem;padding-bottom:.2rem;border-bottom:1px solid var(--border)}.bonus-grid{display:flex;flex-direction:column;gap:.18rem}.bonus-row{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem}.bonus-lbl{font-size:.67rem;color:var(--text2);flex:1;line-height:1.4}.bonus-val{font-size:.72rem;font-family:Cinzel,serif;font-weight:600;flex-shrink:0;white-space:nowrap}.bonus-panel{margin-top:.55rem;padding-top:.45rem;border-top:1px solid var(--border)}.bonus-panel-hdr{font-family:Cinzel,serif;font-size:.55rem;letter-spacing:.1em;color:var(--text3);text-transform:uppercase;margin-bottom:.32rem}.del-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:.68rem;padding:.15rem;transition:color .13s;margin-left:auto;flex-shrink:0}.del-btn:hover{color:var(--red)}.cov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1rem}.cov-card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;overflow:hidden}.cov-head{padding:.7rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.48rem}.cov-cls{font-family:Cinzel,serif;font-size:.78rem;font-weight:600}.cov-count{margin-left:auto;font-size:.65rem;color:var(--text3)}.cov-tree{padding:.6rem 1rem;border-bottom:1px solid var(--border)}.cov-tree:last-child{border-bottom:none}.cov-tree-name{font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:.38rem}.cov-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.24rem}.cov-sn{font-size:.73rem;color:var(--text2);flex:1}.cov-sn.z{color:var(--spice2)}.cov-bg{width:58px;height:3px;background:var(--bg3);border-radius:2px;overflow:hidden;flex-shrink:0}.cov-fill{height:100%;border-radius:2px}.cov-num{font-size:.62rem;color:var(--text3);font-family:Cinzel,serif;width:14px;text-align:right;flex-shrink:0}.cov-num.z{color:var(--spice2)}.gap-alert{background:#e8670a0d;border:1px solid rgba(232,103,10,.22);border-radius:3px;padding:.58rem .88rem;margin-bottom:1.3rem;font-size:.77rem;color:var(--spice2);display:flex;align-items:flex-start;gap:.44rem}.gap-lbl{font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;display:block;margin-bottom:.2rem}.spec-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.1rem}.spec-card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;overflow:hidden}.spec-head{padding:.82rem 1.1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.58rem}.spec-title{font-family:Cinzel,serif;font-size:.88rem;font-weight:700;letter-spacing:.06em}.spec-desc{font-size:.75rem;color:var(--text3);margin-top:.12rem;line-height:1.4}.spec-body{padding:.88rem 1.1rem}.passive-box{background:#c9943a0a;border:1px solid var(--border);border-radius:3px;padding:.44rem .65rem;font-size:.73rem;color:var(--text2);margin-bottom:.8rem;line-height:1.5}.passive-box strong{color:var(--gold2);font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.09em;display:block;margin-bottom:.15rem;text-transform:uppercase}.totals-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}.total-pill{background:var(--bg3);border:1px solid var(--border);border-radius:3px;padding:.3rem .6rem;flex:1;min-width:80px}.total-pill .tv{font-family:Cinzel,serif;font-size:.82rem;font-weight:700;color:var(--gold2);display:block}.total-pill .tl{font-size:.58rem;color:var(--text3);letter-spacing:.07em;text-transform:uppercase}.lv-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.12rem}.lv-lbl{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);white-space:nowrap}.lv-num{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;line-height:1;width:40px;text-align:right;flex-shrink:0}.traits-hdr{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:var(--text3);margin-bottom:.44rem;display:flex;align-items:center;gap:.42rem}.traits-hdr:after{content:"";flex:1;height:1px;background:var(--border)}.trait-list{max-height:320px;overflow-y:auto;padding-right:.2rem}.trait-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.28rem;padding:.25rem .38rem;border-radius:3px;transition:background .12s}.trait-row:hover{background:#ffffff05}.trait-row.on{background:#c9943a09}.t-lv{font-family:Cinzel,serif;font-size:.56rem;width:22px;flex-shrink:0;padding-top:.08rem}.t-lv.r{color:var(--gold2)}.t-lv.u{color:var(--text3)}.t-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid;flex-shrink:0;margin-top:.2rem}.t-dot.r{border-color:var(--gold2)}.t-dot.u{background:transparent;border-color:var(--border2)}.t-info{flex:1;min-width:0}.t-name{font-size:.77rem}.t-name.r{color:var(--gold2)}.t-name.u{color:var(--text2)}.t-eff{font-size:.67rem;margin-top:.07rem}.t-eff.r{color:var(--text2)}.t-eff.u{color:var(--text3)}.t-sp{font-size:.62rem;font-family:Cinzel,serif;flex-shrink:0;padding-top:.08rem}.t-sp.r{color:var(--spice2)}.t-sp.u{color:var(--text3)}