:root{--bg: #0f1114;--bg-gradient: linear-gradient(180deg, #14161a 0%, #0f1114 100%);--panel: #1b1e23;--panel2: #22262d;--panel-hover: #262b33;--ink: #0c0e11;--border: #2e333c;--border-light: #3a404b;--gold: #c9a45c;--gold2: #e6c97e;--gold-glow: rgba(201, 164, 92, .15);--jade: #7fb88a;--red: #d66a6a;--blue: #6baed6;--purple: #a78bd6;--text: #d8d4cb;--text-dim: #b0aca2;--muted: #7a7569;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg-gradient);color:var(--text);font-family:SimHei,Heiti SC,Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}#app{max-width:920px;margin:0 auto;padding:18px 16px 40px;position:relative}.guide-overlay,.filter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0ce6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;box-sizing:border-box;animation:fadeIn .25s ease}.guide-card{background:var(--panel);border:1px solid var(--gold);border-radius:14px;padding:18px 16px 16px;width:100%;max-height:95%;overflow-y:auto;box-shadow:0 0 50px #c9a45c4d;animation:popIn .3s ease}button{font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel2);color:var(--gold);padding:7px 16px;border-radius:var(--radius-sm);transition:all .18s ease;font-size:14px}button:hover:not(:disabled){border-color:var(--gold);background:var(--panel-hover);box-shadow:0 0 12px var(--gold-glow);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;color:var(--muted)}select,input{font-family:inherit;background:var(--ink);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;font-size:14px;transition:border-color .15s}select:focus,input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-glow)}select{cursor:pointer}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:border-color .2s}.card:hover{border-color:var(--border-light)}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag{display:inline-block;font-size:12px;padding:3px 8px;border-radius:var(--radius-sm);background:#262a31;color:var(--text-dim);margin:2px 5px 2px 0;border:1px solid transparent;transition:all .15s}.tag:hover{border-color:var(--border-light)}.tag.boss{background:#d66a6a1f;color:var(--red);border-color:#d66a6a4d}.tag.interfere{background:#6baed61f;color:var(--blue);border-color:#6baed64d}.tag.weak{background:#7fb88a1f;color:var(--jade);border-color:#7fb88a4d}.tag.resist{background:#c999991f;color:#e0a0a0;border-color:#c999994d}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;padding:0 4px}.tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;padding:10px 22px;color:var(--muted);font-size:16px;transition:all .2s}.tab:hover:not(.active){color:var(--text-dim);background:var(--panel)}.tab.active{color:var(--gold2);border-bottom-color:var(--gold);background:#c9a45c14}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--gold);color:var(--gold2);padding:10px 22px;border-radius:var(--radius-sm);z-index:1000;box-shadow:var(--shadow-lg);animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.log-line{line-height:1.8;font-size:13px;padding:1px 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0feb;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.victory-card{background:var(--panel);border:2px solid var(--gold);border-radius:14px;padding:40px 48px;text-align:center;max-width:460px;box-shadow:0 0 60px #c9a45c59;animation:popIn .4s ease}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tower-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0feb;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.tower-modal{background:var(--panel);border:2px solid var(--gold);border-radius:14px;padding:24px 28px;max-width:520px;width:90%;max-height:88vh;overflow-y:auto;box-shadow:0 0 60px #c9a45c59;animation:popIn .4s ease}.announcement-btn{background:none;border:none;color:var(--gold);font-size:22px;letter-spacing:4px;cursor:pointer;padding:0;font-family:inherit;font-weight:inherit}.announcement-btn:hover{opacity:.85}.announcement-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0feb;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.announcement-card{background:var(--panel);border:2px solid var(--gold);border-radius:14px;padding:40px 48px;text-align:center;max-width:420px;box-shadow:0 0 60px #c9a45c59;animation:popIn .4s ease}.announcement-title{font-size:22px;color:var(--gold);letter-spacing:4px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.announcement-content{color:var(--text);font-size:15px;line-height:2;margin-bottom:24px}.announcement-content p{margin:8px 0}.announcement-close{background:var(--gold);color:#1a1510;border:none;border-radius:6px;padding:10px 32px;font-size:14px;cursor:pointer}.announcement-close:hover{opacity:.9}.guide-title{font-size:22px;color:var(--gold);letter-spacing:4px;text-align:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.guide-section{margin-bottom:18px}.guide-h{color:var(--gold2);font-size:15px;margin-bottom:8px;font-weight:700}.guide-section p{color:var(--text);font-size:14px;line-height:1.8;margin:4px 0}.guide-tip{color:var(--muted);font-size:12px!important}.guide-table{width:100%;border-collapse:collapse;font-size:13px}.guide-table td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top}.guide-table tr:last-child td{border-bottom:none}.gt-term{color:var(--gold2);white-space:nowrap;min-width:80px;font-weight:700}.guide-list{color:var(--text);font-size:13px;line-height:2;padding-left:22px;margin:4px 0}.guide-list li{margin:2px 0}.guide-close{display:block;margin:20px auto 4px;border-color:var(--gold);color:var(--gold2);padding:10px 40px;font-size:15px;background:var(--gold-glow)}.guide-close:hover{background:#c9a45c33}.loop-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;justify-content:center}.loop-node{background:var(--ink);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;font-size:13px;color:var(--text)}.loop-node.loop-highlight{border-color:var(--gold);color:var(--gold2);background:var(--gold-glow)}.loop-arrow{color:var(--gold);font-size:14px;opacity:.7}.stage-row{padding:10px 4px;border-bottom:1px solid var(--border);transition:background .15s}.stage-row:hover{background:var(--panel-hover)}.stage-row.cleared{opacity:.85}.stage-row.locked{opacity:.5}.stage-status{font-size:12px;padding:2px 8px;border-radius:4px}.stage-status.cleared{color:var(--jade)}.stage-status.open{color:var(--gold2)}.stage-status.locked{color:var(--muted)}.stage-status.realm-locked{color:var(--blue)}.mat-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;margin:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--ink);font-size:13px;cursor:default;transition:all .15s}.mat-chip:hover{border-color:var(--gold);background:var(--panel-hover)}.mat-chip .mat-count{color:var(--gold2);font-weight:700}.battle-result{background:var(--ink);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-top:12px}.info-card{background:linear-gradient(135deg,#c9a45c14,#c9a45c05);border:1px solid rgba(201,164,92,.3);border-radius:var(--radius);padding:12px 16px;margin-bottom:12px}.info-card .info-title{color:var(--gold);font-size:14px;margin-bottom:6px;font-weight:700}.info-card .info-body{color:var(--text-dim);font-size:13px;line-height:1.8}:root{--year-common: #8b867c;--year-common-bg: rgba(139,134,124,.08);--year-rare: #6baed6;--year-rare-bg: rgba(107,174,214,.1);--year-legend: #c9a45c;--year-legend-bg: rgba(201,164,92,.12)}.year-common{color:var(--year-common);border-color:var(--year-common)!important}.year-rare{color:var(--year-rare);border-color:var(--year-rare)!important}.year-legend{color:var(--year-legend);border-color:var(--year-legend)!important}.year-btn-common{border-color:var(--border);color:var(--text-dim)}.year-btn-rare{border-color:var(--year-rare);color:var(--year-rare);background:var(--year-rare-bg)}.year-btn-legend{border-color:var(--year-legend);color:var(--year-legend);background:var(--year-legend-bg);box-shadow:0 0 12px var(--gold-glow)}.stat-icon{display:inline-flex;align-items:center;gap:3px;font-size:13px;margin-right:10px}.stat-icon .si-emoji{font-size:14px}.stat-icon .si-val{color:var(--gold2);font-weight:700}.monster-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.monster-card:hover{border-color:var(--gold);box-shadow:var(--shadow-md)}.monster-card.boss{border-color:var(--red)}.monster-name{font-size:20px;font-weight:700;margin-bottom:4px}.monster-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.detail-row{font-size:13px;margin:5px 0;color:var(--text-dim)}.detail-label{color:var(--gold2);min-width:60px;display:inline-block}.clears-board{background:var(--ink);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-top:10px;max-height:280px;overflow-y:auto}.clears-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:12px}.clears-row:last-child{border-bottom:none}.clears-rank{color:var(--gold2);min-width:28px}.clears-build{color:var(--text-dim)}.coop-boss-card{background:linear-gradient(135deg,#d66a6a1a,#c9a45c0f);border:1px solid var(--red);border-radius:var(--radius);padding:18px;text-align:center;box-shadow:var(--shadow-md)}.coop-boss-name{font-size:24px;color:var(--red);letter-spacing:3px;margin-bottom:8px}.coop-dmg-bar{height:18px;background:var(--ink);border-radius:9px;overflow:hidden;margin:12px 0;border:1px solid var(--border)}.coop-dmg-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .5s}.coop-countdown{font-size:14px;color:var(--gold2);margin:8px 0}.coop-attack-btn{font-size:16px;padding:10px 32px;border-color:var(--red);color:var(--red);background:#d66a6a1a}.coop-board{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-top:12px}.coop-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;border-bottom:1px solid var(--border)}.coop-row.me{background:var(--gold-glow);color:var(--gold2);font-weight:700}.coop-rank{min-width:40px;color:var(--gold2)}:root{--bg: #0f1412;--panel: #1b2420;--panel-hover: #222e28;--border: #3a4a40;--border-light: #4d6156;--gold: #d6b36a;--gold2: #ecd39a;--gold-glow: rgba(214, 179, 106, .14);--jade: #6fbf73;--red: #e06b4f;--blue: #5aa9d6;--text: #e8e3d8;--text-dim: #bcb6a8;--muted: #9aa69c;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5)}body{background:var(--bg);color:var(--text)}.app-shell{display:grid;grid-template-columns:1fr;gap:16px}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav .tab{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:14px}.nav-ico{font-size:15px;opacity:.9}.home{display:grid;grid-template-columns:1fr;gap:16px}.home-main{display:flex;flex-direction:column;gap:8px;max-width:720px}.home-rail{display:flex;flex-direction:column;gap:12px}.eq-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;min-height:96px;transition:border-color .15s,background .15s;cursor:pointer}.eq-card:hover{border-color:var(--border-light);background:var(--panel-hover)}.eq-card.empty{border-style:dashed;background:#1b242080}.eq-card.locked{opacity:.55;cursor:default}.eq-head{display:flex;align-items:center;gap:10px}.eq-slot{color:var(--gold);font-size:13px;letter-spacing:2px;min-width:42px}.eq-name{font-size:16px;font-weight:700}.eq-empty-text{color:var(--muted);font-size:13px}.eq-detail-btn{min-height:32px;padding:0 12px;font-size:12px;border-color:var(--border-light)!important;color:var(--text-dim)!important;background:transparent!important}.eq-body{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.affix-tag{color:var(--gold2);font-size:13px;font-weight:700}.eq-pair{font-size:13px}.eq-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;font-size:13px}.eq-extra{color:var(--muted);font-size:12px}.year-tag{font-size:11px;padding:1px 7px;border-radius:4px;border:1px solid var(--border-light);color:var(--text-dim)}.year-r1{--yc: #8C9A90;--yt: #C9D1C7}.year-r2{--yc: #6FBF73;--yt: #A8E0AA}.year-r3{--yc: #5AA9D6;--yt: #9FD4F0}.year-r4{--yc: #4FC3A1;--yt: #9BE8D2}.year-r5{--yc: #A77BE0;--yt: #D4B8F5}.year-r6{--yc: #E0914F;--yt: #F5C79A}.year-r7{--yc: #C9D6E0;--yt: #FFFFFF}.year-r8{--yc: #E8C15A;--yt: #FFE9A8}.year-r9{--yc: #E05A5A;--yt: #FFB3B3}.year-r10{--yc: #E8C15A;--yt: #FFFFFF}.year-r1,.year-r2,.year-r3,.year-r4,.year-r5,.year-r6,.year-r7,.year-r8,.year-r9,.year-r10{color:var(--yt)}.tag[class*=year-r],.year-tag[class*=year-r],.mat-chip[class*=year-r],button[class*=year-r]{border-color:var(--yc)}.tag.year-r7,.year-tag.year-r7,.mat-chip.year-r7,button.year-r7{box-shadow:0 0 6px #c9d6e042}.tag.year-r8,.year-tag.year-r8,.mat-chip.year-r8,button.year-r8{box-shadow:0 0 8px #e8c15a4d}.tag.year-r9,.year-tag.year-r9,.mat-chip.year-r9,button.year-r9{box-shadow:0 0 10px #e05a5a57}.tag.year-r10,.year-tag.year-r10,.mat-chip.year-r10,button.year-r10{border:1px solid transparent;background-image:linear-gradient(var(--panel),var(--panel)),linear-gradient(90deg,#e05a5a,#e8c15a,#6fbf73,#5aa9d6,#a77be0,#e05a5a);background-origin:border-box;background-clip:padding-box,border-box;color:#fff;box-shadow:0 0 10px #e8c15a59}.year-edge{border-left:3px solid var(--yc)!important}.eq-card.year-edge{border-left-width:3px;border-left-color:var(--yc)}.fit-badge{font-size:11px;color:var(--jade);border:1px solid rgba(111,191,115,.45);border-radius:4px;padding:1px 6px}.total-bar{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;margin-top:8px}.total-title{color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:8px}.total-row{display:flex;gap:16px;flex-wrap:wrap;font-size:15px}.total-sub{margin-top:8px;color:var(--muted);font-size:12px}.rail-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px}.rail-title{color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:10px}.rail-btn{width:100%;min-height:36px;margin-top:10px;font-size:13px;border-color:var(--border-light)!important;color:var(--gold2)!important}.mini-bar{height:6px;background:#0c110f;border-radius:3px;overflow:hidden;margin:8px 0 6px}.mini-bar-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--gold))}.quickbar{display:flex;gap:8px;flex-wrap:wrap;grid-column:1 / -1;padding-top:8px;border-top:1px solid var(--border)}.quickbar button{flex:1 1 40%;min-height:44px;font-size:14px}.nav{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:390px;bottom:0;z-index:60;flex-wrap:nowrap;overflow-x:auto;gap:0;background:var(--panel);border-top:1px solid var(--border);padding:4px 2px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav .tab{flex:1 1 0;min-width:0;min-height:56px;flex-direction:column;gap:1px;padding:0 2px;font-size:10px;white-space:nowrap;border:none!important;border-radius:0!important;background:transparent!important}.nav-ico{font-size:16px}.eq-card{min-height:84px;padding:10px}.quickbar button{min-height:44px}.sec-title{display:flex;align-items:center;color:var(--gold);font-size:13px;letter-spacing:2px;padding:2px 2px 0}.help{position:relative;display:inline-flex;align-items:center;margin-left:4px;cursor:pointer;vertical-align:middle;line-height:1}.help-q{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--border-light);color:var(--muted);font-size:10px;-webkit-user-select:none;user-select:none;transition:all .15s}.help:hover .help-q,.help.open .help-q{border-color:var(--gold);color:var(--gold);background:var(--gold-glow)}.help-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:90;width:250px;display:none;flex-direction:column;gap:5px;padding:9px 11px;background:#0c110f;border:1px solid var(--gold);border-radius:6px;box-shadow:var(--shadow-lg);font-size:12px;line-height:1.65;color:var(--text-dim);text-align:left;font-weight:400;white-space:normal}.help-pop strong{color:var(--gold2);font-size:12px}.help:hover .help-pop,.help.open .help-pop{display:flex}.help-pop{width:220px;left:auto;right:0}.eq-stats .help,.total-row .help,.rail-title .help,.stat-icon .help{margin-left:3px}.nick-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-color:var(--border)!important;background:transparent!important}.nick-name{color:var(--gold2);font-size:14px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nick-edit{color:var(--muted);font-size:11px;border-left:1px solid var(--border);padding-left:6px}.nick-btn:hover .nick-edit{color:var(--gold)}.switch-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 9px;font-size:13px;border-color:var(--border)!important;background:transparent!important;color:var(--muted)}.switch-btn:hover{color:var(--gold);border-color:var(--gold)!important}.mail-btn{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 12px;font-size:13px;flex:0 0 auto;border-color:var(--border)!important;color:var(--text-dim)!important;background:transparent!important}.mail-btn .mail-ico{font-size:14px}.mail-btn.active{border-color:var(--gold)!important;color:var(--gold2)!important;background:var(--gold-glow)!important}.mail-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 6px #e06b4fe6}.rename-card{width:min(92vw,380px);background:var(--panel);border:1px solid var(--gold);border-radius:10px;padding:20px;box-shadow:var(--shadow-lg)}.rename-title{color:var(--gold);font-size:17px;letter-spacing:3px;margin-bottom:6px}.rename-tip{color:var(--muted);font-size:12px;margin-bottom:14px}.rename-input{width:100%;min-height:44px;padding:0 12px;background:#0c110f;border:1px solid var(--border-light);border-radius:6px;color:var(--text);font-size:15px;box-sizing:border-box}.rename-input:focus{outline:none;border-color:var(--gold)}.clears-stats{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.clears-row{flex-wrap:wrap;gap:4px 6px}.cs-item{font-size:11px;color:var(--text-dim);background:#0c110f;border:1px solid var(--border);border-radius:4px;padding:1px 6px;white-space:nowrap}.monster-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:5px}.monster-head .monster-name{font-size:17px;font-weight:600}.hp-win{color:var(--jade);font-size:12px;border:1px solid var(--jade);border-radius:4px;padding:0 5px}.hp-bar{height:8px;background:#0c110f;border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:4px}.hp-bar.dead{border-color:var(--border)}.hp-fill{height:100%;background:linear-gradient(90deg,#b23b2e,var(--red));transition:width .25s ease}.hp-bar.dead .hp-fill{background:#3a4a40}.hp-num{color:var(--muted);font-size:12px}.log-round{margin-top:6px;color:var(--gold2);font-weight:700}.log-line{color:var(--text-dim);font-size:13px;line-height:1.7;animation:logIn .25s ease}@keyframes logIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.brand{flex:1 1 auto;min-width:0}.brand-name{margin:0;font-size:24px;color:var(--gold);letter-spacing:4px}.brand-sub{color:var(--muted);font-size:12px;margin-top:3px;letter-spacing:1px}.nick-btn{flex:0 0 auto}.realm-badge{color:var(--muted);font-size:13px;white-space:nowrap}.btn-break{border-color:var(--gold)!important;color:var(--gold2)!important;background:var(--gold-glow)!important}.app-header{position:sticky;top:0;z-index:50;flex-wrap:wrap;gap:0;margin:0 -12px 12px;padding:0;background:var(--bg);border-bottom:1px solid var(--border)}.brand{height:44px;display:flex;align-items:center;padding:0 12px}.brand-name{font-size:17px;letter-spacing:2px}.brand-sub{display:none}.nick-btn{height:32px;min-height:32px;margin:0 12px 0 auto;padding:0 10px}.nick-name{max-width:84px;font-size:13px}.header-actions{order:3;flex:0 0 100%;height:44px;align-items:center;gap:6px!important;padding:0 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.header-actions::-webkit-scrollbar{display:none}.header-actions button{min-height:32px;font-size:12px;padding:0 10px;white-space:nowrap}.realm-badge{font-size:12px}.bg-swatches{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.header-actions .bg-dot{width:18px;height:18px;min-height:18px;padding:0;border-radius:50%;border:1px solid var(--border-light);box-shadow:none;flex:0 0 auto}.header-actions .bg-dot:hover:not(:disabled){transform:scale(1.15);border-color:var(--gold);box-shadow:none}.header-actions .bg-dot.active{border-color:var(--gold2);box-shadow:0 0 0 2px var(--gold-glow),0 0 6px var(--gold-glow)}#app{max-width:390px;padding:0 12px calc(72px + env(safe-area-inset-bottom,0px))}body{font-size:14px}.card{padding:12px 14px;font-size:14px}.info-card,.battle-result{padding:12px 14px}.info-card .info-body{font-size:13px}.guide-card{padding:18px 16px 16px;max-height:88vh;max-width:390px}.guide-title{font-size:18px;letter-spacing:2px;margin-bottom:14px;padding-bottom:10px}.guide-section p{font-size:13px}.guide-table{font-size:12px}.guide-table td{padding:6px}.gt-term{min-width:64px}.victory-card{padding:24px 18px;max-width:390px;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.quickbar{margin-bottom:0}.toast{top:56px;max-width:88vw;text-align:center}@media (min-width: 768px){body{display:flex;justify-content:center}#app{width:390px;min-height:100vh;border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 40px #0000008c}}.attr-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch;margin-bottom:12px}.attr-panel{padding:10px;min-width:0}.attr-top>.card{margin-bottom:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:6px;color:var(--gold);font-size:13px;font-weight:600;margin-bottom:8px}.panel-title .mini{min-height:24px;padding:0 8px;font-size:11px;color:var(--muted);border-color:var(--border-light)}button.mini{min-height:22px;padding:0 8px;font-size:11px;line-height:1.2}.realm-line{color:var(--muted);font-size:11px;margin-bottom:4px}.sel-name{display:block;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-line{display:flex;align-items:center;gap:5px;font-size:12px;padding:3px 0;min-width:0}.stat-line .stat-line-label{color:var(--muted);flex:1 1 auto}.stat-line .stat-line-val{color:var(--gold2);font-weight:600}.stat-line .help{flex:0 0 auto}.rate-line{color:var(--muted);font-size:11px;margin-top:3px}.rate-line b{color:var(--gold2)}.affix-desc{color:var(--muted);font-size:11px;margin-top:6px;line-height:1.5}.sel-action{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.sel-action select{min-height:32px;font-size:12px;padding:0 6px}.sel-action button{min-height:32px;font-size:12px;padding:0 10px}.slot-line{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 4px;border-bottom:1px dashed rgba(58,74,64,.55);font-size:12px;cursor:pointer}.slot-line .sl-name{color:var(--muted);flex:0 0 auto}.slot-line .sl-item{flex:1 1 auto;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-line .sl-item.empty{color:var(--border-light)}.slot-line.on{background:#d6b36a1f;border-radius:6px}.slot-line.cmp{background:#70a1ff14;border-radius:6px;align-items:flex-start}.slot-line .sl-cmp{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:right}.slot-line .sl-cmp .sl-item{flex:none}.sl-cmp-diffs{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;font-size:11px}.sl-cmp-affix{color:var(--muted);font-size:11px}.cmp-diff{color:var(--muted)}.cmp-diff.up{color:#7bed9f}.cmp-diff.down{color:#ff8a80}.cmp-modal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}.cmp-col{border:1px solid var(--border);border-radius:8px;padding:10px;background:#0c110f66;font-size:13px}.cmp-col-title{font-size:12px;color:var(--muted);text-align:center;border-bottom:1px solid var(--border-light);padding-bottom:4px;margin-bottom:6px;letter-spacing:1px}.cmp-item{padding:6px 8px;border:1px solid var(--border-light);border-radius:6px;margin-bottom:8px}.cmp-row{display:grid;grid-template-columns:72px 1fr;gap:6px;align-items:center;font-size:12px;padding:2px 0}.cmp-label{color:var(--muted)}.cmp-val.left{text-align:left;color:var(--text)}.cmp-val.right{text-align:right;color:var(--text)}.cmp-diff.up{color:#7bed9f;font-weight:700}.cmp-diff.down{color:#ff8a80;font-weight:700}.cmp-diff.same{color:var(--muted)}.cmp-diff.big{font-size:16px}.cmp-desc{font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px}.cmp-sub{font-size:11px;color:var(--muted)}.eq-row{padding:6px 8px;border-bottom:1px solid var(--border-light);font-size:12px;cursor:pointer;transition:background .12s}.eq-row:hover{background:#d6b36a0f}.eq-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.eq-summary{color:var(--muted);font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eq-toggle{color:var(--muted);font-size:10px;margin-left:auto}.eq-detail-affix{color:var(--text);font-size:12px;margin-top:4px;padding:4px 6px;border-left:2px solid var(--gold);background:#d6b36a0f;line-height:1.5}.eq-detail-stats{margin-top:4px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px 8px}.eq-detail-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.eq-detail-row b{color:var(--gold2)}.sl-eq-tag{margin-left:6px;border-width:1px!important;padding:1px 6px!important;font-size:10px!important}.slot-tip{color:var(--muted);font-size:11px;margin-top:6px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:8px}.filter-label{color:var(--muted);font-size:11px}.filter-chip{min-height:26px;padding:0 8px;font-size:11px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text-dim)}.filter-chip.on{background:#d6b36a29;border-color:var(--gold);color:var(--gold2)}.filter-chip[class*=year-r]{color:var(--yt);border-color:var(--yc)}.filter-chip.on[class*=year-r]{box-shadow:inset 0 0 0 2px var(--yc);background:#ffffff14}.bag-item{display:flex;align-items:center;gap:6px;padding:8px 0 8px 10px;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px}.bag-item.on{background:#d6b36a14}.bag-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bag-eq{color:var(--jade);font-size:11px}.bag-scroll{max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.bag-scroll::-webkit-scrollbar{width:5px}.bag-scroll::-webkit-scrollbar-track{background:transparent}.bag-scroll::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.bag-scroll{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.bag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bag-cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:6px 6px 6px 8px;border:1px solid var(--border);border-left:3px solid var(--yc);border-radius:6px;background:#0c110f8c;cursor:pointer}.bag-cell.on{background:#d6b36a24;border-color:var(--gold);border-left-color:var(--yc)}.bag-cell .bag-name{color:var(--yt);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bag-cell .bag-sub{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;background:#0000008c}.filter-sheet{width:100%;max-width:390px;background:var(--panel);border-top:1px solid var(--gold);border-radius:12px 12px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg)}.filter-head{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-size:15px;margin-bottom:10px}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.filter-group .filter-label{flex:0 0 100%;color:var(--muted);font-size:12px;margin-bottom:2px}.filter-reset{width:100%;min-height:38px;font-size:13px;border-color:var(--border-light);color:var(--text-dim);margin-top:2px}.forge-switch{display:flex;gap:8px;margin-bottom:10px}.forge-switch button{flex:1 1 0;min-height:40px;font-size:14px;border-color:var(--border);color:var(--text-dim);background:transparent}.forge-switch button.on{border-color:var(--gold);color:var(--gold2);background:var(--gold-glow);font-weight:600}.forge-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px}.forge-col{min-width:0}.fc-title{color:var(--gold);font-size:12px;letter-spacing:1px;margin-bottom:6px}.fc-empty{color:var(--muted);font-size:12px;padding:10px 0}.year-list{display:flex;flex-direction:column;gap:5px;max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.year-list::-webkit-scrollbar{width:4px}.year-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.year-opt{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:32px;padding:0 8px;font-size:13px;border:1px solid var(--yc);border-radius:6px;background:transparent;color:var(--yt)}.year-opt.on{box-shadow:inset 0 0 0 2px var(--yc);background:#ffffff0f}.yo-name{font-weight:600}.yo-mult{font-size:11px;opacity:.75}.mat-list{display:flex;flex-direction:column;gap:5px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.mat-list::-webkit-scrollbar{width:4px}.mat-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.mat-opt{display:flex;align-items:center;gap:6px;width:100%;min-height:32px;padding:0 8px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-dim);text-align:left}.mat-opt .mo-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-opt .mo-sub{color:var(--muted);font-size:11px;white-space:nowrap}.mat-opt.on{border-color:var(--gold);background:var(--gold-glow);color:var(--gold2)}.mo-badge{flex:0 0 auto;font-size:10px;color:var(--gold2);border:1px solid var(--gold);border-radius:3px;padding:0 3px}.mat-picked{color:var(--muted);font-size:11px;margin-top:6px}.forge-strip{padding:10px 12px}.strip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.strip-title{color:var(--gold);font-size:13px;letter-spacing:2px}.strip-head button{min-height:30px;font-size:12px;padding:0 10px}.strip-empty{color:var(--muted);font-size:12px;padding:6px 0}.strip-affix{color:var(--gold2);font-size:14px;font-weight:600}.strip-desc{color:var(--muted);font-size:12px;margin:3px 0 8px;line-height:1.5}.reforge-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.reforge-list::-webkit-scrollbar{width:4px}.reforge-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.reforge-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 10px;border:1px solid var(--border);border-left:3px solid var(--yc);border-radius:6px;background:#0c110f8c;cursor:pointer}.reforge-item.on{border-color:var(--gold);border-left-color:var(--yc);background:#d6b36a24}.reforge-item .ri-name{color:var(--yt);font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reforge-item .ri-sub{color:var(--muted);font-size:11px;white-space:nowrap}.coop-boss-title{display:flex;align-items:center;gap:6px;margin-bottom:6px}.coop-boss-title .coop-boss-name{margin-bottom:0}.coop-actions{display:flex;align-items:stretch;gap:8px;margin-top:12px}.coop-actions .coop-attack-btn{flex:1 1 auto;padding:10px 12px}.coop-auto-btn{flex:0 0 auto;font-size:13px;padding:0 12px;border-color:var(--border-light);color:var(--text-dim);background:transparent}.coop-auto-btn.on{border-color:var(--jade);color:var(--jade);background:#6fbf731f}.coop-log{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-top:12px}.coop-log-title{color:var(--gold);font-size:13px;letter-spacing:2px;margin-bottom:6px}.coop-log-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:3px 0;border-bottom:1px dashed rgba(58,74,64,.55)}.coop-log-line .cl-round{color:var(--muted)}.coop-log-line .cl-dmg{color:var(--gold2)}.coop-round{border-bottom:1px dashed rgba(58,74,64,.55)}.coop-round:last-child{border-bottom:none}.coop-round-head{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0;cursor:pointer}.coop-round-head:hover{background:#ffffff05}.cr-arrow{color:var(--gold);width:12px;flex:none}.cr-round{color:var(--muted);flex:none}.cr-total{color:var(--gold2);flex:none}.cr-parts{display:flex;flex-wrap:wrap;gap:6px}.cr-part{color:var(--text-dim, #b9c4bd);background:var(--ink);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:11px}.cr-part.muted{color:var(--muted)}.cr-lines{background:var(--ink);border-radius:6px;padding:6px 10px;margin:0 0 6px 20px}.cr-line{font-size:12px;color:var(--text-dim, #b9c4bd);padding:2px 0}.forge-cols.three{grid-template-columns:minmax(0,78px) minmax(0,1fr) 66px}.forge-cols.two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}.forge-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.forge-grid-2col::-webkit-scrollbar{width:4px}.forge-grid-2col::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.forge-grid-cell{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--border);border-left:3px solid var(--yc);border-radius:6px;background:#0c110f8c;cursor:pointer;transition:border-color .15s}.forge-grid-cell.on{border-color:var(--gold);border-left-color:var(--yc);background:#d6b36a24}.forge-grid-cell .fgi-name{color:var(--yt);font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forge-grid-cell .fgi-sub{color:var(--muted);font-size:11px}.forge-action{display:flex;flex-direction:column;justify-content:center;gap:8px}.forge-btn{min-height:92px;padding:0 6px;font-size:14px;letter-spacing:2px;border:1px solid var(--gold);border-radius:8px;color:var(--gold2);background:var(--gold-glow)}.forge-btn:disabled{opacity:.4}.fa-hint{color:var(--muted);font-size:10px;line-height:1.6;text-align:center}.mat-picked{margin-top:8px;font-size:11px;color:var(--muted)}.drop-log{padding-bottom:6px}.drop-line{padding:8px 0;border-top:1px dashed var(--border)}.drop-line:first-of-type{border-top:0}.dl-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.dl-label{font-size:13px;color:var(--text)}.dl-time{font-size:11px;color:var(--muted);white-space:nowrap}.dl-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.drop-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.drop-items .tag{font-size:11px}.coop-auto-note{margin-top:10px;padding:8px 10px;border:1px dashed var(--border-light);border-radius:6px;font-size:11px;line-height:1.7;color:var(--text-dim)}.help-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:16px;background:#060908bd}.help-sheet-box{display:flex;flex-direction:column;width:min(340px,100%);max-height:min(72vh,560px);background:#0c110f;border:1px solid var(--gold);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden}.help-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--border)}.help-sheet-head strong{color:var(--gold2);font-size:14px}.help-sheet-close{min-height:0;padding:0 4px;border:none;background:transparent;color:var(--muted);font-size:20px;line-height:1}.help-sheet-body{white-space:pre-line;padding:12px 13px;color:var(--text-dim);font-size:13px;line-height:1.75;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.filter-sheet{max-height:78vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}