:root{--bg: #0b0b0d;--bg-panel: #141418;--bg-panel-2: #1b1b21;--line: #2a2a32;--text: #eceded;--text-dim: #8b8d96;--accent: #ffe000;--accent-2: #ff2d6f;--radius: 2px;--font: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;flex-direction:column;background-color:var(--bg);background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.014) 0 2px,transparent 2px 5px),radial-gradient(120% 80vh at 50% 0%,rgba(255,224,0,.05),transparent 60%)}.app__header{padding:20px clamp(16px,4vw,44px) 14px;border-bottom:2px solid var(--line);position:relative}.app__header:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:min(240px,40%);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.app__title{display:flex;align-items:baseline;gap:12px}.app__title-zzz{font-weight:900;font-size:clamp(26px,5vw,42px);letter-spacing:2px;color:var(--bg);background:var(--accent);padding:2px 10px;transform:skew(-8deg);display:inline-block;box-shadow:4px 4px 0 var(--accent-2)}.app__title-main{font-weight:800;font-size:clamp(20px,4vw,32px);letter-spacing:6px}.app__subtitle{margin-top:8px;color:var(--text-dim);font-size:13px;letter-spacing:2px}.app__views{display:flex;gap:6px;margin-top:14px}.app__view-tab{background:var(--bg-panel-2);color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius);padding:7px 18px;font-size:14px;font-weight:700;letter-spacing:2px;cursor:pointer;font-family:inherit;transition:all .12s ease}.app__view-tab:hover{color:var(--text);border-color:var(--accent)}.app__view-tab[data-active=true]{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:800;box-shadow:0 0 12px -3px var(--accent)}.view-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--line)}.view-export{background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);padding:8px 16px;font-size:13px;font-weight:800;letter-spacing:1px;cursor:pointer;font-family:inherit;transform:skew(-6deg);box-shadow:3px 3px 0 var(--accent-2);transition:filter .12s ease}.view-export:hover:not(:disabled){filter:brightness(1.08)}.view-export:active:not(:disabled){transform:skew(-6deg) translate(2px,2px);box-shadow:1px 1px 0 var(--accent-2)}.view-export:disabled{opacity:.35;cursor:default;box-shadow:none}.sc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.sc-panel{width:min(720px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius)}.sc-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.sc-head__title{font-size:15px;font-weight:800;letter-spacing:3px}.sc-head__actions{display:flex;align-items:center;gap:10px}.sc-export{background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);padding:7px 14px;font-size:13px;font-weight:800;cursor:pointer}.sc-export:disabled{opacity:.4;cursor:default}.sc-close{width:26px;height:26px;font-size:18px;line-height:1;cursor:pointer;background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius)}.sc-close:hover{color:var(--bg);background:var(--accent-2);border-color:var(--accent-2)}.sc-scroll{overflow-y:auto;padding:16px}.sc-empty{color:var(--text-dim);text-align:center;padding:48px 16px;letter-spacing:1px}.sc-capture{background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 6px),var(--bg);border:1px solid var(--line);padding:18px}.sc-brand{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.sc-brand__zzz{font-weight:900;font-size:20px;color:var(--bg);background:var(--accent);padding:1px 8px;transform:skew(-8deg);box-shadow:3px 3px 0 var(--accent-2)}.sc-brand__text{font-weight:800;font-size:16px;letter-spacing:5px}.sc-team{padding:12px 0}.sc-team+.sc-team{border-top:1px solid var(--line)}.sc-team__name{font-weight:800;font-size:15px;letter-spacing:2px;margin-bottom:10px;padding-left:8px;border-left:3px solid var(--accent)}.sc-team__members{display:flex;flex-wrap:wrap;gap:10px}.sc-member{--rarity-color: var(--accent);width:128px;background:var(--bg-panel-2);border:1px solid var(--line);border-top:3px solid var(--rarity-color);border-radius:var(--radius);padding:8px;text-align:center}.sc-member__art{position:relative;width:96px;height:96px;margin:0 auto 6px}.sc-member__art img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.sc-member__rarity{position:absolute;top:2px;left:2px;font-weight:900;font-size:12px;line-height:1;padding:2px 5px;color:var(--bg);background:var(--rarity-color);transform:skew(-8deg)}.sc-member__mind{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 3px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#fff;background:#000000a8;border:1px solid rgba(255,255,255,.35);border-radius:5px}.sc-member__name{font-weight:800;font-size:14px}.sc-member__sub{font-size:11px;font-weight:700;margin-top:1px}.sc-member__weapon{display:flex;align-items:center;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);font-size:11px}.sc-member__weapon-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}.sc-member__refine{margin-left:auto;font-weight:800;color:var(--accent)}.oc-count{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--text-dim);margin-bottom:12px}.oc-grid{display:flex;flex-wrap:wrap;gap:10px}.oc-member{--rarity-color: var(--accent);width:112px;background:var(--bg-panel-2);border:1px solid var(--line);border-top:3px solid var(--rarity-color);border-radius:var(--radius);padding:8px;text-align:center}.oc-member__art{position:relative;width:92px;height:92px;margin:0 auto 6px}.oc-member__art img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.oc-member__rarity{position:absolute;top:2px;left:2px;font-weight:900;font-size:12px;line-height:1;padding:2px 5px;color:var(--bg);background:var(--rarity-color);transform:skew(-8deg)}.oc-member__mind{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 3px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#fff;background:#000000a8;border:1px solid rgba(255,255,255,.35);border-radius:5px}.oc-member__name{font-weight:800;font-size:14px}.oc-member__sub{font-size:11px;font-weight:700;margin-top:1px}.app__main{flex:1;padding:clamp(14px,3vw,28px)}.filter-bar{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:20px}.filter-bar__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.filter-bar__count{font-weight:900;font-size:22px;color:var(--accent)}.filter-bar__count-total{font-weight:600;font-size:14px;color:var(--text-dim)}.filter-bar__clear{background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius);padding:5px 12px;font-size:12px;letter-spacing:1px;cursor:pointer}.filter-bar__clear:hover:not(:disabled){color:var(--accent-2);border-color:var(--accent-2)}.filter-bar__clear:disabled{opacity:.35;cursor:default}.filter-group{display:flex;align-items:flex-start;gap:12px;padding:7px 0}.filter-group+.filter-group{border-top:1px solid rgba(255,255,255,.03)}.filter-group__label{flex:0 0 52px;color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:2px;padding-top:6px}.filter-group__chips{display:flex;flex-wrap:wrap;gap:7px}.chip{--chip-color: var(--accent);background:var(--bg-panel-2);color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius);padding:5px 12px;font-size:13px;cursor:pointer;transition:all .12s ease}.chip:hover{color:var(--text);border-color:var(--chip-color)}.chip[data-active=true]{color:var(--bg);background:var(--chip-color);border-color:var(--chip-color);font-weight:800;box-shadow:0 0 12px -2px var(--chip-color)}.roster__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.roster__empty{color:var(--text-dim);padding:40px;text-align:center;letter-spacing:2px}.char-card{--rarity-color: var(--accent);--element-color: var(--accent-2);position:relative;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--bg-panel-2),var(--bg-panel));border:1px solid var(--line);border-radius:var(--radius);padding:0 0 10px;cursor:pointer;overflow:hidden;text-align:left;color:var(--text);font-family:inherit;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);transition:transform .12s ease,border-color .12s ease}.char-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-top:3px solid var(--rarity-color);background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--rarity-color) 16%,transparent),transparent 70%)}.char-card:hover{transform:translateY(-3px);border-color:var(--rarity-color)}.char-card__rarity{position:absolute;top:6px;left:6px;z-index:2;font-weight:900;font-size:13px;line-height:1;padding:3px 6px;color:var(--bg);background:var(--rarity-color);transform:skew(-8deg)}.char-card__element{position:absolute;top:6px;right:6px;z-index:2;font-size:11px;font-weight:700;padding:3px 6px;color:var(--element-color);border:1px solid var(--element-color);background:#00000073;border-radius:var(--radius)}.char-card__art{aspect-ratio:1 / 1;width:100%;background:radial-gradient(70% 70% at 50% 35%,rgba(255,255,255,.05),transparent);display:grid;place-items:center}.char-card__art img{width:100%;height:100%;object-fit:cover}.char-card__meta{display:flex;flex-direction:column;gap:2px;padding:8px 10px 0}.char-card__name{font-weight:800;font-size:15px;letter-spacing:.5px}.char-card__role{font-size:12px;font-weight:700;color:var(--rarity-color);letter-spacing:1px}.char-card__faction{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owned__head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--line)}.owned__count{font-size:15px;font-weight:700;letter-spacing:1px;color:var(--text-dim)}.owned__count b{font-size:22px;font-weight:900;color:var(--accent)}.owned__actions{margin-left:auto;display:flex;align-items:center;gap:8px}.owned__clear{background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius);padding:7px 14px;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;font-family:inherit;transition:all .12s ease}.owned__clear:hover:not(:disabled){color:var(--accent-2);border-color:var(--accent-2)}.owned__clear:disabled{opacity:.35;cursor:default}.owned__confirm{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.owned__confirm-yes{background:var(--accent-2);color:var(--bg);border:none;border-radius:var(--radius);padding:7px 14px;font-size:13px;font-weight:800;letter-spacing:1px;cursor:pointer;font-family:inherit}.owned__confirm-yes:hover{filter:brightness(1.08)}.owned__confirm-no{background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius);padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.owned__confirm-no:hover{color:var(--text);border-color:var(--text-dim)}.owned-cell{display:flex;flex-direction:column;gap:6px}.owned-card{--rarity-color: var(--accent);--element-color: var(--accent-2);position:relative;width:100%;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--bg-panel-2),var(--bg-panel));border:1px solid var(--line);border-radius:var(--radius);padding:0 0 10px;cursor:pointer;overflow:hidden;text-align:left;color:var(--text);font-family:inherit;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);transition:transform .12s ease,border-color .12s ease,opacity .12s ease;opacity:.42;filter:saturate(.5)}.owned-card:hover{transform:translateY(-3px);opacity:1}.owned-card[data-owned=true]{opacity:1;filter:none;border-color:var(--rarity-color)}.owned-card[data-owned=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-top:3px solid var(--rarity-color);background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--rarity-color) 16%,transparent),transparent 70%)}.owned-card__rarity{position:absolute;top:6px;left:6px;z-index:2;font-weight:900;font-size:13px;line-height:1;padding:3px 6px;color:var(--bg);background:var(--rarity-color);transform:skew(-8deg)}.owned-card__check{position:absolute;bottom:4px;right:4px;z-index:2;width:22px;height:22px;display:grid;place-items:center;font-weight:900;font-size:14px;line-height:1;color:var(--bg);background:var(--accent);transform:skew(-8deg)}.owned-card__mind{position:absolute;top:6px;right:6px;z-index:2;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;font-size:13px;font-weight:900;line-height:1;color:#fff;background:#000000a8;border:1px solid rgba(255,255,255,.35);border-radius:5px}.owned-cell__ctl{display:flex;justify-content:center}.owned-card__art{position:relative;aspect-ratio:1 / 1;width:100%;background:radial-gradient(70% 70% at 50% 35%,rgba(255,255,255,.05),transparent);display:grid;place-items:center}.owned-card__art img{width:100%;height:100%;object-fit:cover}.owned-card__meta{display:flex;flex-direction:column;gap:2px;padding:8px 10px 0}.owned-card__name{font-weight:800;font-size:15px;letter-spacing:.5px}.owned-card__role{font-size:12px;font-weight:700;color:var(--element-color);letter-spacing:1px}.app__main--split{display:grid;grid-template-columns:1fr minmax(300px,380px);gap:20px;align-items:start}.team{position:sticky;top:16px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.team-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.team-tab{display:inline-flex;align-items:center;gap:6px;max-width:150px;background:var(--bg-panel-2);color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius);padding:5px 10px;font-size:12px;cursor:pointer}.team-tab:hover{color:var(--text)}.team-tab[data-active=true]{color:var(--text);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.team-tab__no{font-weight:900;font-size:10px;color:var(--accent)}.team-tab__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-tabs__add{width:30px;font-size:16px;font-weight:700;cursor:pointer;background:var(--bg-panel-2);color:var(--accent);border:1px dashed var(--line);border-radius:var(--radius)}.team-tabs__add:hover:not(:disabled){border-color:var(--accent)}.team-tabs__add:disabled{opacity:.35;cursor:default}.team__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:14px;border-bottom:1px dashed var(--line)}.team__name{flex:1 1 140px;min-width:0;background:var(--bg-panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:6px 9px;font-size:15px;font-weight:800;letter-spacing:1px}.team__name:focus{outline:none;border-color:var(--accent)}.team__delete{background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius);padding:5px 10px;font-size:12px;cursor:pointer}.team__delete:hover:not(:disabled){color:var(--bg);background:var(--accent-2);border-color:var(--accent-2)}.team__delete:disabled{opacity:.35;cursor:default}.team__notice{font-size:12px;font-weight:700;color:var(--bg);background:var(--accent-2);padding:3px 9px;border-radius:var(--radius)}.team__slots{display:flex;flex-direction:column;gap:10px}.slot{--rarity-color: var(--line);position:relative;display:flex;flex-direction:column;gap:10px;min-height:84px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);border-left:3px solid var(--rarity-color);background:var(--bg-panel-2)}.slot--empty{flex-direction:row;align-items:center;justify-content:center;border-style:dashed;color:var(--text-dim)}.slot__top{display:flex;align-items:center;gap:12px}.slot__index{position:absolute;top:6px;left:8px;font-size:11px;font-weight:900;color:var(--text-dim);opacity:.6}.slot--empty .slot__index{position:static}.slot__placeholder{letter-spacing:4px;font-weight:700}.slot__clear{position:absolute;top:6px;right:6px;width:22px;height:22px;line-height:1;font-size:16px;background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.slot__clear:hover{color:var(--bg);background:var(--accent-2);border-color:var(--accent-2)}.slot__art{position:relative;flex:0 0 60px;width:60px;height:60px;overflow:hidden;border-radius:var(--radius);background:#ffffff0a}.slot__art img{width:100%;height:100%;object-fit:cover}.slot__mindscape-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 3px;display:grid;place-items:center;font-size:12px;font-weight:900;line-height:1;color:#fff;background:#000000a8;border:1px solid rgba(255,255,255,.35);border-radius:5px}.slot__meta{display:flex;flex-direction:column;gap:3px}.slot__name{font-weight:800;font-size:15px}.slot__role{font-size:12px;color:var(--rarity-color);font-weight:700}.slot__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.level-select{display:inline-flex;align-items:center;gap:5px}.level-select__label{font-size:11px;color:var(--text-dim);font-weight:700}.level-select__input{background:var(--bg-panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:3px 6px;font-size:12px;font-weight:700;cursor:pointer}.weapon-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--bg-panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:3px 8px;font-size:12px;cursor:pointer;max-width:160px}.weapon-trigger[data-equipped=true]{border-color:var(--accent)}.weapon-trigger img{border-radius:2px}.weapon-trigger__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapon-trigger__empty{color:var(--text-dim)}.wp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px}.wp-modal{width:min(560px,100%);max-height:82vh;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius)}.wp-modal__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.wp-modal__title{font-size:15px;font-weight:800;letter-spacing:3px}.wp-modal__close{width:26px;height:26px;font-size:18px;line-height:1;cursor:pointer;background:transparent;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius)}.wp-modal__close:hover{color:var(--bg);background:var(--accent-2);border-color:var(--accent-2)}.wp-filters{padding:10px 16px;border-bottom:1px dashed var(--line)}.wp-filters__row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:4px 0}.wp-filters__label{flex:0 0 44px;font-size:12px;font-weight:700;color:var(--text-dim)}.wp-list{overflow-y:auto;padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.wp-list__empty{grid-column:1 / -1;color:var(--text-dim);text-align:center;padding:24px}.wp-item{--rarity-color: var(--line);display:flex;align-items:center;gap:8px;text-align:left;background:var(--bg-panel-2);color:var(--text);border:1px solid var(--line);border-left:3px solid var(--rarity-color);border-radius:var(--radius);padding:6px 8px;cursor:pointer}.wp-item:hover{border-color:var(--rarity-color)}.wp-item[data-active=true]{outline:1px solid var(--accent)}.wp-item--unequip{grid-column:1 / -1;justify-content:center;color:var(--text-dim)}.wp-item__icon{flex:0 0 44px;border-radius:2px;background:#ffffff0a}.wp-item__body{min-width:0;display:flex;flex-direction:column;gap:2px}.wp-item__name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-item__tag{font-size:11px;color:var(--text-dim);white-space:nowrap}@media (max-width: 860px){.app__main--split{grid-template-columns:1fr}.team{position:static}.team__slots{flex-direction:row;flex-wrap:wrap}.team__slots .slot{flex:1 1 220px}}@media (max-width: 560px){.filter-group{flex-direction:column;gap:6px}.filter-group__label{padding-top:0}.roster__grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:9px}}