:root{--bg:#0b0e1a;--bg2:#121729;--panel:#181e34b8;--panel-b:#d3bc8e2e;--gold:#d3bc8e;--gold2:#f3dca6;--gold-d:#9c8458;--text:#ece5d8;--muted:#9aa1b8;--r5:linear-gradient(160deg, #a86d3e 0%, #d69a4e 55%, #f1c37a 100%);--r4:linear-gradient(160deg, #5b4a8f 0%, #8a6ac4 60%, #b59ae6 100%);--r3:linear-gradient(160deg, #3c5b8c 0%, #4f86b9 100%);--r2:linear-gradient(160deg, #3d6b5a 0%, #5a9a7c 100%);--r1:linear-gradient(160deg, #5a5f6e 0%, #8a8f9c 100%);--serif:"HYWenHei", "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", serif;--sans:"Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}a{color:var(--gold2);text-decoration:none}a:hover{color:#fff3d0}img{display:block}h1,h2,h3{font-family:var(--serif);letter-spacing:.02em;margin:0;font-weight:700}button,input,select{font:inherit;color:inherit}.bg-stars{z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 85% -10%,#d3bc8e21,#0000 60%),radial-gradient(900px 600px at -10% 30%,#5e78dc21,#0000 60%),radial-gradient(800px 500px at 50% 120%,#a06edc1f,#0000 60%),radial-gradient(1.5px 1.5px at 20% 30%,#ffffff8c,#0000 60%),radial-gradient(1px 1px at 70% 20%,#ffffff80,#0000 60%),radial-gradient(1.2px 1.2px at 40% 70%,#fff0c880,#0000 60%),radial-gradient(1px 1px at 85% 60%,#fff6,#0000 60%),radial-gradient(1.3px 1.3px at 10% 85%,#fff6,#0000 60%),linear-gradient(#0b0e1a 0%,#0f1426 50%,#0b0e1a 100%);position:fixed;inset:0}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--panel-b);background:#0b0e1ac7;align-items:center;gap:24px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.5;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{color:var(--text);align-items:center;gap:10px;display:flex}.brand-mark{color:#1a1408;background:radial-gradient(circle at 30% 30%, #fff1c9, var(--gold) 60%, var(--gold-d));border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid;box-shadow:0 0 18px #d3bc8e80}.brand-text{font-family:var(--serif);letter-spacing:.08em;font-size:20px}.brand-text b{color:var(--gold2)}.nav{gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--muted);border-radius:999px;padding:8px 14px;transition:all .2s;position:relative}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link.active{color:#1d160a;background:linear-gradient(180deg, var(--gold2), var(--gold));box-shadow:0 2px 12px #d3bc8e59}.nav-toggle{border:1px solid var(--panel-b);background:0 0;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:18px;display:none}.main{max-width:1240px;min-height:calc(100vh - 160px);margin:0 auto;padding:28px 24px 60px}.footer{border-top:1px solid var(--panel-b);text-align:center;color:var(--muted);gap:4px;padding:22px 24px 30px;font-size:13px;display:grid}.muted{color:var(--muted)}.small{font-size:12.5px}.gold-text{color:var(--gold2)}.purple-text{color:#c7a8ff}.page{animation:.45s both fadeUp}.page.narrow{max-width:860px;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-head{margin:6px 0 22px}.page-head h1{background:linear-gradient(180deg, #fff6dc, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px}.page-head p{margin:6px 0 0}.panel{background:var(--panel);border:1px solid var(--panel-b);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:18px 20px;box-shadow:0 8px 30px #00000040}.panel.error{color:#ffb3b3;border-color:#ff6e6e80;margin-top:12px}.panel.notice{background:linear-gradient(90deg,#d3bc8e24,#181e34b3);border-color:#d3bc8e73;margin:14px 0}.empty{text-align:center;color:var(--muted);padding:40px}.loading{text-align:center;color:var(--muted);padding:30px}.btn{border:1px solid var(--gold);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:10px 22px;font-weight:600;transition:all .2s;display:inline-flex}.btn.gold{color:#1d160a;background:linear-gradient(180deg, #fbe7b5, var(--gold));box-shadow:0 4px 20px #d3bc8e59}.btn.gold:hover{color:#1d160a;transform:translateY(-2px);box-shadow:0 8px 28px #d3bc8e80}.btn.ghost{color:var(--gold2);background:#d3bc8e0f}.btn.ghost:hover{background:#d3bc8e29}.link-btn{color:var(--gold2);cursor:pointer;background:0 0;border:none;padding:6px 0}.icon-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;width:30px;height:30px}.icon-btn:hover{background:#ff787833}.section-title{align-items:center;gap:10px;margin:34px 0 16px;display:flex}.section-title h2{color:var(--gold2);white-space:nowrap;font-size:22px}.st-deco{color:var(--gold);font-size:14px}.st-sub{color:var(--muted);white-space:nowrap;font-size:13px}.st-line{background:linear-gradient(90deg,#d3bc8e80,#0000);flex:1;height:1px}.stars{color:#ffd36b;letter-spacing:1px;text-shadow:0 0 6px #ffc85080}.el-icon{filter:drop-shadow(0 0 4px #0009)}.el-none{color:var(--muted);place-items:center;display:inline-grid}.hero{border:1px solid var(--panel-b);background:linear-gradient(120deg,#141a30f2,#141a3099);border-radius:22px;grid-template-columns:1fr 1.15fr;align-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(600px 400px at 75% 50%, color-mix(in srgb, var(--el) 35%, transparent), transparent 70%);transition:background .8s;position:absolute;inset:0}.hero-text{z-index:2;padding:44px 48px;position:relative}.eyebrow{color:var(--gold);letter-spacing:.25em;text-transform:uppercase;font-size:12px}.hero h1{background:linear-gradient(180deg, #fff8e4 20%, var(--gold) 90%);color:#0000;text-shadow:0 0 40px #d3bc8e26;-webkit-background-clip:text;background-clip:text;margin:8px 0 12px;font-size:52px}.lead{color:#cfc8b8;max-width:460px;font-size:16px}.lead b{color:var(--gold2)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-dots{gap:8px;margin-top:28px;display:flex}.hero-dots button{cursor:pointer;background:#fff3;border:none;border-radius:4px;width:26px;height:4px;padding:0;transition:all .3s}.hero-dots button.on{background:var(--gold);width:44px}.hero-art{height:100%;min-height:440px;animation:.9s both artIn;display:block;position:relative}@keyframes artIn{0%{opacity:0;transform:translate(30px)scale(1.03)}to{opacity:1;transform:none}}.hero-art>img{object-fit:cover;object-position:center 20%;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 25%);mask-image:linear-gradient(90deg,#0000 0%,#000 25%)}.hero-cap{border:1px solid var(--panel-b);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#0a0c16b3;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;bottom:18px;right:18px}.hero-name{font-family:var(--serif);font-size:18px}.features{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;display:grid}.feature{border-radius:var(--radius);border:1px solid var(--panel-b);color:var(--text);background:linear-gradient(160deg,#242c4acc,#14192ccc);padding:22px;transition:all .25s;position:relative;overflow:hidden}.feature:before{content:"";background:linear-gradient(120deg,#0000 30%,#f3dca62e,#0000 70%);transition:all .6s;position:absolute;inset:-1px;transform:translate(-100%)}.feature:hover{color:var(--text);border-color:#d3bc8e8c;transform:translateY(-4px);box-shadow:0 12px 30px #00000059,0 0 0 1px #d3bc8e33}.feature:hover:before{transform:translate(100%)}.f-ic{color:#1d160a;background:linear-gradient(160deg, #fbe7b5, var(--gold-d));border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:12px;font-size:22px;display:grid}.feature h3{color:var(--gold2);font-size:19px}.feature p{color:var(--muted);min-height:42px;margin:6px 0 12px;font-size:13.5px}.f-go{color:var(--gold);font-size:13px}.today-strip{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.today-item{color:var(--text);align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.today-item:hover{color:var(--text);border-color:#d3bc8e80;transform:translateY(-2px)}.today-item .item-name{display:none}.ti-region{font-family:var(--serif);color:var(--gold2);margin-bottom:4px}.ti-chars{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.ti-chars img{background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;width:30px;height:30px}.ti-chars .more{color:var(--muted);margin-left:4px;font-size:12px}.char-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;display:grid}.char-grid.small{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;max-height:60vh;margin-top:12px;padding:4px;overflow:auto}.char-card{--el:#ccc;color:#3b4255;text-align:center;cursor:pointer;background:#e9e5dc;border-radius:12px;transition:transform .25s cubic-bezier(.2,.8,.2,1.2),box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000059}.char-card:hover{box-shadow:0 14px 30px #00000073, 0 0 0 2px var(--el), 0 0 24px color-mix(in srgb, var(--el) 50%, transparent);color:#3b4255;transform:translateY(-6px)scale(1.03)}.char-card.selected{box-shadow:0 0 0 3px var(--gold2)}.cc-img{aspect-ratio:1;border-bottom-right-radius:22px;position:relative;overflow:hidden}.cc-img.r5{background:var(--r5)}.cc-img.r4{background:var(--r4)}.cc-img>img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.char-card:hover .cc-img>img{transform:scale(1.08)}.cc-img.r5:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.char-card:hover .cc-img.r5:after{transition:transform .8s;transform:translate(120%)}.cc-el{position:absolute;top:5px;left:5px}.cc-stars{position:absolute;bottom:2px;left:0;right:0}.cc-name{white-space:nowrap;text-overflow:ellipsis;padding:6px 4px 7px;font-size:14px;font-weight:600;overflow:hidden}.char-card.small .cc-name{padding:4px 2px;font-size:12px}.filters{gap:12px;display:grid}.f-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.f-label{color:var(--gold);min-width:36px;font-size:13px;font-family:var(--serif)}.f-label.gap{margin-left:18px}.search{border:1px solid var(--panel-b);background:#080a1499;border-radius:999px;outline:none;flex:1;min-width:220px;padding:10px 16px;transition:all .2s}.search:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d3bc8e26}.sort{gap:6px;display:flex}.chip{--chip:var(--gold);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:5px 13px;font-size:13.5px;transition:all .18s;display:inline-flex}.chip:hover{border-color:color-mix(in srgb, var(--chip) 70%, transparent);background:color-mix(in srgb, var(--chip) 10%, transparent)}.chip.active{border-color:var(--chip);background:color-mix(in srgb, var(--chip) 22%, transparent);color:#fff;box-shadow:0 0 12px color-mix(in srgb, var(--chip) 35%, transparent)}.chip-ic{width:18px;height:18px}.back{color:var(--muted);margin-bottom:14px;display:inline-block}.d-hero{border:1px solid var(--panel-b);background:radial-gradient(700px 500px at 30% 50%, color-mix(in srgb, var(--el) 30%, transparent), transparent 70%), linear-gradient(120deg, #141a30e6, #0e1222f2);border-radius:22px;grid-template-columns:1.1fr 1fr;min-height:520px;display:grid;position:relative;overflow:hidden}.d-hero-art{position:relative}.d-hero-art img{object-fit:cover;object-position:center 15%;width:100%;height:100%;animation:.8s both artIn;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.d-hero-info{flex-direction:column;gap:12px;padding:36px 36px 30px 10px;display:flex;position:relative}.d-title-row{align-items:center;gap:14px;display:flex}.d-sub{color:var(--el);letter-spacing:.1em;font-size:14px}.d-name{background:linear-gradient(180deg, #fff, var(--gold2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px}.d-desc{color:#d6cfbf;margin:0}.d-info{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0;display:grid}.d-info div{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;gap:10px;padding:8px 12px;display:flex}.d-info dt{color:var(--muted)}.d-info dd{text-align:right;margin:0}.d-cv{color:#cfc8b8;flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.d-cv b{width:20px;height:20px;color:var(--gold2);background:#d3bc8e33;border-radius:4px;place-items:center;margin-right:5px;font-size:11px;display:inline-grid}.anchor-nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-b);background:#0b0e1ad9;border-radius:12px;flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:10px 12px;display:flex;position:sticky;top:64px}.anchor-nav a{color:var(--muted);border-radius:999px;padding:4px 12px;font-size:14px}.anchor-nav a:hover{color:var(--gold2);background:#d3bc8e1a}.anchor{scroll-margin-top:130px}.table-wrap{padding:6px 10px;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--gold);border-bottom:1px solid var(--panel-b);white-space:nowrap;padding:10px 12px;font-weight:600}.tbl td{white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:8px 12px}.tbl tbody tr:hover{background:#d3bc8e0f}.tbl.compact td{padding:6px 10px}.tbl .val{text-align:right;color:var(--gold2);font-variant-numeric:tabular-nums}.tag-asc{color:var(--gold2);background:#d3bc8e2e;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px}.talents,.passives{grid-template-columns:repeat(2,1fr);align-items:start;gap:14px;display:grid}.passives{grid-template-columns:repeat(3,1fr);margin-top:14px}.talent{flex-direction:column;gap:8px;display:flex}.t-head{align-items:center;gap:12px;display:flex}.t-icon{background:radial-gradient(circle, color-mix(in srgb, var(--el) 40%, #1c2238), #1a2036);border:1px solid color-mix(in srgb, var(--el) 60%, transparent);width:52px;height:52px;box-shadow:0 0 14px color-mix(in srgb, var(--el) 35%, transparent);border-radius:50%;padding:6px}.t-tag{color:var(--gold);letter-spacing:.1em;font-size:12px}.talent h3{font-size:18px}.rich{white-space:pre-wrap;color:#d4cdbd;font-size:14px;line-height:1.75}.passive .rich{font-size:13.5px}.scaling{border-top:1px dashed var(--panel-b);padding-top:10px}.lv-pick{align-items:center;gap:12px;margin-bottom:6px;display:flex}.lv-pick input{accent-color:var(--gold);flex:1}.lv-pick b{color:var(--gold2);font-size:18px}.cons{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.con{align-items:flex-start;gap:14px;transition:all .2s;display:flex}.con:hover{border-color:color-mix(in srgb, var(--el) 60%, transparent)}.con h3{color:var(--gold2);margin-bottom:4px;font-size:17px}.con-ic{background:radial-gradient(circle, color-mix(in srgb, var(--el) 45%, #1c2238), #141a2e);border:1px solid color-mix(in srgb, var(--el) 60%, transparent);border-radius:50%;flex:none;width:58px;height:58px;padding:8px;position:relative}.con-ic img{width:100%;height:100%}.con-ic span{background:var(--gold);color:#1d160a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:-4px;right:-4px}.rows{gap:4px;display:grid}.mat-row{border-bottom:1px solid #ffffff0d;grid-template-columns:130px 1fr;align-items:center;gap:10px;padding:8px 4px;display:grid}.mat-row:last-child{border-bottom:none}.mr-label{display:grid}.mr-label b{color:var(--gold2);font-family:var(--serif)}.mr-items{flex-wrap:wrap;gap:8px;display:flex}.mr-items.mini{gap:4px;margin-top:10px}.more-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.more-grid h3{margin:2px 0 6px;font-size:17px}.row-flex{align-items:center;gap:14px;display:flex}.item{flex-direction:column;align-items:center;gap:4px;display:flex}.item-img{border-radius:8px 8px 14px;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000059}.item-img.r5{background:var(--r5)}.item-img.r4{background:var(--r4)}.item-img.r3{background:var(--r3)}.item-img.r2{background:var(--r2)}.item-img.r1{background:var(--r1)}.item-img img{object-fit:contain;width:100%;height:100%}.item-count{text-align:center;color:#3b4255;background:#ece5d8eb;font-size:12px;font-weight:700;line-height:1.45;position:absolute;bottom:0;left:0;right:0}.item-name{color:var(--muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.daily-ctrl{gap:14px;display:grid}.reset-cd{color:var(--muted);margin-left:auto;font-size:14px}.reset-cd b{color:var(--gold2);font-variant-numeric:tabular-nums}.day-tabs{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day-tab{cursor:pointer;font-family:var(--serif);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:12px 0;font-size:16px;transition:all .2s;position:relative}.day-tab:hover{border-color:var(--gold-d)}.day-tab.today{border-color:var(--gold);box-shadow:0 0 0 1px #d3bc8e4d,0 0 22px #d3bc8e40}.day-tab.sel{background:linear-gradient(180deg, #fbe7b5, var(--gold));color:#1d160a;font-weight:700}.today-badge{font-size:11px;font-family:var(--sans);color:#fff;background:#e9584a;border-radius:999px;padding:0 7px;animation:2s infinite pulse;position:absolute;top:-9px;right:8px}@keyframes pulse{50%{box-shadow:0 0 0 5px #e9584a26}}.domains{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.domain{gap:12px;transition:all .25s;display:grid}.domain:hover{border-color:#d3bc8e73;transform:translateY(-2px)}.dm-head{align-items:center;gap:10px;display:flex}.region-badge{font-family:var(--serif);color:#1d160a;background:linear-gradient(180deg, #fbe7b5, var(--gold));border-radius:8px;padding:3px 12px;font-weight:700}.dm-name{color:var(--muted);font-size:14px}.dm-items{gap:10px;display:flex}.dm-users{flex-wrap:wrap;gap:8px;display:flex}.mini-av{width:58px;color:var(--text);flex-direction:column;align-items:center;font-size:11.5px;transition:all .2s;display:flex}.mini-av img{object-fit:cover;border-radius:10px 10px 16px;width:50px;height:50px;box-shadow:0 2px 8px #0006}.mini-av.r5 img{background:var(--r5)}.mini-av.r4 img{background:var(--r4)}.mini-av.r3 img{background:var(--r3)}.mini-av.r2 img{background:var(--r2)}.mini-av.r1 img{background:var(--r1)}.mini-av span{white-space:nowrap;text-overflow:ellipsis;color:#cfc8b8;max-width:58px;margin-top:3px;overflow:hidden}.mini-av:hover{color:var(--text);transform:translateY(-3px)}.mini-av.weapon img{object-fit:contain}.planner{grid-template-columns:1fr 400px;align-items:start;gap:18px;display:grid}.plan-list{gap:14px;display:grid}.plan-toolbar{gap:10px;display:flex}.plan-card{border-left:3px solid var(--el);transition:all .2s}.plan-card.off{opacity:.5}.pc-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pc-av img{object-fit:cover;border:2px solid var(--el);border-radius:50%;width:54px;height:54px}.pc-av.r5 img{background:var(--r5)}.pc-av.r4 img{background:var(--r4)}.pc-name{flex:1}.pc-name h3{font-size:19px}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:5px;font-size:13px;display:flex}.switch input{accent-color:var(--gold)}.pc-grid{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.pc-row{align-items:center;gap:8px;display:flex}.pc-label{width:120px;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pc-row select{border:1px solid var(--panel-b);background:#141a2e;border-radius:8px;flex:1;padding:6px 8px}.arrow{color:var(--muted)}.plan-sum{max-height:calc(100vh - 100px);position:sticky;top:80px;overflow:auto}.plan-sum h2{font-size:22px}.sum-list{gap:6px;margin:12px 0;display:grid}.sum-row{background:#ffffff08;border-radius:10px;grid-template-columns:44px 1fr auto 62px;align-items:center;gap:10px;padding:6px 8px;display:grid}.sum-row.done{opacity:.55}.sum-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.day-hint{color:#8fd0ff}.have{color:var(--muted);flex-direction:column;font-size:11px;display:flex}.have input{border:1px solid var(--panel-b);background:#10152a;border-radius:6px;width:70px;padding:3px 6px}.left{text-align:right;color:#ffb48a;font-size:13px;font-weight:600}.sum-row.done .left{color:#8fe3a0}.modal-bg{z-index:100;background:#04060cb3;place-items:center;padding:20px;animation:.2s fadeUp;display:grid;position:fixed;inset:0}.modal{background:#151b31;width:min(900px,100%)}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-head h2{color:var(--gold2)}.dropzone{text-align:center;cursor:pointer;border:2px dashed #d3bc8e66;place-items:center;gap:6px;padding:34px;transition:all .2s;display:grid}.dropzone:hover,.dropzone.drag{border-color:var(--gold2);background:#d3bc8e14}.dz-ic{color:var(--gold);font-size:34px}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{font-family:var(--serif);color:var(--text);font-size:34px;line-height:1.3}.kpi.gold .kpi-value{color:#f6c76e;text-shadow:0 0 18px #f6c76e66}.kpi.purple .kpi-value{color:#c7a8ff}.charts{grid-template-columns:360px 1fr;gap:14px;margin-top:14px;display:grid}.chart-card h3{color:var(--gold2);margin-bottom:10px;font-size:16px}.chart-card.wide:last-child{grid-column:1/-1}.donut{align-items:center;gap:16px;display:flex}.donut-n{fill:var(--text);font-size:22px;font-family:var(--serif)}.donut-l{fill:var(--muted);font-size:11px}.legend{gap:8px;font-size:13px;display:grid}.legend div{white-space:nowrap;align-items:center;gap:6px;display:flex}.legend i{border-radius:3px;width:10px;height:10px}.legend b{margin-left:auto;padding-left:10px}.bars{width:100%;height:auto;display:block}.bars .grid{stroke:#ffffff12}.bars .bar{fill:#c9ab72;opacity:.85}.bars .bar:hover{opacity:1;fill:#f3dca6}.bars .axis{fill:var(--muted);font-size:11px}.bars .axis.strong{fill:var(--text);font-weight:700}.hbar.good{fill:#6fd39a}.hbar.mid{fill:#f0c35a}.hbar.bad{fill:#ef7a6a}.pools{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pool-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pool-head h3{color:var(--gold2);font-size:19px}.pool-nums{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.pool-nums div{background:#ffffff0a;border-radius:10px;padding:8px;display:grid}.pool-nums b{font-family:var(--serif);font-size:22px}.pool-nums span{color:var(--muted);font-size:12px}.pity-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.pity-label b{color:var(--gold2);font-size:18px}.pity-bar{background:#ffffff12;border-radius:10px;height:10px;margin:6px 0 14px;overflow:hidden}.pity-bar div{background:linear-gradient(90deg,#6fd39a,#f0c35a 65%,#ef7a6a) 0 0/300px 100%;border-radius:10px;height:100%;transition:width .6s}.five-list{gap:6px;max-height:340px;padding-right:4px;display:grid;overflow:auto}.five{grid-template-columns:38px 120px 1fr 34px;align-items:center;gap:10px;display:grid}.five-av{background:var(--r5);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.five-av img{object-fit:cover;width:100%;height:100%}.five-av.w img{object-fit:contain}.five-name{white-space:nowrap;font-size:13.5px;line-height:1.3;display:grid;overflow:hidden}.five-bar{background:#ffffff0f;border-radius:8px;height:8px;overflow:hidden}.five-bar div{border-radius:8px;height:100%}.five-bar .good{background:#6fd39a}.five-bar .mid{background:#f0c35a}.five-bar .bad{background:#ef7a6a}.five-n{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.five-n.good{color:#6fd39a}.five-n.mid{color:#f0c35a}.five-n.bad{color:#ef7a6a}.src-list{padding-left:18px}.src-list li{margin-bottom:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d3bc8e4d;border-radius:8px}@media (width<=1024px){.features{grid-template-columns:repeat(2,1fr)}.planner{grid-template-columns:1fr}.plan-sum{max-height:none;position:static}.passives,.more-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.topbar{gap:10px;padding:0 16px}.nav-toggle{display:block}.nav{border-bottom:1px solid var(--panel-b);background:#0b0e1af7;flex-direction:column;padding:10px 16px 16px;display:none;position:absolute;top:64px;left:0;right:0}.nav.open{display:flex}.main{padding:18px 14px 40px}.hero{grid-template-columns:1fr}.hero-text{order:2;padding:28px 22px 10px}.hero h1{font-size:38px}.hero-art{min-height:300px}.hero-art>img{-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.features{grid-template-columns:1fr 1fr;gap:10px}.feature{padding:16px}.feature p{min-height:0}.char-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.d-hero{grid-template-columns:1fr}.d-hero-art{height:360px}.d-hero-art img{-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.d-hero-info{padding:0 18px 22px}.d-name{font-size:34px}.d-info,.talents,.passives,.cons,.more-grid,.domains,.pools,.mat-row{grid-template-columns:1fr}.day-tabs{grid-template-columns:repeat(4,1fr)}.reset-cd{width:100%;margin-left:0}.kpis{grid-template-columns:1fr 1fr}.charts,.pc-grid{grid-template-columns:1fr}.pc-label{width:96px}.five{grid-template-columns:38px 96px 1fr 30px}.page-head h1{font-size:28px}}