:root{color:#24304a;background:#edf0f8;--purple: #6255d9;--purple-dark: #4d42bb;--purple-pale: #efedff;--blue: #4387e5;--border: #e2e5ef;--muted: #77819b;--surface: #fff;--danger: #d84d5f;--shadow: 0 8px 28px rgba(56, 49, 121, .08);--radius: 14px}*{box-sizing:border-box}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,PingFang SC,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:880px;min-height:100vh;line-height:inherit;background:radial-gradient(circle at 78% 0,#e9e7ff 0,transparent 32%),#f3f5fa}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.save-button,.primary-button,.secondary-button,.simulate-button,.text-button,.link-button,.hero-parameter-bar label,.zys-button,.offline-warning{font-weight:600}.title-line input,.group-title,.slot-icon,.online-system-card input:first-child{font-weight:700}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px 18px;background:linear-gradient(176deg,#282249,#201c3b 68%,#17152b);color:#fff;display:flex;flex-direction:column;box-shadow:8px 0 30px #1c183a29;z-index:4}.brand{display:flex;gap:11px;align-items:center;padding:0 7px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#8c7cff,#5b51cf);box-shadow:0 7px 18px #6b5be261}.brand strong,.brand span{display:block}.brand strong{font-size:15px;letter-spacing:.2px}.brand span{margin-top:3px;font-size:11px;color:#aba8c5}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 7px 8px;color:#aaa7c3;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.icon-button{display:inline-grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff;color:#65708a}.icon-button:hover{color:var(--purple);border-color:#c9c4f8;background:#faf9ff}.icon-button.danger:hover{color:var(--danger);border-color:#f1b6bf}.sidebar .icon-button{color:#b9b6d3;background:#ffffff0f;border-color:#ffffff1a}.system-list{display:flex;flex-direction:column;gap:5px;overflow:auto;min-height:80px}.system-item{position:relative;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;width:100%;padding:10px;color:#c6c3d8;text-align:left;background:transparent;border:0;border-radius:10px}.system-item:hover{background:#ffffff0f}.system-item.active{color:#fff;background:linear-gradient(90deg,#7160e670,#7160e62e);box-shadow:inset 2px 0 #8d7fff}.system-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#ffffff14}.system-item strong,.system-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-item strong{font-size:13px}.system-item small{margin-top:3px;font-size:10px;color:#9692b0}.system-item i{width:7px;height:7px;border-radius:50%;background:#f9bd4f;box-shadow:0 0 8px #f9bd4f}.sidebar-tools{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-tools button{display:flex;align-items:center;gap:6px;padding:8px 6px;color:#aaa7c3;font-size:11px;background:transparent;border:0;border-radius:7px}.sidebar-tools button:hover{color:#fff;background:#ffffff0f}.sidebar-tools .danger-link:hover{color:#ff9aa6}.save-button{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:10px;color:#fff;font-weight:650;border:0;border-radius:10px;background:linear-gradient(135deg,#7567e5,#574ac8);box-shadow:0 7px 18px #2f278159}.offline-badge{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#9bd6bc;background:#2b8a6014}.offline-badge strong,.offline-badge small{display:block}.offline-badge strong{font-size:11px}.offline-badge small{margin-top:2px;color:#78758e;font-size:9px}.workspace{min-width:0}.topbar{min-height:110px;padding:21px 30px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffd6;backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.eyebrow{display:block;color:#8a93a8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.title-line{display:flex;align-items:center;gap:10px;margin:4px 0 2px}.title-line input{min-width:260px;padding:0;border:0;outline:0;background:transparent;font-size:25px;font-weight:750;letter-spacing:-.02em}.version-badge{padding:4px 7px;color:#6d61cb;font-size:10px;background:var(--purple-pale);border-radius:5px}.description-input{width:380px;padding:3px 0;color:var(--muted);font-size:12px;background:transparent;border:0;border-bottom:1px solid transparent;outline:0}.description-input:focus{border-color:#c9c4f8}.top-actions,.toolbar,.card-actions{display:flex;align-items:center;gap:7px}.primary-button,.secondary-button,.simulate-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border-radius:9px;font-size:12px;font-weight:650}.primary-button{color:#fff;border:0;background:linear-gradient(135deg,#7164e1,#584bc7);box-shadow:0 5px 14px #5344be38}.primary-button:hover{background:linear-gradient(135deg,#6659da,#4b3fb8)}.secondary-button{color:#5f6780;border:1px solid var(--border);background:#fff}.secondary-button:hover{border-color:#c8c4ec;color:var(--purple)}.tabs{height:59px;display:flex;align-items:end;gap:5px;padding:0 30px;background:#ffffffa6;border-bottom:1px solid var(--border)}.tabs button{position:relative;height:59px;display:flex;align-items:center;gap:7px;padding:0 17px;color:#7e879d;font-size:13px;border:0;background:transparent}.tabs button:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:3px;border-radius:4px 4px 0 0;background:transparent}.tabs button.active{color:var(--purple);font-weight:700}.tabs button.active:after{background:var(--purple)}.tabs button span{min-width:20px;padding:2px 5px;font-size:9px;border-radius:10px;background:#eff1f6}.tabs button.active span{color:#fff;background:var(--purple)}.content{padding:25px 30px 50px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:0;color:#2d3650;font-size:19px}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.segmented{display:flex;align-items:center;gap:6px;padding:8px 10px;color:#6f7890;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:11px}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:5;width:360px;max-height:min(480px,70vh);overflow-y:auto;display:none;grid-template-columns:1fr 1fr;padding:6px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:grid}.dropdown-menu button{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:5px;padding:8px;text-align:left;border:0;border-radius:6px;background:transparent;font-size:11px}.dropdown-menu button:hover{background:var(--purple-pale)}.dropdown-menu span{width:8px;height:8px;border-radius:50%}.dropdown-menu small{color:var(--muted);font-size:9px}.hero-list{display:grid;gap:10px}.unit-card,.champion-card,.task-card,.task-group{border:1px solid var(--border);background:#fffffff0;box-shadow:0 3px 12px #2d33560b}.unit-card{position:relative;min-height:106px;display:grid;grid-template-columns:12px 58px minmax(240px,1fr) auto;align-items:center;gap:13px;padding:14px 16px;border-radius:12px;transition:transform .15s,box-shadow .15s}.unit-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.drag-handle{color:#c2c7d4;cursor:grab}.unit-avatar{flex:0 0 auto;width:56px;height:56px;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:22px;font-weight:800;border:3px solid rgba(255,255,255,.75);border-radius:15px;box-shadow:0 4px 11px #2027442e}.unit-avatar img{width:100%;height:100%;object-fit:cover}.unit-avatar.small{width:31px;height:31px;font-size:12px;border-radius:9px;border-width:2px}.element-火{background-color:#de6367!important}.element-水{background-color:#4d92dc!important}.element-土{background-color:#9a7950!important}.element-风{background-color:#44a484!important}.element-光{background-color:#dba840!important}.element-暗{background-color:#7158bd!important}.unit-main{min-width:0}.unit-heading{display:flex;align-items:center;gap:7px}.unit-heading strong{font-size:14px}.element-pill{display:inline-flex;padding:2px 6px;border-radius:5px;color:#fff;font-size:9px;font-weight:700}.muted{display:block;margin-top:3px;color:var(--muted);font-size:10px}.stat-strip{display:flex;gap:12px;margin-top:7px;color:#59647d;font-size:10px;font-variant-numeric:tabular-nums}.equipment-mini{display:flex;gap:4px;margin-top:7px}.equipment-mini span{width:22px;height:19px;display:grid;place-items:center;color:#9aa2b4;font-size:8px;background:#f3f4f8;border:1px solid #e7e9f0;border-radius:4px}.equipment-mini .equipped{color:#7163d5;background:#efedff;border-color:#d6d1fa}.text-button,.link-button{display:inline-flex;align-items:center;gap:4px;color:var(--purple);border:0;background:transparent;font-size:11px;font-weight:650}.text-button:hover,.link-button:hover{text-decoration:underline}.champion-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px}.champion-card{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:11px;padding:15px;border-radius:12px;transition:border .15s,box-shadow .15s}.champion-card .unit-avatar{width:49px;height:49px;font-size:18px}.champion-card.selected{border-color:#bdb6f4;box-shadow:0 5px 18px #5b4bc71c}.champion-card .text-button{grid-column:1/3;justify-self:start}.select-button{min-height:28px;display:flex;align-items:center;gap:3px;padding:5px 8px;color:#7a8498;border:1px solid var(--border);border-radius:7px;background:#fff;font-size:10px}.select-button.active{color:#387d63;border-color:#a8dcc8;background:#effaf5}.task-group{margin-bottom:17px;border-radius:var(--radius);overflow:hidden}.group-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#fafaff,#f7f6ff)}.group-header>div:first-child{display:flex;align-items:baseline;gap:8px}.group-title{width:180px;color:#343c56;font-weight:750;background:transparent;border:0;outline:0}.group-header span{color:var(--muted);font-size:10px}.task-grid{display:grid;grid-template-columns:repeat(2,minmax(310px,1fr));gap:12px;padding:13px;background:#f8f9fc}.task-card{padding:14px;border-radius:11px}.task-header{display:flex;justify-content:space-between;gap:12px}.task-header h3{margin:4px 0 0;font-size:14px}.task-meta{display:flex;gap:6px;margin:11px 0 8px}.task-meta span{padding:4px 7px;color:#6f7890;font-size:9px;background:#f3f4f8;border-radius:5px}.party-dropzone{min-height:52px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border:1px dashed #cbd0df;border-radius:9px;background:#fafbfe}.party-member{display:flex;align-items:center;gap:5px;padding:3px 5px 3px 3px;border:1px solid #e0e2ea;border-radius:9px;background:#fff;font-size:9px}.party-member:hover{border-color:#e5a4ad}.drop-hint{display:flex;align-items:center;gap:5px;margin:auto;color:#a1a7b7;font-size:10px}.barrier-row{min-height:22px;display:flex;gap:4px;margin:8px 0}.task-config{display:grid;grid-template-columns:1fr 85px 92px;gap:5px;margin-top:10px}.task-config select{min-width:0;padding:6px;color:#5f687e;font-size:9px;border:1px solid var(--border);border-radius:6px;background:#fff}.task-options{display:flex;align-items:center;gap:10px;margin-top:8px;color:#6e7890;font-size:9px}.task-options>button{padding:5px 8px;color:#60697d;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:9px}.task-options>button.active{color:#5045bd;border-color:#a8a0ed;background:#f2f0ff}.task-options label{display:flex;align-items:center;gap:3px}.task-options input{accent-color:var(--purple)}.task-inline-picker{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px;padding:9px;border:1px solid #dcdae8;border-radius:9px;background:#fff;box-shadow:0 8px 20px #312a5c1f}.task-inline-picker>strong{grid-column:1/-1;color:#40377f;font-size:10px}.task-inline-picker button{min-height:46px;padding:6px;color:#5a5964;border:1px solid #dedde5;border-radius:7px;background:#fafafd;font-size:9px}.task-inline-picker button.active{color:#fff;border-color:#5f53d2;background:#5f53d2}.task-inline-picker button small{display:block;margin-top:3px;font-size:7px}.simulate-button{width:100%;color:#5d50c8;border:1px solid #d5d0fa;background:#f1efff}.simulate-button:hover{background:#e8e5ff}.progress-area{padding:3px 0}.progress-copy{display:flex;justify-content:space-between;color:#68718a;font-size:10px}.progress-area progress{width:100%;height:6px;accent-color:var(--purple)}.result-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:9px;overflow:hidden;border-radius:8px;background:#e3e4ed}.result-panel div{padding:8px;text-align:center;background:#f3f8f6}.result-panel strong,.result-panel span{display:block}.result-panel strong{color:#347b60;font-size:14px}.result-panel span{margin-top:2px;color:#7a8496;font-size:8px}.result-panel.stale div{background:#fff7e8}.result-panel small{grid-column:1/-1;padding:5px;color:#a26d16;text-align:center;background:#fff3d7}.task-identity{display:block;margin-top:8px;color:#bdc1cc;font-size:7px}.empty-task{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8b93a7;border:1px dashed #cdd1df;border-radius:10px;background:transparent}.result-actions{display:flex;justify-content:space-between;margin-top:5px}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px;padding:8px;border-radius:7px;background:#f7f8fb}.result-details span{color:#858da1;font-size:8px}.result-details strong{display:block;margin-top:2px;color:#505a72;font-size:10px}.empty-state{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#929aad;border:1px dashed #d1d5e1;border-radius:var(--radius);background:#ffffff73}.empty-state h3{margin:10px 0 3px;color:#5d667d}.empty-state p{margin:0;font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:25px;background:#14122794;backdrop-filter:blur(3px)}.modal{width:min(900px,95vw);max-height:90vh;overflow:auto;border:1px solid rgba(255,255,255,.6);border-radius:16px;background:#fbfbfe;box-shadow:0 24px 70px #130f3757}.modal-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:18px 20px 13px;background:#fffffff0;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.modal-header h2{margin:4px 0 0;font-size:19px}.form-grid{display:grid;grid-template-columns:2fr repeat(4,1fr) 1fr;gap:9px;padding:15px 20px}.form-grid label,.equipment-row>div{color:#7d869a;font-size:9px}.form-grid input,.equipment-row input,.equipment-row select{width:100%;margin-top:4px;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:#fff;outline:0}.checkbox{display:flex;align-items:center;gap:5px}.checkbox input{width:auto;margin:0;accent-color:var(--purple)}.equipment-list{display:grid;gap:7px;padding:5px 20px 15px}.equipment-row{display:grid;grid-template-columns:34px minmax(140px,1.7fr) 85px 80px 100px 62px 45px;align-items:center;gap:7px;padding:8px;border:1px solid var(--border);border-radius:9px;background:#fff}.slot-icon{width:31px;height:31px;display:grid;place-items:center;color:#6559ce;background:#efedff;border-radius:8px;font-weight:750}.equipment-row>div strong{display:block;color:#465069;font-size:10px}.equipment-row input,.equipment-row select{margin:0;padding:6px;font-size:10px}.equipment-row .compact{font-size:9px}.validation-note{display:flex;align-items:center;gap:7px;margin:0 20px 14px;padding:9px;color:#3b7d64;font-size:10px;border-radius:8px;background:#edf8f4}.modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;background:#fffffff2;border-top:1px solid var(--border)}.auto-save-footer{align-items:center;justify-content:space-between}.auto-save-footer>span{color:#758096;font-size:12px}.champion-modal{width:min(680px,92vw)}.champion-editor{display:grid;grid-template-columns:70px repeat(3,1fr);gap:10px;align-items:end;padding:20px}.champion-editor label{color:#7d869a;font-size:9px}.champion-editor label:nth-last-child(-n+2){grid-column:span 2}.champion-editor input{width:100%;margin-top:5px;padding:8px;border:1px solid var(--border);border-radius:7px}.toast{position:fixed;top:78px;right:22px;z-index:30;display:flex;align-items:center;gap:8px;padding:11px 14px;color:#fff;border:0;border-radius:10px;background:#2e2a48;box-shadow:0 10px 28px #17133847;font-size:11px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:#6f7890}.loading-copy{max-width:360px;display:grid;gap:5px}.loading-copy span{color:#525b70;font-weight:700}.loading-copy small{color:#8a92a4;font-size:11px;line-height:1.55}.loader{width:20px;height:20px;flex:0 0 auto;border:2px solid #d9d6f5;border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.champion-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.task-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:222px 1fr}.content,.topbar{padding-left:22px;padding-right:22px}}@media(max-width:930px){body{min-width:760px}.app-shell{grid-template-columns:190px 1fr}.sidebar{padding-left:10px;padding-right:10px}.brand strong{font-size:13px}.top-actions .secondary-button{display:none}.champion-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(3,1fr)}.equipment-row{grid-template-columns:32px 1.5fr 75px 70px}.equipment-row>:nth-child(n+5){grid-column:auto}}.top-actions{flex-wrap:wrap;justify-content:flex-end}.task-card:active{cursor:grabbing}.task-heading{display:flex;align-items:center;gap:7px}.task-drag-handle{flex:0 0 auto;color:#b9becd;cursor:grab}.member-rule{display:block;margin:5px 1px 8px;color:#8b93a7;font-size:8px}.member-rule.limit{color:#c27822}.barrier-editor{display:grid;grid-template-columns:repeat(6,minmax(42px,1fr));gap:4px;margin:8px 0}.barrier-summary-button{width:100%;margin:3px 0 8px;padding:7px 9px;color:#6b7180;text-align:left;border:1px solid #e0e2e8;border-radius:7px;background:#fafbfc;font-size:9px}.barrier-input{overflow:hidden;border-radius:6px;background:#f5f6fa!important}.barrier-input span{display:block;padding:3px;color:#fff;text-align:center;font-size:8px;font-weight:700}.barrier-input.element-火 span{background:#de6367}.barrier-input.element-水 span{background:#4d92dc}.barrier-input.element-土 span{background:#9a7950}.barrier-input.element-风 span{background:#44a484}.barrier-input.element-光 span{background:#dba840}.barrier-input.element-暗 span{background:#7158bd}.barrier-input input{width:100%;padding:4px 2px;text-align:center;color:#505a72;font-size:9px;border:1px solid #e3e5ed;border-top:0;border-radius:0 0 6px 6px;background:#fff}.task-message{margin:5px 0;padding:6px 8px;color:#6c5fc4;font-size:9px;border-radius:6px;background:#f0edff}.modal-transfer{display:flex;gap:7px;margin-right:auto}.transfer-status{margin:-5px 20px 12px;padding:8px 10px;color:#6255b8;font-size:10px;border-radius:7px;background:#f0edff}.template-row{display:flex;align-items:end;gap:9px;margin:0 20px 14px;padding:10px;border:1px solid var(--border);border-radius:9px;background:#fff}.template-row label{flex:1;color:#7d869a;font-size:9px}.template-row select{width:100%;margin-top:5px;padding:8px;border:1px solid var(--border);border-radius:7px;background:#fff}.template-modal{width:min(620px,92vw)}.template-modal>p{padding:0 20px}.template-list{display:grid;gap:7px;padding:12px 20px 20px}.template-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:#fff}.template-list strong,.template-list small{display:block}.template-list strong{font-size:12px}.template-list small{margin-top:3px;color:var(--muted);font-size:9px}body{background:#f3f5fa}.workspace{background:linear-gradient(180deg,#f5f6fb 0,#f1f3f8)}.topbar{min-height:126px;padding:24px 32px;background:#fffffff0;box-shadow:0 2px 10px #2e33530d}.topbar:before{content:"英雄体系搭配平台";align-self:flex-start;margin-right:4px;color:#463cc0;font-size:12px;font-weight:800;letter-spacing:.04em}.title-line input{color:#30297f}.tabs{height:64px;align-items:center;background:#f7f8fc}.tabs button{height:38px;border:1px solid transparent;border-radius:10px}.tabs button:after{display:none}.tabs button.active{border-color:#d7d2fb;background:#fff;box-shadow:0 4px 14px #40369717}.content{max-width:1500px}.section-heading{padding:18px 20px;border:1px solid #e3e5ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px #32385c0d}.section-heading h2{color:#3c33a5;font-size:22px}.flow-section{margin-bottom:30px;scroll-margin-top:78px}.flow-section+.flow-section{padding-top:4px}.tabs{position:sticky;top:0;z-index:8}.flow-section .champion-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:9px;padding:14px;border:1px solid #e2e4ed;border-radius:14px;background:#fff;box-shadow:0 8px 24px #32385c0d}.flow-section .champion-card{grid-template-columns:44px 1fr;gap:7px;min-height:94px;padding:9px;box-shadow:none}.flow-section .champion-card .unit-avatar{width:42px;height:42px;border-radius:50%}.flow-section .champion-card .unit-heading{display:block}.flow-section .champion-card .unit-heading strong{font-size:11px}.flow-section .champion-card .element-pill{margin-top:3px}.flow-section .champion-card .muted,.flow-section .champion-card .stat-strip{display:none}.flow-section .champion-card .text-button{grid-column:1/2;justify-self:center}.flow-section .champion-card .select-button{grid-column:2/3;justify-self:stretch;justify-content:center}.asset-fallback{display:grid;width:100%;height:100%;place-items:center;color:#6c62c9;background:linear-gradient(145deg,#f0edff,#dfdcf7);font-weight:800}.equipment-studio{width:min(1380px,96vw);max-height:94vh;border-radius:14px;background:#f7f7fb}.equipment-studio .modal-header h2{color:#3e35a2;font-size:22px}.equipment-studio .modal-header h2 small{color:#83899b;font-size:11px;font-weight:500}.hero-parameter-bar{display:grid;grid-template-columns:minmax(210px,1.6fr) repeat(4,minmax(105px,.72fr));gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border);background:#fffdf7}.hero-parameter-bar label{color:#697187;font-size:10px;font-weight:650}.hero-parameter-bar input{width:100%;margin-top:5px;padding:8px 9px;color:#3e3853;border:1px solid #dddce7;border-radius:7px;background:#fff}.parameter-readonly{min-height:34px;display:flex;align-items:center;margin-top:5px;padding:7px 10px;color:#353042;border:1px solid #e0dfe7;border-radius:7px;background:#f7f7fa;font-size:14px}.choice-picker{position:relative;margin-top:5px}.choice-picker>button{width:100%;min-height:34px;padding:7px 10px;color:#353042;text-align:left;border:1px solid #d8d9e1;border-radius:7px;background:#fff}.choice-picker>button:after{content:"⌄";float:right;color:#777}.choice-picker-menu{position:absolute;z-index:80;top:calc(100% + 5px);left:0;width:min(310px,55vw);max-height:260px;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;padding:7px;overflow:auto;border:1px solid #d9d9e3;border-radius:9px;background:#fff;box-shadow:0 12px 28px #201d302e}.choice-picker-menu button{min-height:31px;padding:5px;color:#4b4c56;border:0;border-radius:5px;background:#f5f5f8}.choice-picker-menu button:hover,.choice-picker-menu button.active{color:#fff;background:#5f53d2}.hero-identity{display:flex;align-items:center;gap:10px}.hero-identity .unit-avatar{width:62px;height:62px}.hero-identity label{flex:1}.titan-toggle{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dfdceb;border-radius:9px;background:#fff}.titan-toggle input{width:auto;margin:0;accent-color:var(--purple)}.equipment-workbench{display:grid;grid-template-columns:230px minmax(510px,1fr) 235px;min-height:500px}.slot-column,.live-sheet{padding:15px;background:#fff}.slot-column{border-right:1px solid var(--border)}.live-sheet{border-left:1px solid var(--border)}.workbench-title{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;color:#40377f}.workbench-title>div,.workbench-title strong,.workbench-title small{display:block}.workbench-title small{margin-top:3px;color:#9298a8;font-size:9px;font-weight:500}.tower-preview-button{padding:7px 9px;color:#666276;border:1px solid #dad8e2;border-radius:7px;background:#fff;font-size:10px}.tower-preview-button.active{color:#fff;border-color:#5d50cc;background:#5d50cc}.slot-card{width:100%;display:grid;grid-template-columns:45px 1fr 14px;align-items:center;gap:9px;margin-bottom:8px;padding:8px;text-align:left;color:#565d71;border:1px solid #e1e3eb;border-radius:10px;background:#fbfbfd}.slot-card:hover,.slot-card.active{border-color:#7063dc;background:#f5f3ff;box-shadow:0 5px 15px #5344be1a}.slot-card>span:nth-child(2){min-width:0}.slot-card b,.slot-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-card b{font-size:11px}.slot-card small{margin-top:3px;color:#969cad;font-size:9px}.slot-art{width:43px;height:43px;display:grid;place-items:center;overflow:hidden;color:#6c61ca;border:2px solid #70627f;border-radius:8px;background:#efeaf2;font-weight:800}.slot-art img{width:100%;height:100%;object-fit:contain}.item-browser{min-width:0;padding:15px;background:#fafafd}.item-browser .workbench-title input{width:230px;padding:8px 10px;border:1px solid #dedfe8;border-radius:8px;background:#fff;font-size:10px}.rarity-row{display:flex;gap:6px;margin-bottom:12px}.rarity-row button{padding:6px 9px;color:#6d7487;border:1px solid #e0e2e9;border-radius:7px;background:#fff;font-size:9px}.rarity-row button.active{color:#5244c0;border-color:#8a7ee6;background:#f0edff}.item-grid{max-height:350px;overflow:auto;display:grid;grid-template-columns:repeat(5,minmax(88px,1fr));gap:8px;padding:2px}.item-tile{min-width:0;display:flex;flex-direction:column;align-items:center;padding:7px 5px;color:#4f5669;border:1px solid #dfe1e9;border-radius:8px;background:#fff}.item-tile:hover,.item-tile.selected{border-color:#7668dd;background:#f6f4ff;box-shadow:0 4px 12px #4b3db01f}.item-art{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;margin-bottom:5px;border-radius:7px;background:#f0edf1}.item-art img{width:100%;height:100%;object-fit:contain}.item-tile strong{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.item-tile small{display:flex;gap:5px;margin-top:3px;color:#8b91a0;font-size:8px}.item-tile small b{color:#8d4d3d}.item-empty{grid-column:1/-1;padding:60px 10px;color:#969cad;text-align:center}.slot-options{display:grid;grid-template-columns:1.25fr .65fr .75fr 1fr .55fr .75fr;gap:8px;margin-top:12px;padding:10px;border:1px solid #e1e3eb;border-radius:9px;background:#fff}.slot-options label{color:#7c8496;font-size:9px}.slot-options input,.slot-options select{width:100%;margin-top:5px;padding:7px;border:1px solid #dedfe7;border-radius:6px;background:#fff}.slot-options .checkbox{align-self:center}.live-stat{display:grid;grid-template-columns:1fr auto auto;align-items:center;min-height:44px;padding:8px 3px;border-bottom:1px solid #edeef3;color:#5e6578}.live-stat span{font-size:10px}.live-stat strong{color:#2f3444;font-size:17px;font-variant-numeric:tabular-nums}.live-stat small{min-width:42px;margin-left:6px;text-align:right;font-size:8px}.live-stat .up{color:#1b956a}.live-stat .down{color:#cf5360}.sheet-valid,.sheet-issues{margin-top:12px;padding:9px;border-radius:8px;font-size:9px}.sheet-valid{display:flex;gap:6px;color:#347b60;background:#edf8f4}.sheet-issues{color:#ad6624;background:#fff4e6}.sheet-issues small{display:block;margin:3px 0}.simulation-config-title{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #ececf2;color:#3e35a2;font-size:11px;font-weight:700}.simulation-config-title small{color:#999ead;font-size:8px;font-weight:500}.task-card{position:relative;border-radius:13px}.task-config select{min-height:34px;font-size:10px}.party-dropzone{min-height:66px;background:linear-gradient(135deg,#fafaff,#f5f9f8)}.add-party-member{display:flex;align-items:center;gap:5px;min-height:38px;padding:7px 10px;color:#6658c8;border:1px dashed #aaa2e8;border-radius:9px;background:#f5f3ff;font-size:9px}.member-picker{position:absolute;z-index:4;left:14px;right:14px;margin-top:5px;padding:11px;border:1px solid #dcdde7;border-radius:10px;background:#fff;box-shadow:0 14px 34px #282b482e}.member-picker>strong{color:#413987;font-size:11px}.member-picker>div{max-height:190px;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.member-picker button{display:flex;align-items:center;gap:7px;padding:6px;text-align:left;border:1px solid #e4e5ec;border-radius:8px;background:#fafbfc}.member-picker button>span{font-size:9px}.member-picker button small{display:block;margin-top:2px;color:#9399a9;font-size:7px}.visual-result{grid-template-columns:100px 1fr;gap:10px;align-items:center;padding:12px;background:linear-gradient(135deg,#f6f3ff,#f0f8f5)}.visual-result>div{padding:0;background:transparent}.success-gauge{width:82px;height:82px;display:grid;place-items:center;margin:auto;border-radius:50%}.success-gauge>span{width:64px;height:64px;display:grid;place-content:center;border-radius:50%;background:#fff}.success-gauge strong{color:#5143c0;font-size:15px}.success-gauge small{margin-top:2px;color:#8a91a2;font-size:8px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.result-metrics div{padding:8px!important;border-radius:7px;background:#ffffffc7!important}.result-bars{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-bars label{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:7px;color:#747c90;font-size:8px}.result-bars progress{width:100%;height:7px;accent-color:#6253da}@media(max-width:1220px){.equipment-workbench{grid-template-columns:200px minmax(450px,1fr)}.live-sheet{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-left:0;border-top:1px solid var(--border)}.live-sheet .workbench-title,.live-sheet .sheet-valid,.live-sheet .sheet-issues{grid-column:1/-1}.item-grid{grid-template-columns:repeat(4,1fr)}}.online-shell{display:block;min-height:100vh;color:#171721;background:#f5f6fa}.offline-site-header{position:sticky;top:0;z-index:15;height:64px;border-bottom:1px solid #e0e2e8;background:#fffffff7;box-shadow:0 2px 6px #282d4114}.offline-site-inner{width:min(1384px,calc(100% - 42px));height:100%;display:flex;align-items:center;gap:24px;margin:auto}.online-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.online-brand>img{width:28px;height:34px;object-fit:contain}.online-brand strong{color:#1268ae;font-size:23px;font-weight:800}.online-brand small{padding:3px 6px;color:#6c61c8;font-size:9px;border-radius:5px;background:#f0edff}.offline-site-header nav{display:flex;align-self:stretch}.offline-site-header nav button{padding:0 12px;color:#171717;font-size:14px;font-weight:700;border:0;border-bottom:3px solid transparent;background:transparent}.offline-site-header nav button:hover,.offline-site-header nav button.active{color:#4338b1;border-bottom-color:#5e51d3}.site-header-actions{display:flex;gap:12px;margin-left:auto}.zys-button{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 15px;color:#fff;font-size:13px;font-weight:650;border:0;border-radius:6px;box-shadow:0 3px 8px #23273e14}.zys-button.blue{background:#5473df}.zys-button.purple{background:#574be0}.zys-button.violet{background:#9444df}.zys-button.green{background:#4ea85b}.zys-button.red{background:#d94740}.zys-button:disabled{opacity:.45}.online-shell .workspace{min-width:0;background:#f5f6fa}.tool-container{width:min(1264px,calc(100% - 64px));margin:0 auto;padding:28px 0 60px}.tool-hero h1{margin:0;color:#3f36aa;text-align:center;font-size:29px}.offline-warning{display:flex;align-items:center;justify-content:center;gap:8px;margin:31px 0 29px;padding:10px 16px;color:#bd443c;font-size:13px;font-weight:650;text-align:center;border:1px solid #e2b9b5;border-radius:6px;background:#fff8f6}.system-manager{margin-bottom:20px}.system-manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.system-manager-title,.manager-actions{display:flex;align-items:center;gap:12px}.system-manager-title h2{margin:0 6px 0 0;color:#3c359b;font-size:22px}.manager-tab{min-height:32px;padding:6px 13px;color:#665d9c;font-size:12px;border:0;border-radius:18px;background:transparent}.manager-tab.active{color:#fff;background:#574de0}.system-manager-body{position:relative}.system-card-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.online-system-card{position:relative;min-width:0;min-height:112px;padding:15px 17px;cursor:pointer;border:2px solid #d9dbe6;border-radius:8px;background:#fff}.online-system-card.active{border-color:#6258df;background:#f4f2ff}.online-system-card input{display:block;width:100%;padding:0;color:#423aa2;border:0;outline:0;background:transparent}.online-system-card input:first-child{font-size:15px;font-weight:750;text-align:center}.online-system-card input:nth-child(2){margin-top:4px;color:#8f95a4;font-size:10px;text-align:center}.online-system-card>strong,.online-system-card>small{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis}.online-system-card>small{margin-top:4px;color:#8f95a4;font-size:10px;white-space:nowrap}.online-system-card p{margin:8px 0 7px;font-size:12px;text-align:center}.online-system-card p span{color:#aaa}.online-system-card>div{display:flex;justify-content:center;gap:7px}.online-system-card .zys-button{min-height:30px;padding:5px 10px;font-size:11px}.online-system-card .system-card-delete{position:absolute;z-index:2;top:-8px;right:-8px;width:24px;height:24px;display:grid;place-items:center;padding:0;color:#fff;font-size:14px;font-weight:800;line-height:1;border:0;border-radius:50%;background:#e65252}.local-maintenance{margin:0;color:#636b7b;border:0;background:transparent}.local-maintenance:not([open]){width:0;height:0;overflow:hidden}.local-maintenance[open]{position:fixed;top:76px;right:24px;z-index:90;width:min(560px,calc(100vw - 48px));padding:10px;border:1px solid #dfe1e8;border-radius:10px;background:#fff;box-shadow:0 18px 50px #1e233e33}.local-maintenance summary{display:flex;align-items:center;gap:7px;padding:8px;cursor:pointer;font-size:12px;font-weight:700}.local-maintenance summary small{margin-left:auto;color:#9aa0ad;font-size:9px}.local-maintenance>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px 7px 7px}.local-maintenance button{display:flex;align-items:center;justify-content:center;gap:4px;padding:9px;color:#626a7a;font-size:10px;border:0;border-radius:6px;background:#f7f8fb}@media(max-width:1023px){.system-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.system-manager-header{align-items:flex-start;gap:10px}.system-manager-title{flex-wrap:wrap;gap:6px}.system-manager-title h2{width:100%;font-size:18px}.manager-actions{gap:6px}.manager-actions .zys-button{min-height:32px;padding:6px 9px;font-size:11px}.system-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.online-system-card{min-height:104px;padding:12px 8px}.online-system-card p{font-size:10px}.local-maintenance>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.online-content{padding:0}.online-content .flow-section{overflow:visible;margin:0 0 31px;padding:0;scroll-margin-top:82px;border:1px solid #e0e2e9;border-radius:15px;background:#fff;box-shadow:0 8px 17px #2d324e1c}.online-content .section-heading{min-height:78px;margin:0;padding:20px 24px 10px;border:0;box-shadow:none;background:transparent}.online-content .section-heading h2{display:inline;color:#3d35a4;font-size:22px}.online-content .section-heading p{display:inline;margin-left:13px;color:#6e7381;font-size:12px}.online-content .section-heading .toolbar{justify-content:flex-end;flex-wrap:wrap}.online-content .section-heading .manager-tab{min-height:28px;padding:4px 10px}.online-content .section-heading .zys-button{min-height:36px;padding:7px 13px;font-size:12px}.online-content .champion-grid{display:grid;grid-template-columns:repeat(13,minmax(52px,1fr));gap:7px;padding:4px 24px 21px;border:0;box-shadow:none;background:transparent}.champion-icon-card{display:block!important;min-width:0;min-height:82px!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.unit-icon-open{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px;color:#171721;border:0;background:transparent}.unit-icon-open .unit-avatar{width:51px!important;height:51px!important;border:0;border-radius:50%!important;box-shadow:none}.unit-icon-open strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.unit-icon-open small{color:#888e9d;font-size:8px}.champion-icon-card .unit-icon-open:hover .unit-avatar,.hero-icon-card .unit-icon-open:hover .unit-avatar{transform:translateY(-2px);filter:drop-shadow(0 5px 5px rgba(50,45,100,.22))}.roster-avatar-wrap{position:relative;width:51px;height:51px;display:block}.roster-element-badge{position:absolute;z-index:2;top:-3px;left:-3px;width:22px;height:22px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.hero-section-heading{align-items:flex-start!important}.hero-sort-tabs{display:flex;width:max-content;margin-top:9px;padding:2px;border:1px solid #e2e3ea;border-radius:18px}.hero-sort-tabs .manager-tab{min-height:27px!important}.online-content .hero-list{min-height:64px;display:flex;flex-wrap:wrap;gap:13px;padding:2px 24px 12px}.online-content #heroes-section .hero-list>.empty-state{display:none}.hero-icon-card{position:relative;width:66px;min-height:87px!important;display:block!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.hero-icon-card:hover{transform:none}.hero-icon-card .unit-icon-open .unit-avatar{width:55px!important;height:55px!important}.unit-remove,.unit-copy{position:absolute;z-index:2;width:19px;height:19px;display:grid;place-items:center;padding:0;color:#fff;border:0;border-radius:50%}.unit-remove{top:0;right:1px;background:#e35c5d}.unit-copy{top:22px;right:1px;background:#6657d2}.hero-icon-card .unit-icon-open small{display:none}.online-content .task-group{margin:0 24px 24px;border:1px dashed #cfd1d9;border-radius:7px;box-shadow:none}.online-content .group-header{background:#fff}.online-content .task-grid{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:start;background:#fff}.online-content .task-card{box-shadow:none;background:linear-gradient(145deg,#fff,#f2fbf6)}.online-content .empty-state{margin:0 24px 22px}.class-picker-modal{width:min(680px,90vw)}.class-picker-modal .modal-header{align-items:center}.class-picker-modal .modal-header h2{color:#3d35a4}.class-picker-grid{max-height:600px;overflow:auto;display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:18px}.class-picker-grid>button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 5px;color:#1f2027;border:1px solid #e0e1e7;border-radius:9px;background:#fff}.class-picker-grid>button:hover{border-color:#6658dc;background:#f6f4ff}.class-picker-art{position:relative;width:57px;height:57px;display:block;overflow:visible}.class-picker-art .class-picker-class-icon{width:100%;height:100%;object-fit:contain}.class-picker-art .class-picker-element-badge{position:absolute;top:-3px;left:-4px;width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.class-picker-grid strong{font-size:11px}.class-picker-heading{display:flex;align-items:center;gap:10px}.template-back-button{padding:6px 10px;color:#453cac;border:1px solid #d9d8e7;border-radius:7px;background:#fff}.creation-template-stage{max-height:680px;display:flex;flex-direction:column;gap:10px;padding:18px;overflow:auto}.creation-template-card{min-height:112px;display:grid;grid-template-columns:92px 1fr;align-items:center;color:#252332;border:1px solid #dedee9;border-radius:12px;background:linear-gradient(100deg,#fff,#f9f9ff);box-shadow:0 2px 5px #342e690f}.creation-template-card:hover{border-color:#6357d6;background:#f8f7ff}.creation-template-class{display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:700}.creation-template-class>img,.creation-template-class>.asset-fallback{width:62px;height:62px;object-fit:contain;border-radius:50%}.creation-template-class small{color:#4139a3;font-size:10px}.creation-template-content{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 16px 10px 0}.creation-template-content>strong{font-size:15px}.creation-template-skills{display:flex;justify-content:center;gap:16px}.creation-template-skill{width:64px;display:flex;flex-direction:column;align-items:center;gap:3px}.creation-template-skill>img,.creation-template-skill>.asset-fallback,.creation-template-skill>b{width:38px;height:38px;display:grid;place-items:center;object-fit:contain;color:#fff;border:3px solid #423641;border-radius:4px;background:#71415f;box-shadow:inset 0 0 0 2px #9a6a87}.creation-template-skill>b{font-size:20px}.creation-template-skill small{width:64px;overflow:hidden;color:#575363;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.creation-template-disclaimer{margin:2px 0 0;padding:11px 8px 0;color:#d04135;font-size:11px;font-weight:700;text-align:center;border-top:1px solid #e9e7ea}.template-snapshot-date{color:#9895a2;font-size:8px;text-align:right}.modal-header-actions{display:flex;align-items:center;gap:8px}.equipment-studio{width:min(1152px,96vw);background:#fffef9}.equipment-studio .modal-header{position:sticky}.equipment-overview{display:grid;grid-template-columns:385px 1fr;min-height:390px;padding:14px 70px 20px}.overview-stats{padding:12px 28px 12px 12px;border:0;background:transparent}.overview-stats .live-stat{min-height:42px;border-bottom:1px solid #dedee4}.equipment-slot-stage{padding:20px 5px 20px 55px;border-left:1px solid #e1e1e4}.equipment-slot-grid{display:grid;grid-template-columns:repeat(3,125px);gap:22px 30px;margin-top:26px}.overview-slot{position:relative;min-height:142px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;color:#332b3a;border:0;background:transparent}.overview-slot-art{width:104px;height:104px;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:24px;font-weight:800;border:5px solid #392f40;border-radius:13px;background:#684054;box-shadow:inset 0 0 0 3px #8a5c75,0 4px 5px #281e2d2e}.overview-slot-art img{width:100%;height:100%;object-fit:contain}.overview-slot strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.overview-slot small{color:#8f8490;font-size:8px}.overview-slot i{position:absolute;top:7px;right:8px;width:22px;height:22px;display:grid;place-items:center;color:#fff;font-size:9px;font-style:normal;border-radius:50%}.modal-import-code{width:154px;padding:8px 10px;color:#4a4f5e;border:1px solid #d8dae3;border-radius:6px;background:#fff;outline:0}.modal-import-code:focus{border-color:#5d53ce;box-shadow:0 0 0 2px #5d53ce21}.hero-name-editor{min-width:145px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.hero-name-editor>small{color:#7d8190;font-size:9px}.hero-name-editor>button,.hero-name-editor>input{min-width:130px;max-width:180px;padding:7px 10px;color:#fff;font-size:14px;font-weight:700;text-align:center;border:0;border-radius:8px;background:#67475c;box-shadow:inset 0 0 0 2px #8a667d}.hero-name-editor>input{outline:2px solid #6759d2}.equipment-modal-backdrop .equipment-studio{grid-column:2}.equipment-hero-nav{width:46px;height:74px;display:grid;place-items:center;align-self:center;color:#4d43b7;font-size:42px;line-height:1;border:1px solid rgba(255,255,255,.75);border-radius:12px;background:#ffffffeb;box-shadow:0 8px 28px #18143640}.equipment-hero-nav:hover{color:#fff;background:#5b50cb}.equipment-hero-nav.previous{grid-column:1}.equipment-hero-nav.next{grid-column:3}.nested-picker-backdrop{position:fixed;inset:0;z-index:35;display:grid;place-items:center;padding:16px;background:#0a0a0ebd}.equipment-picker-dialog{width:min(1235px,98vw);max-height:88vh;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 25px 80px #0000006b}.equipment-picker-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #dedfe5}.equipment-picker-dialog h3{margin:0;color:#3f36a7;font-size:20px}.picker-filter-bar{display:grid;grid-template-columns:150px 120px 1fr 210px;gap:18px;align-items:end;padding:13px 25px;border-bottom:1px solid #e2e3e8;background:#fafbfe}.picker-filter-bar>div>strong,.picker-filter-bar .rarity-row>strong{display:block;margin-bottom:7px;color:#202127;font-size:12px}.picker-filter-bar button,.picker-filter-bar input{min-height:33px;padding:6px 9px;border:1px solid #d9dbe3;border-radius:6px;background:#fff}.picker-filter-bar button.active{color:#5648cf;border-color:#685bdc;background:#f0edff}.picker-filter-bar .rarity-row{margin:0}.equipment-picker-columns{max-height:61vh;overflow:auto;display:grid;grid-template-columns:1.45fr .75fr .9fr;gap:15px;padding:17px}.equipment-picker-columns>section{min-width:0}.equipment-picker-columns h4{margin:0 0 10px;text-align:center;font-size:14px}.equipment-picker-columns .item-grid{max-height:none;grid-template-columns:repeat(5,minmax(75px,1fr));overflow:visible}.equipment-picker-columns .item-art{width:57px;height:57px}.enchant-grid,.spirit-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.enchant-grid button,.spirit-suggestions button{min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;border:2px solid transparent;border-radius:8px}.enchant-grid button.selected,.spirit-suggestions button.selected{border-color:#5c50d4;box-shadow:0 0 0 2px #d6d1ff}.enchant-grid span,.spirit-suggestions span{font-size:26px}.enchant-grid small,.spirit-suggestions small{font-size:9px}.enchant-grid button:first-child{color:#777;background:#eee!important}.spirit-editor{display:block;margin-bottom:9px;color:#777;font-size:9px}.spirit-editor input{width:100%;margin-top:5px;padding:8px;border:1px solid #dcdde5;border-radius:6px}.spirit-suggestions button{color:#352e39;background:linear-gradient(145deg,#f3ecf2,#ddd0dc)}.equipment-picker-dialog>footer{display:flex;align-items:end;gap:10px;padding:10px 17px;border-top:1px solid #e0e1e7}.equipment-picker-dialog>footer label{flex:1;color:#777;font-size:9px}.equipment-picker-dialog>footer input{width:100%;margin-top:4px;padding:8px;border:1px solid #d9dbe2;border-radius:6px}.simulation-detail-modal{width:min(1135px,94vw);background:#fff}.simulation-quest-banner{display:flex;align-items:center;justify-content:space-between;margin:18px 48px;padding:18px 26px;border:1px solid #d8e3df;border-radius:8px;background:linear-gradient(90deg,#f4faf5,#eff9ff)}.simulation-quest-banner strong,.simulation-quest-banner small{display:block}.simulation-quest-banner strong{font-size:24px}.simulation-quest-banner small{margin-top:5px;color:#7a8290}.simulation-quest-banner dl{display:flex;gap:28px;margin:0}.simulation-quest-banner dl div{text-align:center}.simulation-quest-banner dt{color:#7b8290;font-size:10px}.simulation-quest-banner dd{margin:8px 0 0;font-weight:700}.simulation-summary{display:grid;grid-template-columns:repeat(5,1fr);margin:0 48px;border-top:1px solid #e6e7eb;border-bottom:1px solid #e6e7eb}.simulation-summary>div{padding:17px;text-align:center}.simulation-summary span,.simulation-summary strong{display:block}.simulation-summary span{color:#7f8694;font-size:10px}.simulation-summary strong{margin-top:6px;font-size:20px}.simulation-members{max-height:380px;overflow:auto;display:grid;gap:9px;padding:20px 48px}.simulation-members article{display:grid;grid-template-columns:58px 1fr 130px 150px 260px;align-items:center;gap:12px;padding:13px;border:1px solid #e0e2e8;border-radius:9px;background:#fafbfe}.simulation-members article small{display:block;margin-top:4px;color:#8d94a2}.simulation-members article>span{color:#727989;font-size:10px}.simulation-members article b{display:block;margin-top:4px;color:#3d35a4;font-size:14px}.simulation-detail-footer{padding:12px 48px;color:#9197a4;font-size:9px;text-align:right;border-top:1px solid #e3e4e9}@media(max-width:1100px){.offline-site-header nav button{padding:0 7px}.tool-container{width:calc(100% - 36px)}.online-content .champion-grid{grid-template-columns:repeat(7,1fr)}.online-content .task-grid{grid-template-columns:repeat(2,1fr)}.equipment-overview{padding-left:25px;padding-right:25px}.equipment-slot-grid{grid-template-columns:repeat(3,105px)}.equipment-picker-columns{grid-template-columns:1.2fr .7fr .8fr}}.champion-parameter-bar{grid-template-columns:minmax(160px,1.2fr) repeat(5,minmax(105px,.8fr))}.champion-parameter-bar .hero-identity{min-width:150px}.champion-parameter-bar label>small{display:block;margin-top:4px;color:#777;font-size:8px}.champion-overview{grid-template-columns:minmax(245px,.75fr) minmax(430px,1.25fr)}.champion-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:20px;max-width:560px;margin:34px auto}.champion-slot{min-height:210px}.champion-slot .overview-slot-art{width:112px;height:112px}.champion-picker-dialog{width:min(960px,calc(100vw - 64px))}.champion-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;padding:18px;max-height:58vh;overflow:auto}.champion-team-skill{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 18px;border-bottom:1px solid #e6e4de;background:#fffdf8}.champion-team-skill .skill-art{width:58px;height:58px;flex:0 0 58px}.champion-team-skill>div{max-width:560px;display:flex;flex-direction:column;gap:2px}.champion-team-skill small{color:#8b8494;font-size:9px}.champion-team-skill strong{color:#373241;font-size:13px}.champion-team-skill span{color:#625e69;font-size:10px}.equipment-picker-dialog{width:min(1248px,calc(100vw - 32px));max-height:86vh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.equipment-picker-dialog>header{min-height:58px;padding:11px 17px}.equipment-picker-dialog h3{font-size:19px}.picker-filter-bar{grid-template-columns:190px 150px minmax(390px,1fr) 210px;gap:14px;padding:11px 28px}.picker-filter-bar.champion-full-filter{grid-template-columns:190px 150px minmax(390px,1fr)}.picker-filter-bar>div>strong,.picker-filter-bar .rarity-row>strong{margin-bottom:5px}.picker-filter-bar .rarity-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.picker-filter-bar .rarity-row>strong{grid-column:1/-1}.picker-filter-bar .rarity-row button{min-height:31px;padding:5px 7px}.equipment-picker-columns{min-height:0;max-height:none;grid-template-columns:1.55fr .88fr 1.08fr;gap:12px;padding:14px 16px 20px;overflow:auto;align-items:start}.equipment-picker-columns>section{padding:0 2px}.equipment-picker-columns h4{position:sticky;top:-14px;z-index:3;margin:-2px -2px 10px;padding:7px 2px 8px;background:#fffffff5}.equipment-picker-columns h4 small{margin-left:4px;color:#9a9eaa;font-size:9px;font-weight:500}.picker-filter-bar strong:has(.apply-all){display:flex!important;align-items:center;justify-content:space-between;gap:6px}.picker-filter-bar .apply-all,.equipment-picker-columns h4 .apply-all{min-height:0;margin-left:8px;padding:2px 6px;color:#6457cd;border:1px solid #d7d2fb;border-radius:5px;background:#f4f2ff;font-size:9px;font-weight:600}.equipment-picker-columns h4 .apply-all{vertical-align:middle}.equipment-picker-columns .item-grid{grid-template-columns:repeat(5,minmax(76px,1fr));gap:7px}.enchant-catalog-grid,.spirit-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));gap:7px}.catalog-tile{position:relative;min-height:132px;justify-content:flex-start;padding:7px 5px 8px}.catalog-tile.compact{min-height:132px}.catalog-tile .item-art{position:relative;width:68px;height:68px;flex:0 0 auto;overflow:visible;background:#f2f1f5}.catalog-tile .item-art img{object-fit:contain}.catalog-tile .item-art>i{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 3px;color:#fff;font-size:8px;font-style:normal;font-weight:800;border:2px solid #fff;border-radius:50%;background:#754b37;box-shadow:0 1px 3px #00000040}.catalog-tile .item-art>em{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;display:grid;place-items:center;color:#fff;font-size:9px;font-style:normal;border:2px solid #fff;border-radius:4px}.catalog-tile>strong{min-height:24px;display:grid;place-items:center;white-space:normal;line-height:1.25;text-align:center}.catalog-tile>small{min-height:25px;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 5px;line-height:1.25;text-align:center}.catalog-tile>small span{white-space:nowrap;color:#667085}.catalog-tile.selected{border-width:2px;box-shadow:0 0 0 2px #d9d4ff,0 5px 14px #5144be29}.catalog-tile.with-preview{min-height:151px}.item-state-tags{min-height:17px;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:1px 0 2px}.item-state-tags b{padding:2px 5px;color:#5245b7;font-size:7px;line-height:1.2;border:1px solid #d8d2ff;border-radius:8px;background:#f0edff}.catalog-tile.enhanced>small{color:#313a52;font-weight:700}.equipment-picker-dialog>footer{min-height:52px;justify-content:flex-end;align-items:center;padding:8px 16px;background:#fff}.picker-advanced{margin-right:auto;color:#777;font-size:9px}.picker-advanced summary{cursor:pointer;color:#6e68a0}.picker-advanced label{width:360px;display:block;margin-top:5px}.picker-advanced input{width:100%}@media(max-width:1100px){.picker-filter-bar{grid-template-columns:130px 110px 1fr 170px;padding-left:16px;padding-right:16px}.equipment-picker-columns{grid-template-columns:1.35fr .9fr 1fr}.equipment-picker-columns .item-grid{grid-template-columns:repeat(4,minmax(70px,1fr))}.catalog-tile .item-art{width:58px;height:58px}}.hero-skill-stage{display:grid;grid-template-columns:minmax(0,1fr) 255px;align-items:center;gap:22px;padding:14px 70px 16px;border-top:1px solid #ece9e3;border-bottom:1px solid #e5e2dc;background:#fffefb}.hero-skill-slots{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0}.hero-skill-card{width:96px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:5px 4px 7px;color:#28252c;border:0;background:transparent}.hero-skill-card>span:last-child{width:100%;min-width:0;text-align:center}.hero-skill-card small,.hero-skill-card strong{display:block}.hero-skill-card small{margin-bottom:2px;color:#88838c;font-size:8px}.hero-skill-card strong{overflow:hidden;color:#27242a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.elective-card{border-radius:9px}.elective-card:hover{background:#f5f2ff}.elective-card.configured{background:#faf8ff}.skill-art{position:relative;width:71px;height:71px;display:grid;place-items:center;flex:0 0 auto;overflow:visible;color:#b2abb8;border:3px solid #40353c;border-radius:5px;background:linear-gradient(145deg,#f2eff3,#ded9df);box-shadow:inset 0 0 0 2px #8c7d86,0 2px 4px #231c2633}.skill-art img{width:100%;height:100%;object-fit:contain;border-radius:2px}.skill-art>.asset-fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:800}.skill-art>i{position:absolute;right:-5px;bottom:-4px;min-width:18px;height:22px;display:grid;place-items:center;padding:0 3px;color:#fff;font-size:9px;font-style:normal;font-weight:800;border:2px solid #fff;border-radius:3px;background:#7d542d;box-shadow:0 1px 3px #00000047}.skill-art>i:before{content:"等级";position:absolute;right:16px;color:transparent}.skill-art.innate{border-color:#82723d;background:#dccf87;box-shadow:inset 0 0 0 2px #bca45c,0 2px 4px #231c2633}.empty-skill-glyph{font-size:36px;font-weight:300}.innate-effect{padding:11px 14px;border-left:3px solid #c8a84e;border-radius:4px;background:#faf6e8}.innate-effect strong,.innate-effect small{display:block}.innate-effect strong{color:#4b3d22;font-size:12px}.innate-effect small{margin-top:5px;color:#8d826b;font-size:8px;line-height:1.5}.skill-picker-backdrop{z-index:42;background:#0c0c10c7;backdrop-filter:blur(3px)}.skill-picker-dialog{width:min(1025px,calc(100vw - 60px));max-height:86vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 25px 80px #0000007a}.skill-picker-dialog>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #dedfe4}.skill-picker-dialog h3{margin:0;color:#3f36a7;font-size:20px}.skill-picker-dialog>header>div{display:flex;gap:8px}.skill-picker-grid{min-height:0;display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;padding:17px;overflow:auto;align-content:start}.skill-catalog-card{position:relative;min-height:204px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 7px 9px;color:#2d2930;text-align:left;border:1px solid #d9dadd;border-radius:7px;background:#fff}.skill-catalog-card:hover{transform:translateY(-1px);border-color:#6658d8;box-shadow:0 6px 15px #4439941f}.skill-catalog-card .skill-art{width:62px;height:62px}.skill-catalog-card>strong{width:100%;overflow:hidden;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.skill-catalog-card>div{width:100%;display:flex;flex-direction:column;gap:2px;color:#55515a;font-size:8px;line-height:1.35}.skill-catalog-card>small{width:100%;margin-top:auto;color:#27242a;font-size:8px;font-weight:700}.skill-catalog-card .max-effects{color:#284a91;font-weight:700}@media(max-width:1100px){.hero-skill-stage{padding-left:25px;padding-right:25px}.skill-picker-grid{grid-template-columns:repeat(5,minmax(120px,1fr))}}.online-task-config{grid-template-columns:minmax(0,1fr) 105px!important}.quest-switcher{min-height:58px;display:flex;align-items:center;gap:9px;padding:6px 9px;color:#25232c;text-align:left;border:1px solid #dfe1e7;border-radius:8px;background:#fff}.quest-switcher-art{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;overflow:hidden;color:#6255c8;border-radius:7px;background:#f1eff8}.quest-switcher-art img{width:100%;height:100%;object-fit:cover}.quest-switcher strong,.quest-switcher small{display:block}.quest-switcher strong{font-size:11px}.quest-switcher small{margin-top:3px;color:#858b99;font-size:8px}.quest-picker-backdrop{z-index:48}.quest-picker-dialog{width:min(1248px,calc(100vw - 16px));max-height:90vh;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 28px 85px #0000007a}.quest-picker-dialog>header{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.quest-picker-dialog h3{margin:0;color:#4338a8;font-size:18px}.quest-picker-dialog>header .zys-button{min-height:32px;padding:4px 8px;font-size:12px}.quest-picker-dialog>nav{display:flex;gap:6px;padding:6px 12px 8px;border-bottom:1px solid #ececf0;background:#fff}.quest-picker-dialog>nav button{padding:4px 8px;color:#50515a;font-size:12px;border:0;border-radius:7px;background:#f0f0f4}.quest-picker-dialog>nav button.active{color:#fff;background:#5b4fd3}.quest-map-grid,.quest-difficulty-grid{min-height:0;display:grid;gap:8px;padding:8px 12px 12px;overflow:auto;align-content:start}.quest-map-grid,.quest-difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quest-map-grid button,.quest-difficulty-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#282631;border-radius:8px;background:#fff}.quest-map-grid button{padding:6px;border:1px solid #dedfe5}.quest-difficulty-grid button{min-height:78px;gap:4px;padding:8px;border:2px solid #dedfe5}.quest-map-grid button:hover,.quest-difficulty-grid button:hover{border-color:#cfd1d7;background:#f9fafb}.quest-map-grid img{width:40px;height:40px;margin-bottom:4px;object-fit:contain}.quest-map-grid strong{font-size:9px}.quest-map-grid strong,.quest-difficulty-grid strong{line-height:1.25;text-align:center}.quest-difficulty-header{display:flex;align-items:center;gap:12px;padding:12px 12px 8px}.quest-picker-back{padding:8px 16px;color:#565861;border:0;border-radius:6px;background:#f0f0f3}.quest-selected-map{display:flex;align-items:center;gap:10px}.quest-selected-map img{width:40px;height:40px;object-fit:contain}.quest-selected-map strong{font-size:14px}.quest-difficulty-art{width:32px;height:32px;position:relative;display:grid;place-items:center;flex:0 0 auto;margin-bottom:4px}.quest-difficulty-art>img{width:100%;height:100%;object-fit:contain}.quest-difficulty-art.titan>img{position:absolute;inset:0}.quest-difficulty-art.compact{width:24px;height:24px;margin-bottom:0}.quest-difficulty-art.titan.compact{width:24px;height:24px}.quest-difficulty-art.titan.compact>img:last-child{inset:0;width:24px;height:24px}@media(min-width:640px){.quest-map-grid,.quest-difficulty-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:768px){.quest-picker-dialog>header{min-height:72px;padding:14px 24px}.quest-picker-dialog h3{font-size:24px}.quest-picker-dialog>header .zys-button{min-height:40px;padding:8px 16px;font-size:16px}.quest-picker-dialog>nav{gap:8px;padding:8px 24px 15px}.quest-picker-dialog>nav button{padding:8px 16px;font-size:16px}.quest-map-grid,.quest-difficulty-grid{gap:12px;padding:16px 24px 24px}.quest-map-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.quest-difficulty-grid{grid-template-columns:repeat(8,minmax(0,1fr));padding-top:8px}.quest-map-grid button{min-height:130px;padding:12px}.quest-difficulty-grid button{min-height:100px;gap:8px;padding:12px}.quest-map-grid img{width:64px;height:64px;margin-bottom:8px}.quest-map-grid strong,.quest-difficulty-grid strong{font-size:12px}.quest-difficulty-header{padding:18px 24px 8px}.quest-selected-map img{width:48px;height:48px}.quest-selected-map strong{font-size:15px}.quest-difficulty-art{width:48px;height:48px;margin-bottom:8px}}@media(min-width:1024px){.quest-map-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.quest-difficulty-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:1280px){.quest-map-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}.online-task-options{position:relative;z-index:5;display:flex;align-items:flex-end;justify-content:center;gap:5px;margin:9px 0 7px;padding-top:9px;border-top:1px solid #e4e5e8}.online-task-options>div{position:relative;min-width:50px;display:flex;flex-direction:column;align-items:center;gap:3px}.online-task-options>div>span{color:#686d78;font-size:9px;white-space:nowrap}.online-task-options>div>button{min-width:50px;height:30px;display:flex;align-items:center;justify-content:center;gap:3px;padding:3px 6px;color:#4e5360;font-size:9px;border:1px solid #d4d6dc;border-radius:5px;background:#fff}.online-task-options>div>button.active{border-color:#d4a83c;box-shadow:0 0 0 1px #d4a83c38}.online-task-options .task-square-option{width:40px;min-width:40px;height:40px;color:#a5a8b0;font-size:16px}.online-task-options .task-square-option b{color:#df7a27;font-size:23px;line-height:1}.online-task-options .task-square-option small{min-width:15px;height:15px;display:grid;place-items:center;color:#fff;font-size:8px;border-radius:50%;background:#7c5635}.compact-task-dropdown{position:absolute;top:100%;left:50%;z-index:25;min-width:86px;overflow:hidden;transform:translate(-50%);margin-top:4px;padding:3px;border:1px solid #d7d8de;border-radius:5px;background:#fff;box-shadow:0 8px 20px #23263833}.compact-task-dropdown button{width:100%;padding:6px 8px;color:#343741;text-align:left;border:0;border-radius:3px;background:#fff;font-size:9px}.compact-task-dropdown button:hover,.compact-task-dropdown button.active,.compact-task-dropdown button[aria-selected=true]{background:#eeecff;color:#4d43b5}.barrier-task-dropdown button[class^=element-]{color:#fff;margin:2px 0}.booster-picker-backdrop{z-index:200;background:#0a0a0e94}.booster-picker-dialog{width:min(450px,calc(100vw - 32px));padding:22px 24px 25px;border-radius:15px;background:#fff;box-shadow:0 22px 70px #00000061}.booster-picker-dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.booster-picker-dialog h3{margin:0;color:#4037a5;font-size:22px}.booster-picker-dialog>strong{display:block;margin-bottom:9px;color:#4a4c56;font-size:12px}.booster-picker-dialog>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.booster-picker-dialog>div>button{min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;color:#2f3038;border:2px solid #dedfe5;border-radius:8px;background:#fff}.booster-picker-dialog>div>button:hover,.booster-picker-dialog>div>button.active{border-color:#6255d5;background:#f4f2ff}.booster-picker-dialog span{font-size:10px;font-weight:650}.booster-gem{color:#df7b28;font-size:42px;line-height:.9;text-shadow:0 2px 2px rgba(80,42,18,.18)}.booster-gem-2{color:#ec8f23;transform:scale(1.08)}.booster-gem-3{color:#f2a139;transform:scale(1.18)}.online-task-options .task-square-option>img{width:27px;height:27px;object-fit:contain}.online-task-options .task-xp-options{min-width:126px}.task-xp-options>div{display:flex;gap:3px}.task-xp-options>div>button{width:40px;height:40px;display:grid;place-items:center;padding:4px;border:1px solid #d4d6dc;border-radius:5px;background:#fff;opacity:.48}.task-xp-options>div>button.active{border-color:#4c86d9;background:#eef6ff;opacity:1}.task-xp-options>div>button:disabled{cursor:not-allowed;opacity:.22}.task-xp-options img{width:28px;height:28px;object-fit:contain}.booster-picker-dialog .booster-picker-section{display:block;margin-bottom:14px}.booster-picker-section>strong{display:block;margin-bottom:8px;color:#4a4c56;font-size:12px}.booster-picker-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.booster-picker-section button{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;color:#2f3038;border:2px solid #dedfe5;border-radius:8px;background:#fff}.booster-picker-section button:hover,.booster-picker-section button.active{border-color:#6255d5;background:#f4f2ff}.booster-picker-section img{width:42px;height:42px;object-fit:contain}.tower-modifier-backdrop{z-index:205;background:#0a0a0e94}.tower-modifier-dialog{width:min(930px,calc(100vw - 32px));max-height:88vh;display:flex;flex-direction:column;padding:22px 24px;border-radius:15px;background:#fff;box-shadow:0 22px 70px #00000061}.tower-modifier-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tower-modifier-dialog h3{margin:0 0 5px;color:#4037a5;font-size:22px}.tower-modifier-dialog header span{color:#6b65b8;font-size:12px;font-weight:650}.tower-modifier-dialog header button{margin-left:6px;padding:6px 10px;border:1px solid #d7d5ee;border-radius:6px;background:#f6f5ff;color:#5149ad}.tower-modifier-dialog header .red{color:#fff;border-color:#df463f;background:#df463f}.tower-modifier-warning{margin:13px 0;padding:8px 12px;color:#a33a33;text-align:center;border:2px solid #e27373;border-radius:7px;background:#fff4f4;font-size:11px}.tower-modifier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:auto}.tower-modifier-grid>button{min-height:84px;display:flex;align-items:center;gap:10px;padding:9px;text-align:left;border:2px solid #e1e2e7;border-radius:9px;background:#fff}.tower-modifier-grid>button.active{border-color:#6255d5;background:#f1efff}.tower-modifier-grid>button:disabled{opacity:.38}.tower-modifier-grid img{width:50px;height:50px;flex:none;object-fit:contain}.tower-modifier-grid span{min-width:0;display:flex;flex-direction:column;gap:3px}.tower-modifier-grid strong{color:#30323a;font-size:12px}.tower-modifier-grid small{overflow:hidden;color:#777b86;font-size:9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.system-edit-backdrop{z-index:120;background:#14151c94}.system-edit-dialog{width:min(448px,calc(100vw - 32px));overflow:hidden;color:#20212a;border-radius:16px;background:#fff;box-shadow:0 22px 70px #0f10184d}.system-edit-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:25px 24px 13px}.system-edit-dialog>header h3{margin:0;font-size:21px;font-weight:750}.system-edit-dialog>header button{width:30px;height:30px;padding:0;color:#9da1aa;font-size:29px;line-height:1;border:0;background:transparent}.system-edit-tab{width:max-content;margin:0 24px;padding:12px 16px 10px;color:#574de0;font-weight:700;border-bottom:3px solid #574de0}.system-edit-form{padding:20px 24px 8px;border-top:1px solid #ececf2}.system-edit-form>label{position:relative;display:block;margin-bottom:17px;text-align:center;font-size:13px;font-weight:650}.system-edit-form input[type=text],.system-edit-form textarea{display:block;width:100%;margin-top:8px;padding:11px 13px;color:#272936;font:inherit;font-weight:500;text-align:left;border:1px solid #d5d7df;border-radius:7px;outline:none;background:#fff}.system-edit-form input[type=text]:focus,.system-edit-form textarea:focus{border-color:#675de4;box-shadow:0 0 0 3px #675de41f}.system-edit-form textarea{min-height:78px;resize:vertical}.system-edit-form>label>small{position:absolute;right:7px;bottom:-18px;color:#969ba7;font-size:11px;font-weight:500}.system-edit-form fieldset{display:grid;gap:8px;margin:27px 0 0;padding:0;border:0}.system-edit-form legend{width:100%;margin-bottom:9px;text-align:center;font-size:13px;font-weight:700}.system-edit-form fieldset label{display:flex;align-items:center;gap:7px;font-size:12px}.system-edit-form fieldset input{accent-color:#5a50de}.system-edit-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:18px 24px 24px}.system-edit-dialog>footer button{min-width:64px}.system-edit-cancel{color:#444653;border:0;background:transparent}.system-create-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid #ececf2}.system-create-tabs button{padding:12px 16px 10px;color:#777b87;font-weight:700;border:0;border-bottom:3px solid transparent;background:transparent}.system-create-tabs button.active{color:#574de0;border-bottom-color:#574de0}.system-import-form{padding:24px;border-bottom:1px solid #ececf2}.system-import-form textarea{width:100%;min-height:126px;padding:13px;color:#272936;font:inherit;border:1px solid #d5d7df;border-radius:7px;resize:vertical;outline:none}.system-import-form textarea:focus{border-color:#675de4;box-shadow:0 0 0 3px #675de41f}.system-import-form>small{display:block;margin-top:8px;color:#777d8b;font-size:11px;line-height:1.55}.system-import-form p{margin:9px 0 0;color:#c43d48;font-size:12px}.system-export-dialog{width:min(672px,calc(100vw - 32px));padding:24px;border-radius:16px;background:#fff;box-shadow:0 22px 70px #0f10184d}.system-export-dialog h3{margin:0 0 14px;font-size:21px}.system-export-dialog p{margin:0 0 14px;color:#626978;font-size:14px;line-height:1.6}.system-export-dialog textarea{width:100%;height:210px;padding:14px;border:0;border-radius:8px;background:#f2f3f6;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:none}.system-export-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.local-collection{padding-right:210px}.collection-search{display:flex;gap:8px;margin-bottom:13px}.collection-search input{min-width:280px;padding:9px 12px;border:1px solid #d9dbe5;border-radius:7px;outline:none;background:#fff}.collection-search input:focus{border-color:#6258df;box-shadow:0 0 0 3px #6258df1f}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}.collection-card{position:relative;min-height:145px;padding:17px;text-align:center;border:1px solid #dedfe7;border-radius:9px;background:#fff;box-shadow:0 4px 12px #2a2d460f}.collection-card>strong,.collection-card>small{display:block}.collection-card>strong{color:#40399d}.collection-card>small{min-height:30px;margin-top:6px;color:#858b9a;font-size:10px}.collection-card p{margin:14px 0 10px;color:#555b6a;font-size:11px}.collection-card p span{color:#aaa}.collection-source{position:absolute;top:9px;left:9px;padding:2px 6px;color:#fff;font-size:9px;border-radius:9px;background:#6258df}@media(max-width:900px){.local-collection{padding-right:0}.collection-search input{min-width:0;flex:1}}.online-content .task-card{display:flex;flex-direction:column}.online-quest-header{order:1;min-height:62px;display:grid;grid-template-columns:58px minmax(0,1fr) auto auto auto 22px;align-items:center;gap:7px}.online-quest-header .quest-switcher{min-height:0;padding:0;border:0;background:transparent}.online-quest-header .quest-switcher-art{width:54px;height:54px;flex-basis:54px;border:3px solid #5c5260;border-radius:50%;background:#f4f1e8;box-shadow:0 1px 4px #1c19282e}.online-quest-name{min-width:0;display:grid;grid-template-columns:14px 1fr;align-items:center;column-gap:3px}.online-quest-name strong,.online-quest-name small,.online-quest-name>.quest-difficulty-art{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-quest-name strong{font-size:12px}.online-quest-name small{margin-top:2px;color:#7e8491;font-size:8px}.task-drag-handle{grid-row:1/3;color:#b6bac5;cursor:grab}.online-card-action,.online-delete-task{border:0;background:transparent}.online-card-action{padding:5px 6px;color:#666c7b;font-size:9px}.online-delete-task{color:#9d7b82;font-size:17px}.barrier-broken{display:flex;align-items:center;gap:3px;color:#686d78;font-size:8px;white-space:nowrap}.barrier-broken b{width:18px;height:18px;display:grid;place-items:center;color:#fff;border-radius:50%;font-style:normal}.task-barrier-meter{display:flex;align-items:center;gap:4px;white-space:nowrap}.task-barrier-meter>span{display:flex;gap:2px}.task-barrier-meter b{width:16px;height:16px;display:grid;place-items:center;color:#fff;font-size:7px;border-radius:50%}.task-barrier-meter em{color:#b64e52;font-size:8px;font-style:normal}.task-barrier-meter em.broken{color:#3a9a65}.online-party-dropzone{order:2;min-height:82px;align-items:flex-start;justify-content:flex-start;padding:7px 5px;border:0;border-bottom:1px solid #e7e8eb;border-radius:0;background:transparent}.online-party-member{width:54px;display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:transparent;text-align:center}.online-party-member:hover{border-color:transparent}.member-avatar-wrap{position:relative;width:44px;height:44px;display:block;margin:auto}.member-avatar-wrap .unit-avatar{width:44px;height:44px;border-radius:50%}.member-avatar-wrap i{position:absolute;top:-3px;right:-4px;width:16px;height:16px;display:grid;place-items:center;color:#fff;border:2px solid #fff;border-radius:50%;background:#8b7b83;font-size:10px;font-style:normal}.task-member-element-badge{position:absolute;z-index:2;top:-2px;left:-2px;width:18px;height:18px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.online-party-member>span:last-child{width:100%;overflow:hidden;color:#484b56;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.online-add-member{width:54px;min-height:64px;flex-direction:column;justify-content:center;gap:4px;padding:0;border:0;color:#8d919d;background:transparent}.online-add-member span{font-size:8px}.element-火,.element-fire{background:#df5d5f}.element-水,.element-water{background:#4c94d8}.element-土,.element-earth{background:#a58350}.element-风,.element-air{background:#48a884}.element-光,.element-light{background:#dfa934}.element-暗,.element-dark{background:#7254bd}.element-all{background:#85818b}.online-task-options{order:3}.task-message{order:4}.online-progress{order:5}.online-result-row{order:6;min-height:34px;display:flex;align-items:center;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #e8e9ec}.online-result-row>strong{margin-right:auto;color:#3d414c;font-size:10px}.online-result-row button{padding:5px 7px;color:#5b55a7;border:1px solid #d9d6ec;border-radius:5px;background:#fff;font-size:8px}.online-result-row .online-test-button{color:#fff;border-color:#6658d3;background:#6658d3}.online-result-row button:disabled{opacity:.48}.online-success-icon{width:20px;height:20px;display:grid;place-items:center;color:#174f27;border:2px solid #216e37;border-radius:50%;background:#6bd36f;font-size:13px;font-weight:800}.stale-result{order:7;display:block;margin-top:5px;color:#aa711e;font-size:8px}.online-progress{margin-top:7px}.simulation-quest-title{display:flex;align-items:center;gap:12px}.simulation-quest-title .quest-switcher-art{width:62px;height:62px;border-radius:50%}.simulation-member-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 48px;padding:15px 0;border-bottom:1px solid #e6e7eb}.simulation-member-summary article{display:grid;grid-template-columns:42px 1fr;gap:2px 8px;align-items:center}.simulation-member-summary .unit-avatar{grid-row:1/5;width:42px;height:42px;border-radius:50%}.simulation-member-summary strong{font-size:10px}.simulation-member-summary span{color:#656b79;font-size:8px}.simulation-members article{grid-template-columns:58px 150px 1fr}.simulation-members article>.stat-strip{min-width:0}.slot-affinity-badges{position:absolute;left:5px;right:5px;bottom:4px;display:flex;justify-content:center;gap:3px;pointer-events:none}.slot-affinity-badges b{padding:2px 4px;color:#fff;border-radius:4px;background:#6757b5;box-shadow:0 1px 3px #261f4b40;font-size:6px;font-weight:700}.slot-affinity-badges b+b{background:#3f8d86}.member-picker-dialog{width:min(672px,calc(100vw - 32px));max-height:88vh;overflow:hidden;border:1px solid #e1def4;border-radius:16px;background:#fff;box-shadow:0 24px 70px #0f111f5c}.member-picker-dialog>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;border-bottom:1px solid #e0e1e7}.member-picker-dialog h3{margin:0;color:#3e36a4;font-size:19px}.member-picker-dialog>header>div{display:flex;align-items:center;gap:9px;color:#777d8c;font-size:10px}.member-picker-dialog [role=switch]{position:relative;width:39px;height:22px;padding:2px;border:0;border-radius:14px;background:#c9ccd4}.member-picker-dialog [role=switch] i{width:18px;height:18px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038;transition:transform .15s}.member-picker-dialog [role=switch].active{background:#6658d3}.member-picker-dialog [role=switch].active i{transform:translate(17px)}.member-picker-grid{max-height:calc(88vh - 66px);overflow:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:20px}.member-picker-grid>button{min-width:0;min-height:112px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;color:#35333d;border:1px solid #e0e1e7;border-radius:12px;background:#fff;box-shadow:0 1px 3px #1e1f2d14}.member-picker-grid>button:hover{border-color:#6658d3;background:#f8f7ff}.member-picker-avatar{position:relative;width:58px;height:58px}.member-picker-avatar .unit-avatar{width:58px;height:58px;border-radius:50%}.picker-member-element-badge{position:absolute;z-index:2;top:0;left:0;width:24px;height:24px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.member-picker-grid strong{max-width:100%;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.member-picker-grid small{color:#9095a1;font-size:8px}@media(max-width:1279px){.member-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1023px){.member-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:639px){.member-picker-dialog>header{padding:10px 12px}.member-picker-dialog h3{font-size:16px}.member-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px}.member-picker-grid>button{min-height:96px;padding:7px 3px}.member-picker-avatar,.member-picker-avatar .unit-avatar{width:40px;height:40px}.picker-member-element-badge{width:16px;height:16px}.member-picker-dialog>header>div>span{display:none}}.simulation-detail-backdrop{align-items:start;padding:36px 48px;overflow:auto}.simulation-detail-modal{width:min(1184px,calc(100vw - 96px));max-height:calc(100vh - 72px);overflow:auto;background:#fff}.simulation-detail-modal>.modal-header{min-height:72px;position:sticky;top:0;z-index:10;background:#fff}.simulation-detail-modal>.modal-header h2{color:#22232a;font-size:20px}.simulation-export-surface{position:relative;overflow:hidden;padding:4px 0 10px;background:linear-gradient(135deg,#fff5f5,#f5fff7,#f1f9ff)}.simulation-export-watermark{pointer-events:none;position:absolute;inset:0;z-index:5;display:grid;place-items:center;color:#60a5fa;font-size:44px;font-weight:800;opacity:.1;transform:rotate(-45deg);user-select:none}@media(max-width:768px){.simulation-copy-image{display:none}.simulation-export-watermark{font-size:24px}}.simulation-detail-modal .simulation-quest-banner{margin:14px 48px 10px;padding:12px 22px}.simulation-detail-modal .simulation-summary{margin:0 48px}.simulation-detail-modal .simulation-member-summary{display:flex;justify-content:center;gap:28px;margin:0 48px;padding:17px 18px;background:#f8fbff}.simulation-detail-modal .simulation-member-summary article{min-width:160px;display:grid;grid-template-columns:44px auto auto;grid-template-rows:auto auto auto;column-gap:8px;align-items:center}.simulation-detail-modal .simulation-member-summary .unit-avatar{grid-row:1/4;width:44px;height:44px}.simulation-detail-modal .simulation-member-summary strong{grid-column:2;grid-row:1/4;align-self:end;padding-bottom:1px;font-size:10px}.simulation-detail-modal .simulation-member-summary span{grid-column:3;font-size:9px;white-space:nowrap}.simulation-detail-modal .simulation-member-summary em{color:#7d8493;font-style:normal}.simulation-detail-modal .simulation-member-summary .survival{color:#22232a;font-weight:700}.simulation-detail-modal .simulation-member-summary .damage,.simulation-detail-modal .simulation-member-summary .remaining-health{color:#252731}.simulation-attempt-panel>h3{margin:18px 48px 8px;color:#313585;font-size:16px;text-align:center}.simulation-overall-summary{margin:10px 48px 18px;padding:16px 18px;border-bottom:1px solid #dfe2ea;text-align:center}.simulation-overall-summary>small,.simulation-overall-summary>strong{display:block}.simulation-overall-summary>small{color:#747b89;font-size:11px}.simulation-overall-summary>strong{margin-top:5px;font-size:24px}.simulation-overall-summary>h3{margin:16px 0 9px;color:#313585;font-size:14px}.simulation-overall-summary>div{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.simulation-overall-summary article{display:grid;grid-template-columns:34px auto;align-items:center;column-gap:7px;text-align:left}.simulation-overall-summary .unit-avatar{grid-row:1/3;width:34px;height:34px}.simulation-overall-summary article span{font-size:9px}.simulation-overall-summary article b{color:#292c36;font-size:11px}.simulation-config-hint{margin:10px 48px 0;padding:8px 12px;color:#5e55a6;font-size:10px;text-align:center;border:1px solid #e6e0fa;border-radius:5px;background:#faf8ff}.simulation-detail-modal .simulation-members{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;padding:8px 48px 22px;overflow:visible}.simulation-detail-modal .simulation-members.count-1{grid-template-columns:1fr}.simulation-detail-modal .simulation-members>.simulation-config-card{display:block;padding:14px;border:1px solid #dddfe6;border-radius:8px;background:#fff;box-shadow:0 2px 8px #2225360d}.simulation-config-top{min-height:112px;display:grid;grid-template-columns:132px 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid #ececf0}.simulation-config-top>header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.simulation-config-top>header strong{color:#302d38;font-size:16px}.simulation-config-avatar{padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.simulation-config-avatar .unit-avatar{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 3px #eee9f9}.simulation-config-skills{display:flex;justify-content:flex-end;gap:8px;padding:0;border:0}.simulation-config-skills>div{width:58px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}.simulation-config-skills .skill-art{width:46px;height:46px;flex-basis:46px}.simulation-config-skills small{color:#8d92a0;font-size:7px}.simulation-config-skills b{width:100%;overflow:hidden;color:#45414b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.simulation-config-meta{display:flex;justify-content:center;gap:32px;margin:0;padding:8px 0;border-bottom:1px solid #ececf0}.simulation-config-meta>div{display:flex;gap:5px;padding:0;text-align:left}.simulation-config-meta dt{color:#555a67;font-size:9px}.simulation-config-meta dd{margin:0;color:#272933;font-size:9px;font-weight:700}.simulation-champion-overview{display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:center}.simulation-champion-overview dl{margin:0}.simulation-champion-overview dl>div{display:flex;gap:5px;margin:5px 0;font-size:9px}.simulation-champion-overview dt{color:#4e5360}.simulation-champion-overview dd{margin:0;color:#252731;font-weight:700}.simulation-team-skill{display:flex;gap:8px;align-items:center}.simulation-team-skill>span{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;color:#fff;border:3px solid #5d4838;border-radius:5px;background:#a16e28}.simulation-team-skill>span img{width:100%;height:100%;object-fit:contain}.simulation-team-skill>div{min-width:0}.simulation-team-skill small,.simulation-team-skill strong{display:block}.simulation-team-skill small{color:#6f7481;font-size:8px}.simulation-team-skill strong{margin:3px 0;font-size:10px}.simulation-team-skill p{margin:0;color:#6b707c;font-size:8px;line-height:1.4}.simulation-config-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px;padding:10px 0}.simulation-config-stats span{display:flex;justify-content:space-between;gap:8px;padding:7px 4px;color:#5c616f;font-size:9px;border-bottom:1px solid #ececf0}.simulation-config-stats b{color:#292b35;font-size:11px}.simulation-config-equipment{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding-top:10px;border-top:1px solid #ececf0}.simulation-config-equipment.champion{grid-template-columns:repeat(2,100px);justify-content:start}.simulation-config-equipment>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.simulation-equipment-art{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:16px;font-weight:700;border:3px solid #453947;border-radius:7px;background:#70465e;box-shadow:inset 0 0 0 2px #93657d}.simulation-equipment-art img{width:100%;height:100%;object-fit:contain}.simulation-config-equipment strong,.simulation-config-equipment small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simulation-config-equipment strong{color:#494550;font-size:7px}.simulation-config-equipment small{color:#999da8;font-size:6px}.image-preview-backdrop{z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.image-preview-dialog{width:min(1024px,calc(100vw - 48px));max-height:90vh;overflow:auto;padding:22px;border-radius:16px;background:#fff;box-shadow:0 24px 80px #110f2861}.image-preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.image-preview-dialog h2{margin:0;color:#3f36a5;font-size:22px}.image-preview-actions{display:flex;justify-content:center;gap:14px;margin-bottom:18px}.image-preview-canvas{display:flex;justify-content:center;overflow:auto;border:2px solid #d7d9e0;border-radius:8px;background:#fff}.image-preview-canvas img{display:block;max-width:100%;height:auto;object-fit:contain}@media(max-width:900px){.simulation-detail-backdrop{padding:16px}.simulation-detail-modal{width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.simulation-detail-modal .simulation-members{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.simulation-detail-modal .simulation-quest-banner,.simulation-detail-modal .simulation-summary,.simulation-detail-modal .simulation-member-summary,.simulation-overall-summary,.simulation-attempt-panel>h3,.simulation-config-hint{margin-left:20px;margin-right:20px}}.equipment-studio{position:relative;width:min(1152px,calc(100vw - 128px));max-height:calc(100vh - 36px);display:grid;grid-template-columns:40% 60%;grid-template-rows:auto auto auto;overflow:auto;border-radius:14px;background:#fff}.equipment-studio>.modal-header{grid-column:1/-1;min-height:80px;position:sticky;top:0;padding:18px 32px;align-items:center;background:#fff}.equipment-studio .modal-header h2{margin:0;color:#3f36a5;font-size:22px}.equipment-studio .modal-header-actions{gap:8px}.mobile-hero-switch,.mobile-editor-actions{display:none}.equipment-studio .modal-import-code{width:205px;min-height:40px}.equipment-studio .zys-button{min-height:40px;font-size:14px}.editor-export-surface{grid-column:1/-1;grid-row:2/4;display:grid;grid-template-columns:inherit;grid-template-rows:auto auto;position:relative;overflow:hidden;background:#fff}.editor-export-surface>.hero-parameter-bar{grid-column:1;grid-row:2;min-height:210px;display:grid;grid-template-columns:160px minmax(0,1fr);grid-template-rows:repeat(4,38px);gap:6px 12px;align-content:center;padding:14px 12px 14px 34px;border:0;background:#fff}.equipment-studio .hero-identity{grid-row:1/-1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.equipment-studio .hero-identity .unit-avatar{width:104px;height:104px;border-width:0;border-radius:50%;font-size:38px;box-shadow:none}.equipment-studio .hero-name-editor{width:138px;text-align:center}.equipment-studio .hero-name-editor button,.equipment-studio .hero-identity>strong{width:100%;min-height:40px;padding:4px 8px;overflow:hidden;color:#fff;border:0;border-radius:0;background:#6d3e57;font-size:20px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.equipment-studio .hero-name-editor input{width:100%;min-height:40px;margin:0;padding:4px 8px;color:#fff;text-align:center;border:0;border-radius:0;background:#6d3e57;font-size:18px}.editor-export-surface>.hero-parameter-bar>label{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:8px;color:#25242a;font-size:17px;font-weight:600}.equipment-studio .choice-picker{margin:0}.equipment-studio .hero-parameter-bar .choice-picker>button{width:74px;min-height:36px;padding:4px 8px;color:#fff;text-align:center;border:0;border-radius:2px;background:#6d3e57;font-size:18px}.equipment-studio .hero-parameter-bar .choice-picker>button:after{display:none}.equipment-studio .parameter-readonly{display:block;padding:0 8px;color:#25242a;font-size:16px;font-weight:600}.editor-export-surface>.hero-skill-stage{grid-column:2;grid-row:2;min-height:210px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:5px;align-content:center;padding:18px 38px 20px;border:0;background:#fff}.equipment-studio .hero-skill-slots{gap:8px;align-self:end}.equipment-studio .hero-skill-card{width:86px;min-height:105px;padding:2px 3px}.equipment-studio .hero-skill-card .skill-art{width:78px;height:78px;flex-basis:78px}.equipment-studio .hero-skill-card strong{font-size:12px}.equipment-studio .innate-effect{min-height:38px;align-self:start;padding:6px 10px;border:1px solid #dedee2;border-radius:6px;background:#fff;text-align:center}.equipment-studio .innate-effect strong{font-size:11px;font-weight:500}.editor-export-surface>.equipment-overview{grid-column:1/-1;grid-row:3;min-height:500px;display:grid;grid-template-columns:40% 60%;padding:0 64px 28px;border-top:1px solid #dedede;background:#fff}.equipment-studio .overview-stats{padding:10px 54px 10px 20px;background:#fff}.equipment-studio .overview-stats .workbench-title{min-height:50px;justify-content:center}.equipment-studio .tower-preview-button{min-height:37px;padding:6px 14px;color:#655a6b;border:1px solid #d7b04c;border-radius:6px;background:#fff;font-size:13px}.equipment-studio .tower-preview-button.active{color:#463d19;border-color:#d2a534;background:#fff7dc}.equipment-studio .overview-stats .live-stat{min-height:52px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 8px;border-bottom:1px solid #dfe0e3}.equipment-studio .live-stat>span{display:flex;align-items:center;gap:8px;color:#28282d;font-size:20px;font-weight:700}.equipment-studio .live-stat>span img{width:31px;height:31px;object-fit:contain}.equipment-studio .live-stat>span .asset-fallback{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;color:#46414b;border-radius:50%;background:#efedf7;font-size:10px}.equipment-studio .live-stat>strong{color:#25252b;font-size:22px;font-weight:700}.threat-stat-icon{width:27px;height:27px;display:grid;place-items:center;color:#29231a;border:2px solid #8b691b;border-radius:7px 7px 10px 10px;background:#f0c34f;font-size:18px;line-height:1}.equipment-studio .sheet-valid{display:none}.equipment-studio .sheet-issues{max-height:50px;overflow:auto;margin-top:6px}.equipment-studio .equipment-slot-stage{padding:0 0 22px 42px;border-left:0}.editor-attribution{min-height:58px;display:flex;align-items:center;justify-content:center;color:#17171a;font-size:15px;font-weight:650}.equipment-studio .equipment-slot-grid{grid-template-columns:repeat(3,156px);gap:26px 38px;justify-content:center;margin:0}.equipment-studio .overview-slot{width:156px;min-height:182px;padding:0}.equipment-studio .overview-slot-art{width:156px;height:156px;border-width:5px;border-radius:13px}.equipment-studio .overview-slot strong{max-width:156px;font-size:12px}.equipment-studio .overview-slot small{font-size:9px}.equipment-studio>.validation-note,.equipment-studio>.template-row,.equipment-studio>.auto-save-footer{display:none}.equipment-studio>.transfer-status{position:fixed;right:28px;bottom:24px;z-index:90;max-width:420px;margin:0;color:#fff;border:0;background:#302b45;box-shadow:0 8px 28px #18143647}.champion-modal{grid-template-columns:50% 50%}.champion-export-surface>.champion-parameter-bar{min-height:184px;grid-template-columns:160px repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,42px);gap:6px 10px;padding-left:28px}.champion-modal .champion-parameter-bar .hero-identity{grid-row:1/-1}.champion-export-surface>.champion-parameter-bar>label{grid-template-columns:minmax(0,1fr) 64px;font-size:14px}.champion-modal .champion-parameter-bar .choice-picker>button{width:64px;font-size:16px}.champion-modal .champion-parameter-bar label>small{grid-column:1/-1;margin:0;font-size:8px}.champion-modal .champion-parameter-bar .titan-toggle{display:flex;justify-content:flex-start;gap:8px}.champion-modal .champion-parameter-bar .titan-toggle input{width:28px;height:28px;margin:0;accent-color:#6d3e57}.champion-export-surface>.champion-team-skill{grid-column:2;grid-row:2;min-height:184px;display:flex;justify-content:center;gap:18px;padding:20px 34px;border:0;background:#fff}.champion-modal .champion-team-skill .skill-art{width:92px;height:92px;flex-basis:92px}.champion-modal .champion-team-skill>div{max-width:190px}.champion-modal .champion-team-skill small{display:none}.champion-modal .champion-team-skill strong,.champion-modal .champion-team-skill span{font-size:13px;text-align:center}.champion-export-surface>.champion-overview{grid-template-columns:40% 60%;min-height:500px}.champion-modal .champion-slot-grid{grid-template-columns:repeat(2,156px);gap:72px;justify-content:center;max-width:none;margin:58px 0 0}.champion-modal .champion-slot{width:156px;min-height:182px}.champion-modal .champion-slot .overview-slot-art{width:156px;height:156px}.equipment-needs-backdrop{z-index:46}.equipment-needs-modal{width:min(1040px,calc(100vw - 64px));max-height:82vh;overflow:hidden;background:#fff}.equipment-needs-modal>.modal-header{min-height:72px;align-items:center;padding:14px 20px;background:#fff}.equipment-needs-modal>.modal-header h2{margin:0;color:#3f36a5;font-size:21px}.equipment-needs-grid{max-height:calc(82vh - 72px);overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:20px}.equipment-needs-grid>article{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 9px 10px;border:1px solid #dedfe5;border-radius:9px;background:#fff}.equipment-needs-grid>article.enough{border-color:#9bd2ba;background:#f5fbf8}.equipment-need-tier{position:absolute;top:8px;left:8px;width:30px;height:36px;display:grid;place-items:center;align-content:center;color:#fff;border-radius:5px;background:#715d37;line-height:1}.equipment-need-tier small{font-size:6px}.equipment-need-tier strong{font-size:13px}.equipment-need-type{min-height:18px;color:#777d8c;font-size:9px}.equipment-need-art{width:88px;height:88px;object-fit:contain}.equipment-needs-grid .asset-fallback.equipment-need-art{display:grid;place-items:center;color:#fff;border:4px solid #453947;border-radius:10px;background:#70465e;font-size:24px}.equipment-needs-grid>article>strong{width:100%;overflow:hidden;color:#35323c;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.equipment-need-quality{min-height:14px;font-size:9px;font-weight:700}.quality-text-普通{color:#6f7581}.quality-text-优质{color:#2d8b50}.quality-text-高级{color:#2f69bf}.quality-text-史诗{color:#7049bd}.quality-text-传说{color:#b36a19}.equipment-need-counts{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px;padding-top:7px;border-top:1px solid #ececf0;color:#6e7482;font-size:9px}.equipment-need-counts span{text-align:center}.equipment-need-counts b{color:#2e2c34;font-size:12px}.equipment-need-counts b.owned-applied{text-decoration:line-through;color:#858a94}.equipment-need-counts em{margin-left:2px;font-size:10px;font-style:normal;font-weight:700}.equipment-need-counts em.missing{color:#d94242}.equipment-need-counts em.complete{color:#279767}.equipment-need-counts label{display:flex;align-items:center;gap:3px}.equipment-need-counts input{width:46px;padding:4px;border:1px solid #d9dae1;border-radius:5px;background:#fff;text-align:center}.equipment-needs-empty{min-height:260px;display:grid;place-items:center;color:#8b909d;font-size:15px}.equipment-picker-columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px}.equipment-picker-columns .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.enchant-catalog-grid,.spirit-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catalog-tile{min-height:132px;content-visibility:auto;contain:layout paint style;contain-intrinsic-size:92px 132px}.catalog-tile.with-preview{min-height:138px}.catalog-tile:not(.compact) .item-art{width:68px;height:68px}.catalog-tile.compact{min-height:118px;padding:5px 3px 6px}.catalog-tile.compact .item-art{width:40px;height:40px;margin-bottom:2px}.catalog-tile.compact .item-art>i{top:-3px;left:-3px;min-width:17px;height:17px;padding:0 2px;border-width:1px;font-size:7px}.catalog-tile.compact .item-art>em{right:-2px;bottom:-2px;width:15px;height:15px;border-width:1px;font-size:7px}.catalog-tile.compact>strong{min-height:20px;font-size:8px;line-height:1.15}.catalog-tile.compact>small{min-height:16px;gap:1px 3px;font-size:7px;line-height:1.1}.catalog-tile>small span{display:inline-flex;align-items:center;gap:2px}.catalog-stat-icon{width:12px!important;height:12px!important;flex:0 0 auto;object-fit:contain}.catalog-stat-symbol{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.catalog-tile.compact .catalog-stat-icon{width:9px!important;height:9px!important}.attachment-affinity{min-height:13px;margin-top:1px;padding:1px 4px;border-radius:999px;font-size:7px;line-height:11px}.attachment-affinity.matched{color:#166534;background:#dcfce7}.attachment-affinity.unmatched{color:#6b7280;background:#f3f4f6}.catalog-effect-lines{width:100%;display:grid;gap:1px;margin-top:3px;color:#6b7280;font-size:6px;line-height:1.2;text-align:center}.catalog-effect-lines em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.rarity-row button{display:flex;align-items:center;justify-content:center;gap:6px}.rarity-icon{width:20px;height:20px;object-fit:contain}.overview-slot.quality-优质{--quality-color: #00ff00}.overview-slot.quality-高级{--quality-color: #0096ff}.overview-slot.quality-史诗{--quality-color: #c800ff}.overview-slot.quality-传说{--quality-color: #ffe800}.overview-slot-art{position:relative;overflow:visible;isolation:isolate}.slot-frame-clip{position:absolute;z-index:1;inset:0;display:grid;overflow:hidden;place-items:center;border-radius:8px;isolation:isolate;pointer-events:none}.slot-frame-clip>.slot-equipment-image,.slot-frame-clip>.asset-fallback.slot-equipment-image{position:relative;z-index:3;width:100%;height:100%;padding:10%;object-fit:contain}.slot-empty-glyph{position:relative;z-index:3}.slot-quality-glow{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--quality-color) 100%,transparent) 0%,color-mix(in srgb,var(--quality-color) 100%,transparent) 30%,color-mix(in srgb,var(--quality-color) 14%,transparent) 40%,transparent 80%);opacity:.85;filter:blur(8px);transform:scale(1.07);pointer-events:none}.slot-quality-flame{position:absolute!important;z-index:2;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(2.6);animation:slot-quality-rotate 15s linear infinite;pointer-events:none}.overview-slot:not(.quality-普通) .slot-frame-clip .slot-equipment-image{filter:drop-shadow(0 0 10px var(--quality-color)) drop-shadow(0 0 5px var(--quality-color))}@keyframes slot-quality-rotate{0%{transform:scale(2.6) rotate(0)}to{transform:scale(2.6) rotate(360deg)}}.slot-tier-badge,.slot-affinity-icon,.slot-attachment-icon{position:absolute;z-index:8;display:grid;place-items:center;pointer-events:none}.slot-tier-badge{top:-16px;left:-16px;width:48px;height:48px}.slot-tier-badge img,.slot-tier-badge .asset-fallback,.slot-affinity-icon img,.slot-affinity-icon .asset-fallback,.slot-attachment-icon img,.slot-attachment-icon .asset-fallback{width:100%;height:100%;object-fit:contain}.slot-tier-badge b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:900;line-height:1;text-shadow:0 1px 2px #000,0 0 3px #000}.slot-affinity-stack{position:absolute;z-index:7;top:34px;left:-14px;display:flex;flex-direction:column;gap:1px;pointer-events:none}.slot-affinity-icon{position:relative;width:40px;height:40px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .55))}.slot-affinity-icon.unmatched{opacity:.48;filter:grayscale(.12) drop-shadow(0 1px 2px rgb(0 0 0 / .4))}.slot-affinity-icon.matched{opacity:1}.slot-attachment-icon{width:48px;height:48px;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .6))}.slot-attachment-icon.element-attachment{top:-16px;right:-16px}.slot-attachment-icon.spirit-attachment{top:36px;right:-14px;width:44px;height:44px}.slot-affinity-badges{display:none}@media(max-width:1100px){.equipment-studio{width:calc(100vw - 92px);grid-template-columns:42% 58%}.editor-export-surface>.equipment-overview,.champion-export-surface>.champion-overview{grid-template-columns:42% 58%;padding-left:36px;padding-right:36px}.equipment-studio .equipment-slot-grid{grid-template-columns:repeat(3,132px);gap:24px}.equipment-studio .overview-slot,.equipment-studio .overview-slot-art{width:132px}.equipment-studio .overview-slot-art{height:132px}.champion-modal{grid-template-columns:52% 48%}.equipment-needs-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}}@media(max-width:767px){.equipment-needs-modal{width:calc(100vw - 16px);max-height:90vh}.equipment-needs-grid{max-height:calc(90vh - 72px);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}}:root{color:#111827;background:#f4f6fa;--purple:#4f46e5;--purple-dark:#4338ca;--purple-pale:#eef2ff;--blue:#2563eb;--border:#e5e7eb;--muted:#6b7280;--surface:#fff;--danger:#dc2626;--radius:16px;--shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1)}html,:host{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{min-width:320px;color:#111827;background:#f4f6fa}.online-shell,.online-shell .workspace{background:#f4f6fa}.offline-site-header{height:64px;border-bottom:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 2px #0000000d}.offline-site-inner{width:min(1400px,calc(100% - 32px));gap:22px}.online-brand{gap:7px}.online-brand>img{width:29px;height:35px}.online-brand strong{color:#1268ae;font-size:22px;font-weight:800}.offline-site-header nav{gap:0}.offline-site-header nav button{padding:0 11px;color:#111827;font-size:14px;font-weight:700;border-bottom-width:2px}.offline-site-header nav button:hover,.offline-site-header nav button.section-active{color:#4338ca}.offline-site-header nav button.section-active{border-bottom-color:transparent}.offline-site-header nav button.active{color:#4338ca;border-bottom-color:#4f46e5}.site-header-actions{gap:12px}.tool-container{width:min(1264px,calc(100% - 32px));padding:32px 0 64px}.tool-hero h1{color:#4338ca;font-size:30px;font-weight:800;line-height:1.2;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .08))}.offline-warning{width:max-content;max-width:100%;margin:32px auto;padding:6px 12px;color:#dc2626;font-size:14px;font-weight:700;line-height:1.5;border:1px solid #fca5a5;border-radius:8px;background:#fef2f2}.offline-warning>span{font-size:15px}.zys-button,.primary-button{min-height:36px;padding:8px 16px;color:#fff;font-size:14px;font-weight:600;line-height:20px;border:0;border-radius:8px;box-shadow:0 1px 2px #0000000d}.zys-button.blue{background:#2563eb}.zys-button.purple,.primary-button{background:#4f46e5}.zys-button.violet{background:#9333ea}.zys-button.green{background:#16a34a}.zys-button.red{background:#dc2626}.primary-button:hover{background:#4338ca}.secondary-button{min-height:36px;padding:8px 13px;color:#4b5563;font-size:12px;font-weight:600;border:1px solid #d1d5db;border-radius:8px;background:#fff;box-shadow:none}.system-manager{margin-bottom:32px}.system-manager-header{margin-bottom:16px}.system-manager-title h2{color:#4338ca;font-size:24px;font-weight:700}.manager-tab{min-height:30px;padding:4px 12px;color:#4b5563;font-size:13px;border-radius:9999px}.manager-tab.active{color:#fff;background:#4f46e5}.system-card-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.online-system-card{min-height:116px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;box-shadow:none}.online-system-card:hover{border-color:#a5b4fc}.online-system-card.active{border-color:#4f46e5;background:#eef2ff}.online-system-card>strong{color:#3730a3;font-size:16px}.online-system-card p{color:#374151;font-size:12px}.online-system-card .zys-button{min-height:30px;padding:5px 10px;font-size:12px;line-height:20px}.online-content .flow-section{margin-bottom:32px;border:1px solid #dbeafe;border-radius:16px;background:#fffffff2;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.online-content .section-heading{min-height:80px;padding:24px 24px 12px}.online-content .section-heading h2{color:#4338ca;font-size:24px;font-weight:700}.online-content .section-heading p{color:#6b7280;font-size:14px}.online-content .champion-grid{padding:4px 24px 24px}.online-content .task-group{margin:0 24px 24px;border-color:#d1d5db;border-radius:8px}.online-content .group-header{border-color:#e5e7eb}.online-content .task-grid{gap:12px;padding:12px}.online-content .task-card{border-color:#e5e7eb;border-radius:8px}.modal-backdrop{z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000080;backdrop-filter:none}.nested-picker-backdrop{z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000080;backdrop-filter:none}.modal{color:#111827;border:0;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #00000040}.modal-header{align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff;backdrop-filter:none}.modal-header h2{margin:0;color:#111827;font-size:24px;font-weight:700}.modal-footer{padding:12px 24px;border-top:1px solid #e5e7eb;background:#fff}.class-picker-modal{width:min(1152px,calc(100vw - 32px));max-height:80vh}.class-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:24px}.class-picker-grid>button{gap:6px;padding:12px 6px;border-color:#e5e7eb;border-radius:8px}.class-picker-grid>button:hover{border-color:#6366f1;background:#eef2ff}.class-picker-art{width:64px;height:64px}.class-picker-grid strong{font-size:12px}.equipment-studio{width:min(1152px,calc(100vw - 32px));max-height:90vh;background:#fff}.equipment-modal-backdrop{grid-template-columns:auto minmax(0,1152px) auto;gap:12px}.equipment-picker-dialog{width:min(1024px,calc(100vw - 32px));max-height:88vh;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #00000040}.equipment-picker-dialog>header,.skill-picker-dialog>header,.quest-picker-dialog>header,.booster-picker-dialog>header,.tower-modifier-dialog>header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.equipment-picker-dialog h3,.skill-picker-dialog h3,.quest-picker-dialog h3,.booster-picker-dialog h3,.tower-modifier-dialog h3{color:#4338ca;font-size:20px;font-weight:700}.picker-filter-bar{padding:12px 24px;border-color:#e5e7eb;background:#f9fafb}.picker-filter-bar button,.picker-filter-bar input{border-color:#d1d5db;border-radius:8px}.picker-filter-bar button.active{color:#4338ca;border-color:#6366f1;background:#eef2ff}.equipment-picker-columns{padding:16px 24px}.quest-picker-dialog{width:min(1280px,calc(100vw - 32px));max-height:90vh;padding:0;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #00000040}.quest-map-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;padding:16px 24px 24px}.quest-map-grid>button{padding:12px 6px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.quest-map-grid>button:hover{background:#f9fafb}.quest-difficulty-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.member-picker-dialog{width:min(672px,calc(100vw - 32px));max-height:88vh;border:1px solid #e0e7ff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040}.member-picker-dialog>header{min-height:72px;padding:16px 24px;border-color:#e0e7ff;background:linear-gradient(to right,#eef2ff,#fff,#faf5ff)}.member-picker-dialog h3{color:#3730a3;font-size:20px;font-weight:700}.member-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:24px}.member-picker-grid>button{min-height:112px;padding:12px 6px;border-color:#e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d}.member-picker-grid>button:hover{border-color:#6366f1;background:#eef2ff}.system-edit-dialog{width:min(672px,calc(100vw - 32px));border-radius:16px;box-shadow:0 25px 50px -12px #00000040}.system-edit-dialog>header{padding:24px 24px 12px}.system-edit-dialog>header h3{font-size:24px;font-weight:700}.system-edit-form{padding:20px 24px 8px}.system-edit-form input[type=text],.system-edit-form textarea{padding:8px 12px;border-color:#d1d5db;border-radius:8px}.system-edit-dialog>footer{padding:16px 24px 24px}.system-export-dialog{width:min(672px,calc(100vw - 32px));border-radius:16px;box-shadow:0 25px 50px -12px #00000040}.image-preview-backdrop{z-index:2000;padding:16px;background:#00000080}.image-preview-dialog{width:min(1024px,100%);max-height:90vh;padding:24px;border:0;border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #00000040}.simulation-detail-backdrop{align-items:center;padding:16px;overflow:auto}.simulation-detail-modal{width:min(1280px,calc(100vw - 32px));max-height:90vh;border-radius:8px}.simulation-detail-modal>.modal-header{min-height:68px;padding:16px 24px}.local-maintenance[open]{top:76px;right:24px;width:min(560px,calc(100vw - 48px));border-color:#e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.local-maintenance>div{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.offline-site-header nav button{padding:0 7px;font-size:12px}.site-header-actions .zys-button{padding:7px 10px;font-size:12px}.equipment-modal-backdrop{padding:16px 8px}.equipment-modal-backdrop .equipment-studio{width:calc(100vw - 104px);grid-template-columns:390px minmax(0,1fr)}.equipment-studio .modal-header{gap:12px;padding:12px 16px}.equipment-studio .modal-header h2{font-size:20px}.equipment-studio .modal-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.equipment-studio .modal-header-actions .zys-button{min-height:32px;padding:6px 10px;font-size:12px}.equipment-studio .modal-import-code{width:150px;padding:6px 9px}.equipment-studio .equipment-overview,.editor-export-surface>.equipment-overview{grid-template-columns:390px minmax(0,1fr);padding:12px 18px 20px}.editor-export-surface>.hero-parameter-bar{padding-left:20px}.editor-export-surface>.hero-parameter-bar>label{white-space:nowrap}.equipment-studio .overview-stats{min-width:0;padding:12px 18px 12px 4px}.equipment-studio .equipment-slot-stage{min-width:0;padding:15px 4px 15px 18px}.equipment-studio .equipment-slot-grid{grid-template-columns:repeat(3,minmax(82px,1fr));gap:14px 10px;margin-top:18px}.equipment-studio .overview-slot{width:auto;min-width:0;min-height:122px}.equipment-studio .overview-slot-art{width:88px;height:88px}.equipment-hero-nav{width:40px;height:68px}.quest-map-grid,.quest-difficulty-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:767px){.offline-site-header{height:auto;min-height:60px}.offline-site-inner{width:100%;min-height:60px;padding:0 12px}.online-brand strong{font-size:18px}.offline-site-header nav{display:none}.site-header-actions{gap:6px}.site-header-actions .zys-button{min-height:32px;padding:6px 9px;font-size:11px}.tool-container{width:calc(100% - 16px);padding:16px 0 40px}.tool-hero h1{font-size:24px}.offline-warning{width:100%;margin:16px 0 32px;padding:4px 8px;font-size:12px}.system-manager-title h2{font-size:18px}.system-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.online-content .flow-section{margin-bottom:16px;border-radius:12px}.online-content .section-heading{min-height:64px;padding:12px 12px 8px}.online-content .section-heading h2{font-size:18px}.online-content .section-heading p{display:none}.modal-backdrop,.nested-picker-backdrop{padding:8px}.modal-header{padding:12px}.modal-header h2{font-size:18px}.class-picker-modal{width:100%}.class-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.class-picker-art{width:48px;height:48px}.equipment-modal-backdrop{display:flex;padding:8px}.equipment-modal-backdrop .equipment-studio{width:100%;grid-template-columns:1fr}.equipment-hero-nav{display:none}.equipment-studio .modal-header{align-items:flex-start}.equipment-studio .modal-header-actions{width:100%}.equipment-studio .modal-import-code{flex:1;min-width:120px}.equipment-studio .equipment-overview,.editor-export-surface>.equipment-overview{display:block;padding:8px 12px 16px}.equipment-studio .overview-stats{padding:8px 4px 12px}.equipment-studio .equipment-slot-stage{padding:12px 0 0;border-top:1px solid #e5e7eb;border-left:0}.equipment-studio .equipment-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 4px}.equipment-studio .overview-slot-art{width:72px;height:72px}.equipment-picker-dialog,.quest-picker-dialog,.member-picker-dialog,.system-edit-dialog,.system-export-dialog{width:100%}.quest-map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.quest-difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.member-picker-dialog>header{min-height:60px;padding:12px}.member-picker-dialog h3{font-size:16px}.member-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.image-preview-dialog{padding:12px;border-radius:12px}.simulation-detail-modal{width:100%;max-height:calc(100vh - 16px)}.local-maintenance[open]{top:68px;right:8px;width:calc(100vw - 16px)}.local-maintenance>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.champion-modal-backdrop{display:flex;align-items:center;justify-content:center;padding:16px}.champion-modal-backdrop>.champion-modal{width:min(1152px,calc(100vw - 32px))!important;height:765px;max-height:95vh;min-width:0;flex:none;grid-template-columns:50% 50%!important;grid-template-rows:96px 669px!important;overflow:auto;transform:scale(var(--champion-modal-scale,1));transform-origin:center top;background:linear-gradient(135deg,#fffdf2,#fff 48%,#fff8f8);box-shadow:0 24px 55px #00000047}.champion-modal-backdrop>.equipment-hero-nav{position:absolute;z-index:48;top:calc(50% + var(--champion-nav-offset,0px));width:46px;height:58px;color:#111;border:0;border-radius:7px;background:#fff;box-shadow:0 6px 18px #00000029;transform:translateY(-50%)}.champion-modal-backdrop>.equipment-hero-nav.previous{left:calc(50% - var(--champion-modal-visual-width) / 2 + 12px)}.champion-modal-backdrop>.equipment-hero-nav.next{right:calc(50% - var(--champion-modal-visual-width) / 2 + 12px)}.champion-modal>.modal-header{grid-column:1/-1;grid-row:1;min-height:96px;padding:18px 32px;background:transparent}.champion-modal>.champion-export-surface{grid-column:1/-1;grid-row:2;height:669px;grid-template-columns:50% 50%!important;grid-template-rows:184px 485px!important;overflow:hidden;background:transparent}.champion-export-surface>.champion-parameter-bar{grid-column:1;grid-row:1;min-height:184px;grid-template-columns:150px repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,42px);gap:6px 10px;padding:14px 20px 14px 28px;background:transparent}.champion-export-surface>.champion-team-skill{grid-column:2;grid-row:1;min-height:184px;background:transparent}.champion-export-surface>.champion-overview{grid-column:1/-1;grid-row:2;width:100%;height:485px;min-height:485px;display:grid!important;grid-template-columns:40% 60%!important;padding:0 64px 24px!important;background:transparent}.champion-modal .champion-identity-card{grid-row:1/-1;align-self:stretch;gap:3px;padding-right:14px;border-right:1px solid rgb(109 62 87 / .14)}.champion-modal .champion-identity-avatar{position:relative;width:92px;height:92px;display:block}.champion-modal .champion-identity-avatar .unit-avatar{width:92px;height:92px;border:3px solid #b68a37;box-shadow:0 3px 10px #5b3e1633}.champion-modal .champion-identity-element{position:absolute;z-index:2;top:-3px;left:-5px;width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}.champion-modal .champion-identity-card>strong{width:auto;min-height:0;padding:0;color:#3e3740;background:transparent;font-size:17px;line-height:1.2}.champion-modal .champion-identity-card>small{color:#93878f;font-size:9px;font-weight:650}.champion-modal .champion-parameter-bar>label{min-height:36px;grid-template-columns:minmax(0,1fr) 64px;color:#322f33;font-size:14px}.champion-modal .champion-parameter-bar>label:first-letter{color:#5f3150}.champion-modal .champion-parameter-bar .choice-picker>button{width:64px;min-height:36px;border-radius:2px;background:#6d3e57;box-shadow:inset 0 0 0 1px #ffffff14}.champion-modal .champion-parameter-bar .parameter-readonly{width:64px;min-height:36px;display:grid;place-items:center;padding:0;border:1px solid #e0dce1;border-radius:5px;background:#fafafa}.champion-modal .champion-slot-grid{grid-template-columns:repeat(2,112px)!important;gap:64px!important;justify-content:center;margin:26px 0 0!important}.champion-modal .champion-slot{width:112px!important;min-height:142px}.champion-modal .champion-slot .overview-slot-art{width:112px!important;height:112px!important}.champion-modal .slot-affinity-stack{top:28px;left:-9px}.champion-modal .slot-affinity-icon{width:28px;height:28px}.champion-modal .slot-attachment-icon{width:42px;height:42px}.champion-modal .slot-attachment-icon.element-attachment{top:-13px;right:-13px}.champion-modal .slot-attachment-icon.spirit-attachment{top:31px;right:-11px;width:38px;height:38px}.catalog-intrinsic-icons{position:absolute;z-index:4;left:-4px;bottom:-5px;display:flex;align-items:flex-end;gap:1px;pointer-events:none}.catalog-intrinsic-icons>span{width:25px;height:25px;display:grid;place-items:center;overflow:hidden;border:1px solid rgb(255 255 255 / .92);border-radius:3px;background:#322b35c7;box-shadow:0 1px 3px #0000006b}.catalog-intrinsic-icons img,.catalog-intrinsic-icons .asset-fallback{width:100%!important;height:100%!important;object-fit:contain}.champion-picker-backdrop{z-index:160;padding:12px;background:#0a0a0eb8;backdrop-filter:blur(2px)}.champion-picker-backdrop>.equipment-picker-dialog{width:min(1280px,calc(100vw - 24px));height:min(920px,calc(100vh - 24px));max-height:none;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border-radius:16px;box-shadow:0 28px 80px #0006}.champion-picker-backdrop .equipment-picker-columns{min-height:0;max-height:none;height:auto;grid-template-columns:minmax(0,1.65fr) minmax(0,.78fr) minmax(0,.9fr);gap:14px;padding:16px 20px 22px;overflow:auto}.champion-picker-backdrop .equipment-picker-columns>section{min-width:0}.feedback-link{position:fixed;right:20px;bottom:20px;z-index:80;padding:10px 16px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;border-radius:999px;background:#5145cd;box-shadow:0 8px 24px #4338b147}.feedback-link:hover{color:#fff;background:#4034b7;transform:translateY(-1px)}body.mobile-interface{min-width:320px;overscroll-behavior-y:none;background:#f4f6fb}body.mobile-interface:has(.modal-backdrop){overflow:hidden}.mobile-shell{display:block;min-height:100dvh;color:#182033;background:radial-gradient(circle at 85% -8%,rgb(109 94 252 / .16),transparent 28%),#f4f6fb}.mobile-workspace{width:100%;min-height:100dvh;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.mobile-app-header{position:sticky;top:0;z-index:40;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;border-bottom:1px solid rgb(226 229 239 / .9);background:#ffffffeb;box-shadow:0 5px 22px #21234312;backdrop-filter:blur(18px)}.mobile-brand-button{min-width:0;flex:1;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:0;text-align:left;border:0;background:transparent}.mobile-brand-mark{width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,#6d5df0,#4338ca);box-shadow:0 7px 17px #4338ca40}.mobile-brand-button small,.mobile-brand-button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-brand-button small{color:#8a91a3;font-size:10px;font-weight:700;letter-spacing:.08em}.mobile-brand-button strong{margin-top:1px;color:#232b3d;font-size:15px}.mobile-brand-button>svg{color:#a2a8b8}.mobile-save-button{min-width:56px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 8px;color:#657087;border:1px solid #e1e4ed;border-radius:12px;background:#fff}.mobile-save-button[data-dirty]{color:#fff;border-color:#5548d7;background:#5548d7;box-shadow:0 6px 14px #483cbe3d}.mobile-save-button span{font-size:9px;font-weight:750}.mobile-page{width:min(100%,680px);margin:0 auto;padding:18px 14px 24px}.mobile-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:2px 2px 16px}.mobile-page-heading>div{min-width:0}.mobile-page-heading span{color:#7165d7;font-size:11px;font-weight:800;letter-spacing:.08em}.mobile-page-heading h1{margin:3px 0 0;color:#20283b;font-size:25px;line-height:1.25}.mobile-page-heading p{margin:4px 0 0;color:#858da0;font-size:11px}.mobile-page-heading>button,.mobile-add-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 13px;color:#5146c8;font-size:12px;font-weight:750;white-space:nowrap;border:1px solid #d9d5fb;border-radius:12px;background:#f2f0ff}.mobile-active-system{position:relative;overflow:hidden;padding:22px 20px 18px;color:#fff;border-radius:22px;background:radial-gradient(circle at 100% 0,rgb(255 255 255 / .2),transparent 36%),linear-gradient(140deg,#6456df,#3f36ad);box-shadow:0 18px 36px #3f36ad38}.mobile-active-system>span{display:block;color:#d8d4ff;font-size:10px;font-weight:800;letter-spacing:.12em}.mobile-active-system h1{margin:5px 0 3px;color:#fff;font-size:25px}.mobile-active-system>p{min-height:34px;margin:0;overflow:hidden;color:#e2dfff;font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mobile-system-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:17px 0;overflow:hidden;border:1px solid rgb(255 255 255 / .12);border-radius:12px;background:#ffffff1a}.mobile-system-metrics span{min-width:0;padding:9px 4px;text-align:center;color:#dcd8ff;font-size:9px;border-right:1px solid rgb(255 255 255 / .12)}.mobile-system-metrics span:last-child{border-right:0}.mobile-system-metrics strong{display:block;overflow:hidden;margin-bottom:1px;color:#fff;font-size:14px;text-overflow:ellipsis}.mobile-active-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:9px}.mobile-active-actions button{min-height:43px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:12px;font-weight:750;border:1px solid rgb(255 255 255 / .22);border-radius:12px;background:#ffffff1f}.mobile-active-actions .mobile-primary-action{color:#493eb7;border-color:#fff;background:#fff}.mobile-active-actions .mobile-primary-action[data-dirty]{color:#fff;border-color:#16a34a;background:#16a34a}.mobile-section-title{min-height:58px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:18px 2px 8px}.mobile-section-title span,.mobile-section-title strong{display:block}.mobile-section-title span{color:#242c3d;font-size:15px;font-weight:800}.mobile-section-title strong{margin-top:2px;color:#9299aa;font-size:10px;font-weight:550}.mobile-section-title>button{min-height:36px;display:flex;align-items:center;gap:4px;padding:7px 10px;color:#5146c8;font-size:11px;font-weight:750;border:0;border-radius:10px;background:#ebe9ff}.mobile-system-list{display:grid;gap:9px}.mobile-system-list>article{overflow:hidden;border:1px solid #e2e5ee;border-radius:15px;background:#fff;box-shadow:0 5px 16px #282d4e0b}.mobile-system-list>article.active{border-color:#7d72e4;box-shadow:0 7px 19px #5346c41f}.mobile-system-select{width:100%;min-height:66px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px 12px;text-align:left;border:0;background:#fff}.mobile-system-list>article.active .mobile-system-select{background:#f7f6ff}.mobile-system-symbol{width:42px;height:42px;display:grid;place-items:center;color:#6155d2;border-radius:12px;background:#eeecff}.mobile-system-select strong,.mobile-system-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-system-select strong{color:#2f374a;font-size:14px}.mobile-system-select small{margin-top:3px;color:#9298a8;font-size:10px}.mobile-system-select>svg{color:#adb2c0}.mobile-system-row-actions{display:flex;justify-content:flex-end;gap:3px;padding:5px 8px 8px;border-top:1px solid #eef0f5}.mobile-system-row-actions button{min-height:34px;padding:5px 11px;color:#6258b9;font-size:10px;font-weight:700;border:0;border-radius:8px;background:transparent}.mobile-system-row-actions button.danger{color:#d14b5c}.mobile-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mobile-tool-grid button{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 12px;color:#505a72;font-size:11px;font-weight:700;text-align:left;border:1px solid #e1e4ed;border-radius:13px;background:#fff}.mobile-tool-grid button svg{color:#665bd3}.mobile-content-version{margin:14px 0 0;color:#a0a6b4;font-size:9px;text-align:center}.mobile-roster-card{padding:14px 8px 10px;border:1px solid #e4e6ee;border-radius:19px;background:#fffffff5;box-shadow:0 10px 26px #2c304e12}.mobile-champion-grid,.mobile-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 5px}.mobile-shell .mobile-champion-grid .champion-icon-card,.mobile-shell .mobile-hero-grid .hero-icon-card{width:auto;min-width:0;min-height:86px!important;display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.mobile-shell .mobile-champion-grid .unit-icon-open,.mobile-shell .mobile-hero-grid .unit-icon-open{min-height:78px;gap:5px;padding:3px 1px}.mobile-shell .mobile-champion-grid .unit-icon-open .unit-avatar,.mobile-shell .mobile-hero-grid .unit-icon-open .unit-avatar{width:56px!important;height:56px!important}.mobile-shell .mobile-champion-grid .unit-icon-open strong,.mobile-shell .mobile-hero-grid .unit-icon-open strong{font-size:10px}.mobile-shell .mobile-hero-grid .unit-remove,.mobile-shell .mobile-hero-grid .unit-copy{right:calc(50% - 35px);width:20px;height:20px}.mobile-shell .mobile-hero-grid .unit-copy{top:25px}.mobile-hero-grid>.empty-state{grid-column:1/-1;min-height:240px}.mobile-touch-hint{margin:12px 0 0;color:#8e95a6;font-size:10px;text-align:center}.mobile-segmented-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.mobile-segmented-actions nav{display:flex;padding:3px;border:1px solid #e0e2eb;border-radius:12px;background:#fff}.mobile-segmented-actions nav button{min-height:34px;padding:5px 13px;color:#7b8497;font-size:11px;font-weight:700;border:0;border-radius:9px;background:transparent}.mobile-segmented-actions nav button.active{color:#fff;background:#5b50cc}.mobile-segmented-actions>div{display:flex;gap:5px}.mobile-segmented-actions>div button{min-height:38px;padding:6px 9px;color:#6258b9;font-size:10px;font-weight:700;border:1px solid #dedbf5;border-radius:10px;background:#fff}.mobile-adventure-list{display:grid;gap:14px}.mobile-shell .mobile-adventure-page .task-group{margin:0;overflow:visible;border:1px solid #e1e4ed;border-radius:17px;background:#fff;box-shadow:0 9px 24px #262b4912}.mobile-shell .mobile-adventure-page .task-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px;border-radius:0 0 17px 17px;background:#f8f9fc}.mobile-shell .mobile-adventure-page .task-card{min-width:0;padding:12px;border-radius:13px;box-shadow:none}.mobile-shell .mobile-adventure-page .empty-task{min-height:88px;border-radius:12px;background:#fff}.mobile-shell .online-quest-header{gap:7px}.mobile-shell .online-quest-name{min-width:0}.mobile-shell .online-quest-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-shell .task-drag-handle{display:none}.mobile-shell .online-task-options{gap:8px;overflow-x:auto;scrollbar-width:none}.mobile-shell .online-task-options::-webkit-scrollbar{display:none}.mobile-shell .online-task-options>div{flex:0 0 auto}.mobile-shell .online-party-dropzone{min-height:74px;padding:9px}.mobile-shell .online-add-member{min-height:52px;min-width:70px}.mobile-shell .online-test-button{min-height:44px}.mobile-bottom-nav{position:fixed;z-index:45;right:0;bottom:0;left:0;min-height:68px;display:grid;grid-template-columns:repeat(4,1fr);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid rgb(218 221 232 / .9);background:#fffffff0;box-shadow:0 -8px 30px #1f223e17;backdrop-filter:blur(20px)}.mobile-bottom-nav button{position:relative;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px;color:#8890a2;border:0;border-radius:13px;background:transparent}.mobile-bottom-nav button.active{color:#5347c8;background:#f0eeff}.mobile-bottom-nav button>span{font-size:10px;font-weight:750}.mobile-bottom-nav button>small{position:absolute;top:4px;left:calc(50% + 8px);min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;color:#fff;font-size:8px;font-weight:800;border:2px solid #fff;border-radius:999px;background:#7a70d8}.mobile-bottom-nav button.active>small{background:#5145c6}body.mobile-interface .feedback-link{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));padding:8px 12px;font-size:10px}body.mobile-interface .toast{top:calc(72px + env(safe-area-inset-top));right:12px;left:12px;justify-content:center;min-height:44px;font-size:11px}body.mobile-interface .modal-backdrop,body.mobile-interface .nested-picker-backdrop{align-items:flex-end;padding:0}body.mobile-interface .modal:not(.equipment-studio),body.mobile-interface .system-edit-dialog,body.mobile-interface .system-export-dialog,body.mobile-interface .quest-picker-dialog,body.mobile-interface .member-picker-dialog,body.mobile-interface .booster-picker-dialog,body.mobile-interface .tower-modifier-dialog,body.mobile-interface .skill-picker-dialog{width:100%;max-width:none;max-height:92dvh;border-radius:22px 22px 0 0}body.mobile-interface .system-edit-dialog>header,body.mobile-interface .system-export-dialog>header,body.mobile-interface .modal-header{padding:14px 16px}body.mobile-interface .system-edit-form{padding:15px 16px 6px}body.mobile-interface .system-edit-form input,body.mobile-interface .system-edit-form textarea{min-height:44px;font-size:16px}body.mobile-interface .system-edit-dialog>footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom))}body.mobile-interface .system-edit-dialog>footer button{min-height:44px}body.mobile-interface .class-picker-modal{max-height:88dvh;border-radius:22px 22px 0 0}body.mobile-interface .class-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 12px calc(18px + env(safe-area-inset-bottom))}body.mobile-interface .class-picker-grid>button{min-height:104px}body.mobile-interface .quest-picker-dialog,body.mobile-interface .member-picker-dialog{height:92dvh;max-height:92dvh;overflow:auto}body.mobile-interface .quest-picker-dialog>nav{overflow-x:auto}body.mobile-interface .quest-picker-dialog>nav button{min-height:42px;flex:0 0 auto}body.mobile-interface .quest-map-grid,body.mobile-interface .quest-difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.mobile-interface .member-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:calc(18px + env(safe-area-inset-bottom))}body.mobile-interface .member-picker-grid>button{min-height:104px}body.mobile-interface .equipment-modal-backdrop{display:block;padding:0;overflow:hidden}body.mobile-interface .equipment-modal-backdrop .equipment-studio,body.mobile-interface .champion-modal-backdrop>.champion-modal{width:100%!important;height:100dvh!important;max-height:none;display:block!important;overflow-x:hidden;overflow-y:auto;border-radius:0;transform:none!important}body.mobile-interface .equipment-studio>.modal-header,body.mobile-interface .champion-modal>.modal-header{position:relative;top:0;z-index:20;min-height:0;display:block;padding:calc(11px + env(safe-area-inset-top)) 12px 10px}body.mobile-interface .equipment-studio .modal-header h2{font-size:17px;text-align:center}body.mobile-interface .equipment-studio:not(.champion-modal) .modal-header-actions{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 50px 50px;gap:5px;margin-top:9px}body.mobile-interface .equipment-studio:not(.champion-modal) .modal-header-actions .modal-import-code{grid-column:auto;width:100%;min-width:0;min-height:40px;font-size:14px}body.mobile-interface .equipment-studio:not(.champion-modal) .modal-header-actions .zys-button{min-width:0;min-height:40px;padding:6px 4px;font-size:11px}body.mobile-interface .equipment-studio:not(.champion-modal) .modal-header-actions .desktop-editor-action{display:none}body.mobile-interface .champion-modal .modal-header-actions{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 50px;gap:5px;margin-top:9px}body.mobile-interface .champion-modal .modal-header-actions .modal-import-code{grid-column:auto;width:100%;min-width:0;min-height:40px;font-size:14px}body.mobile-interface .champion-modal .modal-header-actions .zys-button{min-width:0;min-height:40px;padding:6px 4px;font-size:11px}body.mobile-interface .champion-modal .modal-header-actions .desktop-editor-action{display:none}body.mobile-interface .editor-export-surface,body.mobile-interface .champion-export-surface{display:block!important;height:auto!important;overflow:visible!important}body.mobile-interface .editor-export-surface>.hero-parameter-bar{min-height:0;display:grid!important;grid-template-columns:minmax(84px,104px) minmax(0,1fr)!important;grid-template-rows:repeat(4,38px)!important;gap:5px 10px;padding:13px 38px 11px;position:relative}body.mobile-interface .hero-parameter-bar .hero-identity{grid-column:1;grid-row:1/-1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;border-right:0;border-bottom:0}body.mobile-interface .hero-parameter-bar>label{grid-column:2;min-width:0;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0;border:0;border-radius:0;background:transparent;font-size:12px;white-space:nowrap}body.mobile-interface .hero-parameter-bar .choice-picker>button{width:58px;min-width:58px;min-height:32px;font-size:15px}body.mobile-interface .hero-parameter-bar .parameter-readonly{width:58px;min-width:58px;min-height:32px;display:grid;place-items:center;padding:0;border:1px solid #e0dce1;border-radius:5px;background:#fafafa;font-size:15px}body.mobile-interface .champion-export-surface>.champion-parameter-bar{min-height:0;display:grid!important;grid-template-columns:minmax(84px,104px) minmax(0,1fr)!important;grid-template-rows:repeat(6,38px)!important;gap:5px 10px;padding:13px 38px 11px;position:relative}body.mobile-interface .champion-parameter-bar .champion-identity-card{grid-column:1;grid-row:1/-1;width:100%;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;border-right:0;border-bottom:0}body.mobile-interface .champion-parameter-bar>label{grid-column:2;min-width:0;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0;border:0;border-radius:0;background:transparent;font-size:12px;white-space:nowrap}body.mobile-interface .champion-parameter-bar .choice-picker>button,body.mobile-interface .champion-parameter-bar .parameter-readonly{width:58px;min-width:58px;min-height:32px;font-size:15px}body.mobile-interface .champion-modal .champion-parameter-bar .titan-toggle{justify-content:space-between}body.mobile-interface .equipment-studio .hero-identity .unit-avatar{width:82px;height:82px}body.mobile-interface .equipment-studio .hero-name-editor{width:104px;min-width:0;max-width:100%}body.mobile-interface .equipment-studio .hero-name-editor button,body.mobile-interface .equipment-studio .hero-name-editor input{width:100%;min-width:0;max-width:100%;min-height:32px;padding:3px 5px;border-radius:5px;font-size:15px}body.mobile-interface .hero-parameter-bar .hero-identity{width:100%;min-width:0}body.mobile-interface .mobile-hero-switch{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none}body.mobile-interface .mobile-hero-switch button{width:32px;height:54px;padding:0;color:#16151a;border:0;background:transparent;font-size:48px;font-weight:400;line-height:1;pointer-events:auto}body.mobile-interface .hero-skill-stage{display:block;padding:10px 12px 8px;border-top:1px solid #edf0f4;border-bottom:1px solid #dfe4ea}body.mobile-interface .hero-skill-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:4px;overflow:visible;padding:2px 0 7px}body.mobile-interface .hero-skill-card{width:auto;min-width:0;min-height:78px;padding:2px}body.mobile-interface .equipment-studio .hero-skill-card .skill-art{width:min(62px,15vw);height:min(62px,15vw);flex-basis:min(62px,15vw)}body.mobile-interface .equipment-studio .hero-skill-card strong{font-size:10px}body.mobile-interface .hero-skill-stage .innate-effect{margin-top:8px}body.mobile-interface .equipment-studio:not(.champion-modal) .equipment-overview,body.mobile-interface .editor-export-surface>.equipment-overview{width:100%;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;padding:0 12px 18px!important;background:#f8fbff}body.mobile-interface .equipment-studio .overview-stats{order:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;padding:8px 2px 6px;border-right:0}body.mobile-interface .equipment-studio .overview-stats .workbench-title{grid-column:1/-1;min-height:48px}body.mobile-interface .equipment-studio .overview-stats .live-stat{min-width:0;min-height:38px;padding:0 4px}body.mobile-interface .equipment-studio .live-stat>span{min-width:0;gap:4px;font-size:13px}body.mobile-interface .equipment-studio .live-stat>span img,body.mobile-interface .equipment-studio .live-stat>span .asset-fallback{width:22px;height:22px;flex-basis:22px}body.mobile-interface .equipment-studio .live-stat>strong{font-size:15px}body.mobile-interface .equipment-studio .overview-stats .sheet-issues,body.mobile-interface .equipment-studio .overview-stats .sheet-valid{grid-column:1/-1}body.mobile-interface .equipment-studio:not(.champion-modal) .equipment-slot-stage{order:1;padding:18px 0 10px;border-top:0;border-bottom:1px solid #dfe4ea;border-left:0}body.mobile-interface .equipment-studio:not(.champion-modal) .equipment-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 6px!important;margin-top:0!important}body.mobile-interface .champion-modal .champion-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;max-width:320px;margin:0 auto!important}body.mobile-interface .equipment-studio:not(.champion-modal) .overview-slot{width:auto!important;min-width:0;min-height:137px}body.mobile-interface .equipment-studio:not(.champion-modal) .overview-slot-art{width:min(104px,27vw)!important;height:min(104px,27vw)!important}body.mobile-interface .equipment-studio:not(.champion-modal) .overview-slot strong{max-width:100%;font-size:11px}body.mobile-interface .equipment-studio:not(.champion-modal) .overview-slot small{font-size:9px}body.mobile-interface .champion-export-surface>.champion-overview{width:100%;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;padding:0 12px 18px!important;background:#f8fbff}body.mobile-interface .champion-modal .equipment-slot-stage{order:1;padding:18px 0 12px;border-top:0;border-bottom:1px solid #dfe4ea;border-left:0}body.mobile-interface .champion-modal .champion-slot{width:auto!important;min-width:0;min-height:170px}body.mobile-interface .champion-modal .champion-slot .overview-slot-art{width:min(138px,36vw)!important;height:min(138px,36vw)!important}body.mobile-interface .equipment-studio .slot-tier-badge{top:-9px;left:-8px;width:34px;height:34px}body.mobile-interface .equipment-studio .slot-tier-badge b{font-size:11px}body.mobile-interface .equipment-studio .slot-affinity-stack{top:27px;left:-7px;gap:0}body.mobile-interface .equipment-studio .slot-affinity-icon{width:26px;height:26px}body.mobile-interface .equipment-studio .slot-attachment-icon{width:34px;height:34px}body.mobile-interface .equipment-studio .slot-attachment-icon.element-attachment{top:-9px;right:-8px}body.mobile-interface .equipment-studio .slot-attachment-icon.spirit-attachment{top:29px;right:-7px;width:31px;height:31px}body.mobile-interface .champion-team-skill{min-height:0;padding:10px 16px;border-top:1px solid #ece8e5;border-bottom:1px solid #ece8e5}body.mobile-interface .champion-identity-avatar,body.mobile-interface .champion-identity-avatar .unit-avatar{width:82px;height:82px}body.mobile-interface .champion-identity-card>strong{width:100%;min-height:32px;display:grid;place-items:center;padding:3px 5px;overflow:hidden;color:#fff;border-radius:5px;background:#6d3e57;font-size:15px;text-overflow:ellipsis;white-space:nowrap}body.mobile-interface .champion-identity-card>small,body.mobile-interface .champion-parameter-bar>label>small{display:none}body.mobile-interface .template-row{padding:10px 12px}body.mobile-interface .template-row label{min-width:0}body.mobile-interface .template-row select{width:100%;min-height:42px}body.mobile-interface .validation-note{margin:0 12px 10px}body.mobile-interface .auto-save-footer{position:relative;display:block;padding:10px 12px calc(18px + env(safe-area-inset-bottom))}body.mobile-interface .equipment-studio .auto-save-footer .modal-transfer,body.mobile-interface .equipment-studio .auto-save-footer>span{display:none}body.mobile-interface .mobile-editor-actions{display:grid;grid-template-columns:1.2fr .9fr;gap:10px;max-width:300px;margin:0 auto}body.mobile-interface .mobile-editor-actions .zys-button{min-height:46px;border-radius:10px;font-size:15px}body.mobile-interface .equipment-picker-dialog{width:100%;height:94dvh;max-height:94dvh;display:flex;flex-direction:column;border-radius:22px 22px 0 0}body.mobile-interface .equipment-picker-dialog>header{flex:0 0 auto;padding:13px 14px}body.mobile-interface .equipment-picker-dialog h3{font-size:17px}body.mobile-interface .picker-filter-bar,body.mobile-interface .picker-filter-bar.champion-full-filter{flex:0 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px}body.mobile-interface .picker-filter-bar .rarity-row{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}body.mobile-interface .picker-filter-bar .rarity-row button{min-width:0;padding:4px 2px;font-size:9px}body.mobile-interface .picker-filter-bar .rarity-row button span{display:none}body.mobile-interface .equipment-picker-columns,body.mobile-interface .champion-picker-backdrop .equipment-picker-columns{min-height:0;max-height:none;flex:1;display:block;padding:12px 12px calc(24px + env(safe-area-inset-bottom));overflow:auto}body.mobile-interface .equipment-picker-columns>section{margin-bottom:22px}body.mobile-interface .equipment-picker-columns h4{top:-12px;margin:0 0 9px}body.mobile-interface .equipment-picker-columns .item-grid,body.mobile-interface .enchant-catalog-grid,body.mobile-interface .spirit-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.mobile-interface .skill-picker-dialog{height:90dvh;overflow:hidden}body.mobile-interface .skill-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 12px calc(18px + env(safe-area-inset-bottom))}@media(max-width:359px){.mobile-champion-grid,.mobile-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-segmented-actions{align-items:stretch;flex-direction:column}.mobile-segmented-actions>div,.mobile-segmented-actions nav{width:100%}.mobile-segmented-actions button{flex:1}body.mobile-interface .equipment-picker-columns .item-grid,body.mobile-interface .enchant-catalog-grid,body.mobile-interface .spirit-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}