@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{--bg-base: #00060B;--panel-1: rgba(8, 14, 24, .92);--panel-2: rgba(14, 22, 34, .95);--panel-3: rgba(22, 32, 46, .96);--surface-1: #0B121C;--surface-2: #11192A;--surface-3: #1A2438;--surface-input: #06090F;--overlay-scrim: rgba(0, 4, 10, .78);--border-hairline: rgba(120, 220, 255, .1);--border-strong: rgba(120, 220, 255, .22);--border-cyan: rgba(33, 232, 255, .65);--border-magenta: rgba(255, 45, 160, .65);--divider-soft: rgba(255, 255, 255, .05);--divider-cyan: rgba(33, 232, 255, .18);--fg-1: #EAF6FF;--fg-2: #98B4CB;--fg-3: #5A7286;--fg-4: #364857;--fg-on-cyan: #001216;--fg-on-magenta: #1A0010;--cyan: #21E8FF;--cyan-hi: #7DF3FF;--cyan-lo: #1DB4CC;--cyan-soft: rgba(33, 232, 255, .14);--cyan-glow: rgba(33, 232, 255, .4);--magenta: #FF2DA0;--magenta-hi: #FF6BBE;--magenta-soft: rgba(255, 45, 160, .14);--magenta-glow: rgba(255, 45, 160, .4);--dmg-basic: #FFB454;--dmg-skill: #B57BFF;--dmg-true: #F6F1B6;--dmg-trap: #5BE6A4;--dmg-crit: #FF6B6B;--heal: #5BE6A4;--rarity-common: #8E97A8;--rarity-uncommon: #5BE08A;--rarity-rare: #5EA8FF;--rarity-epic: #C07CFF;--rarity-legendary: #FFA851;--shadow-pop: 0 12px 32px rgba(0, 0, 0, .55), 0 0 0 1px rgba(33,232,255,.15);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: 80ms;--dur-base: .14s;--dur-slow: .26s;--font-display: "Oxanium", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-ui: "Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace}*{box-sizing:border-box}html,body{padding:0;margin:0;color:var(--fg-1);background:var(--bg-base);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background:radial-gradient(ellipse 60% 50% at 15% 20%,rgba(33,232,255,.1),transparent 60%),radial-gradient(ellipse 50% 40% at 85% 90%,rgba(255,45,160,.08),transparent 60%),linear-gradient(180deg,#00060B 0%,#000204 100%)}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(33,232,255,.012) 0 1px,transparent 1px 4px);pointer-events:none;mix-blend-mode:screen}button,input,select{font:inherit}button{border:1px solid var(--border-strong);border-radius:0;background:rgba(0,0,0,.45);color:var(--fg-1);cursor:pointer;padding:8px 14px;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}button:hover{background:rgba(33,232,255,.08);border-color:var(--border-cyan);color:var(--cyan)}button.active{border-color:var(--border-cyan);background:var(--cyan-soft);color:var(--cyan)}main{position:relative;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 56px}.hero{margin-bottom:24px}.heroIntroBlock{min-width:0}.heroTitleLine{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}.hero h1{margin:8px 0 14px;max-width:760px;font-family:var(--font-display);font-size:clamp(40px,5vw,64px);font-weight:800;letter-spacing:.04em;line-height:1;overflow-wrap:anywhere;color:var(--fg-1)}.intro{max-width:720px;margin:0;color:var(--fg-2);font-size:16px;line-height:1.7}.heroPicker{position:relative;z-index:40;display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:12px;align-items:end;margin-top:22px}.compactHeroPicker,.avatarHeroPickerMode{grid-template-columns:minmax(220px,340px)}.heroPickerTop{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end}.heroPickerTop .quietButton,.announcementButton{min-height:40px;white-space:nowrap}.globalSettingsAnchor,.announcementAnchor{position:relative;width:max-content}.announcementButton{position:relative}.announcementButton span{position:absolute;top:-7px;right:-7px;display:inline-grid;width:18px;height:18px;place-items:center;border:1px solid rgba(255,45,160,.8);border-radius:0;background:var(--magenta);color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 0 12px var(--magenta-glow)}.globalSettingsMenu{position:absolute;z-index:120;top:0;left:calc(100% + 8px);width:max-content;min-width:min(280px,100%);max-width:min(360px,calc(100vw - 32px));padding:12px;border:1px solid var(--border-strong);background:var(--panel-3);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.globalSettingsMenu:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);pointer-events:none}.appSignature{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:5px 8px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);color:var(--fg-3);font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;line-height:1}.versionButton{padding:0;border:0;background:transparent;color:var(--cyan);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;line-height:1;text-shadow:0 0 6px var(--cyan-glow)}.versionButton:not(.editable){cursor:default}.versionButton:hover{background:transparent;border-color:transparent;color:var(--cyan-hi)}.announcementOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;display:grid;place-items:start center;padding:min(12vh,96px) 18px 24px;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.announcementDialog{width:min(640px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:18px;border:1px solid var(--border-strong);background:var(--panel-3);color:var(--fg-1);box-shadow:var(--shadow-pop);position:relative}.announcementDialog:before{content:"";position:absolute;top:-1px;left:-1px;width:16px;height:16px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);pointer-events:none}.announcementDialog:after{content:"";position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan);pointer-events:none}.announcementHead,.announcementActions{display:flex;align-items:center;justify-content:space-between;gap:14px}.announcementHead{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--divider-cyan)}.announcementHead h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.announcementEditor,.announcementContent{display:grid;gap:14px}.announcementEditor textarea{width:100%;min-height:220px;resize:vertical;border:1px solid var(--border-hairline);padding:10px;background:var(--surface-input);color:var(--fg-1);font:inherit;font-family:var(--font-mono);font-size:12px;line-height:1.55}.announcementEditor .announcementHistoryInput{min-height:150px}.announcementActions{align-items:flex-start;flex-direction:column}.announcementActions small,.announcementContent small{color:var(--fg-3);font-size:12px;line-height:1.45}.announcementContent strong{color:var(--cyan);font-family:var(--font-display);font-size:18px;letter-spacing:.06em;text-shadow:0 0 10px var(--cyan-glow)}.announcementContent p{margin:0;color:var(--fg-1);line-height:1.8;white-space:pre-wrap}.announcementHistory{display:grid;gap:8px;margin-top:8px;padding-top:14px;border-top:1px solid var(--divider-soft)}.announcementHistory h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2)}.heroAvatarPicker{display:flex;flex-direction:column;max-height:min(620px,calc(100vh - 140px));gap:8px;overflow:hidden;padding:8px;border:1px solid var(--border-strong);background:var(--panel-2);scrollbar-color:rgba(33,232,255,.4) transparent;scrollbar-width:thin;box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.heroAvatarPicker h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-2)}.floatingHeroAvatarPicker{position:absolute;z-index:1;top:0;left:0;width:176px}.heroAvatarList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0;overflow:auto;padding-right:2px;scrollbar-color:rgba(33,232,255,.4) transparent;scrollbar-width:thin}.heroAvatarList::-webkit-scrollbar{width:6px}.heroAvatarList::-webkit-scrollbar-track{background:transparent}.heroAvatarList::-webkit-scrollbar-thumb{background:var(--surface-3)}.heroAvatarList::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.floatingHeroAvatarPicker .heroAvatarList{grid-template-columns:repeat(2,minmax(0,1fr))}.heroAvatarOption{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start;min-width:0;min-height:80px;padding:7px 5px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);color:var(--fg-1);text-align:center;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out)}.heroAvatarOption:hover{border-color:var(--border-strong)}.heroAvatarOption.active{border-color:var(--border-cyan);background:var(--cyan-soft);box-shadow:0 0 10px var(--cyan-glow)}.heroAvatarOption img,.heroAvatarFallback{width:44px;height:44px}.heroAvatarOption img{object-fit:cover}.heroAvatarFallback{display:grid;place-items:center;background:rgba(33,232,255,.08);border:1px solid var(--border-cyan);color:var(--cyan);font-family:var(--font-display);font-weight:800;font-size:13px}.heroAvatarSearch{display:grid;gap:6px;flex:0 0 auto}.heroAvatarSearch span{color:var(--fg-3);font-size:11px;letter-spacing:.06em}.heroAvatarSearch input{width:100%;min-height:34px;padding:8px 10px;border:1px solid var(--border-hairline);background:var(--surface-input);color:var(--fg-1);font-family:var(--font-mono);font-size:12px}.heroAvatarOption span{min-width:0;max-width:100%}.heroAvatarOption strong,.heroAvatarOption small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heroAvatarOption strong{color:var(--fg-1);font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.06em}.heroAvatarOption small{margin-top:2px;color:var(--fg-3);font-size:10px}.heroAvatarEmpty{grid-column:1 / -1;margin:0;padding:12px 0 2px;color:var(--fg-3);font-size:12px;text-align:center}.heroPanel,.panel,.statCard{border:1px solid var(--border-hairline);background:var(--panel-1);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 8px 24px #0006;position:relative}.heroPanel:before,.panel:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:1.5px solid var(--border-cyan);border-left:1.5px solid var(--border-cyan);pointer-events:none;z-index:1}.heroPanel{display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:22px;overflow:hidden}.heroPanel span,.statCard span,.field span,.selectBlock span,.damageRow span,.note{color:var(--fg-2)}.heroPanel strong{margin:6px 0;color:var(--cyan);font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1;letter-spacing:-.01em;text-shadow:0 0 20px var(--cyan-glow)}.heroPanel small,.statCard small{color:var(--fg-3);line-height:1.5}.eyebrow{margin:0;color:var(--cyan);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 6px var(--cyan-glow)}.grid{display:grid;gap:20px}.twoColumns{grid-template-columns:repeat(2,minmax(0,1fr))}.buildTargetGrid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.92fr);align-items:start}.buildArea{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.buildArea.hasHeroAvatarRail{grid-template-columns:minmax(132px,176px) minmax(0,1fr)}.buildArea.hasHeroAvatarRail .buildPanel{grid-column:2}.panel{padding:18px 20px}.panelHead{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--divider-cyan)}.panel h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-2)}.pill,.chip{border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);color:var(--fg-1);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pill{padding:7px 12px;white-space:nowrap}.chip{padding:5px 9px}.chip.red{border-color:#ff6b6b66;background:rgba(255,107,107,.12);color:var(--dmg-crit)}.chip.gold{border-color:#ffb45466;background:rgba(255,180,84,.12);color:var(--dmg-basic)}.chip.purple{border-color:#b57bff66;background:rgba(181,123,255,.12);color:var(--dmg-skill)}.gearGrid,.formGrid,.formulaGrid,.stats{display:grid;gap:12px}.gearGrid,.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.finalDamageModBlock{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:14px;padding:14px 16px;border:1px solid var(--border-cyan);background:var(--cyan-soft);position:relative}.finalDamageModBlock:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:1.5px solid var(--cyan);border-left:1.5px solid var(--cyan)}.finalDamageModBlock span{color:var(--fg-1);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.08em}.finalDamageModBlock strong{color:var(--cyan);font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:-.01em;line-height:1;text-shadow:0 0 16px var(--cyan-glow)}.buildControlLayout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.formulaGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:18px 0}.selectBlock,.field{display:flex;flex-direction:column;gap:7px}.labelWithHelp{display:inline-flex;position:relative;gap:6px;align-items:center;max-width:100%;overflow:visible;vertical-align:middle}.helpNote{display:inline-flex;position:relative;flex:0 0 auto;align-items:center}.helpButton{display:inline-grid;place-items:center;width:18px;height:18px;min-width:18px;padding:0;border:1px solid var(--border-cyan);border-radius:0;background:var(--cyan-soft);color:var(--cyan);font-size:11px;font-weight:800;font-family:var(--font-display);line-height:1}.helpButton:hover{background:rgba(33,232,255,.25);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}.helpPopover{position:fixed;z-index:2147483647;display:block;width:min(320px,calc(100vw - 24px));padding:10px;border:1px solid var(--border-strong);background:var(--panel-3);box-shadow:var(--shadow-pop);color:var(--fg-1);font-size:12px;line-height:1.55;white-space:normal}.helpPortalPopover{pointer-events:auto;isolation:isolate}.hovercardAnchor{display:inline-flex;min-width:0;cursor:help}.hovercardAnchor:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.skillDescriptionPopover{width:min(380px,calc(100vw - 24px))}.skillDescriptionContent{display:grid;gap:8px;color:var(--fg-1);font-size:12px;line-height:1.5}.skillDescriptionContent>strong{color:var(--cyan);font-family:var(--font-display);font-size:13px;letter-spacing:.06em;text-shadow:0 0 6px var(--cyan-glow)}.skillDescriptionContent span{white-space:pre-wrap}.skillDescriptionEntry{display:grid;gap:4px;padding-top:8px;border-top:1px solid var(--divider-soft)}.skillDescriptionEntry:first-of-type{padding-top:0;border-top:0}.skillDescriptionEntry b,.skillFormulaText{color:var(--fg-1)}.skillFormulaText{font-family:var(--font-mono);font-size:11px;color:var(--cyan)}.helpPopover:after{position:absolute;left:10px;width:10px;height:10px;background:var(--panel-3);content:"";transform:rotate(45deg)}.helpPopover.above:after{top:100%;border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);transform:translateY(-5px) rotate(45deg)}.helpPopover.below:after{bottom:100%;border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);transform:translateY(5px) rotate(45deg)}.helpPopover textarea{width:100%;min-height:96px;padding:8px;resize:vertical;border:1px solid var(--border-hairline);background:var(--surface-input);color:var(--fg-1);font:inherit;font-family:var(--font-mono);font-size:12px;outline:none}.helpSaveButton{width:auto;margin-top:8px;padding:6px 10px;font-size:11px}.helpSaveButton:disabled{cursor:not-allowed;opacity:.45}.helpPopover small{display:block;margin-top:6px;color:var(--fg-3)}.helpPopover .helpSaveError{color:var(--dmg-crit)}.selectBlock.full{margin-bottom:14px}select,input{width:100%;border:1px solid var(--border-hairline);outline:none;background:var(--surface-input);color:var(--fg-1);font-family:var(--font-mono);font-size:13px}select,input{padding:10px 12px}select:focus,input:focus{border-color:var(--border-cyan);box-shadow:0 0 0 2px #21e8ff24,inset 0 0 8px #21e8ff0f}input[type=range]{accent-color:var(--cyan)}.fieldInput{position:relative}.fieldInput b{position:absolute;top:50%;right:12px;color:var(--fg-3);font-family:var(--font-mono);font-size:11px;transform:translateY(-50%)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.statCard{display:flex;flex-direction:column;gap:6px;min-height:100px;padding:14px 16px}.statCard strong{color:var(--cyan);font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:-.01em;text-shadow:0 0 10px var(--cyan-glow)}.attributePanel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.attributePanel div,.talentResult,.equippedStats,.currentStatsBlock{display:flex;flex-direction:column;gap:5px;min-height:70px;padding:10px 12px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);position:relative}.attributePanel span,.talentPick small,.talentResult span,.talentResult small,.damageValue small{color:var(--fg-3);font-size:11px;letter-spacing:.06em}.attributePanel small{color:var(--fg-3);font-size:10px;line-height:1.45}.attributePanel strong,.talentResult strong{color:var(--fg-1);font-family:var(--font-display);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.compactToggles{margin-top:14px}.statSettings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px;max-height:220px;overflow:auto;margin-top:14px;padding:12px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35)}.panelSubhead{display:flex;justify-content:space-between;gap:12px;color:var(--fg-1)}.panelSubhead span{color:var(--fg-3);font-size:11px;letter-spacing:.06em}.equippedStats,.currentStatsBlock{margin-top:12px}.collapsibleStats{min-height:0}.collapsibleStats:not([open]){gap:0}.collapsibleStats>summary{cursor:pointer;list-style:none}.collapsibleStats>summary::-webkit-details-marker{display:none}.collapsibleStats>summary:after{content:"展开";color:var(--cyan);font-family:var(--font-display);font-size:11px;letter-spacing:.1em}.collapsibleStats[open]>summary:after{content:"收起"}.buildTargetStatsBlock{grid-column:1 / -1;margin-top:0}.buildTargetStatsBlock .attributePanel{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.equipmentEffectRail{padding:12px;border:1px solid var(--border-hairline);background:var(--panel-1)}.equipmentEffectRail{position:sticky;z-index:3;top:16px;max-height:calc(100vh - 32px);overflow:hidden}.equipmentEffectSummary{display:flex;justify-content:space-between;gap:10px;color:var(--fg-1);cursor:pointer;list-style:none}.equipmentEffectSummary::-webkit-details-marker{display:none}.equipmentEffectSummary:after{content:"收起";color:var(--fg-3);font-family:var(--font-display);font-size:11px;letter-spacing:.1em}.equipmentEffectRail:not([open]) .equipmentEffectSummary:after{content:"展开"}.equipmentEffectSummary span{color:var(--fg-3);font-size:11px;white-space:nowrap}.equipmentEffectList{display:grid;gap:6px;margin-top:10px;max-height:calc(100vh - 96px);overflow-y:auto;padding-right:2px}.equipmentEffectItem{display:grid;gap:3px;padding:8px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35)}.equipmentEffectItem span,.equipmentEffectItem small,.equipmentEffectEmpty{color:var(--fg-3);font-size:11px;line-height:1.4}.equipmentEffectItem strong{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere;color:var(--fg-1)}.equipmentEffectDuplicate{padding:2px 6px;border:1px solid rgba(33,232,255,.35);background:var(--cyan-soft);color:var(--cyan);font-family:var(--font-display);font-size:10px;font-weight:700;font-style:normal;line-height:1.2;letter-spacing:.06em}.equipmentEffectEmpty{padding:9px}.mobileEquipmentEffectRail{display:none}.statPills{display:flex;flex-wrap:wrap;gap:6px}.statPill{padding:4px 8px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);color:var(--fg-2);font-family:var(--font-mono);font-size:11px}.talentPanel,.sourcePanel{margin-bottom:18px}.sourceDetails{padding:0}.sourceSummary{min-height:64px;margin:0;padding:18px 20px;cursor:pointer;list-style:none}.sourceSummary::-webkit-details-marker{display:none}.sourceSummary:after{content:"展开";min-width:44px;padding:6px 10px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);color:var(--fg-1);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}.sourceDetails[open]>.sourceSummary:after{content:"折叠"}.sourceBody{padding:0 20px 20px}.sourceGrid{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:14px}.characterCard{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35)}.characterCard img{width:74px;height:74px;border:1px solid var(--border-cyan);object-fit:cover}.characterCard div,.officialSkillStrip div{display:flex;flex-direction:column;gap:5px}.characterCard span,.characterCard small{color:var(--fg-3);font-size:11px;line-height:1.45}.characterWeapons{margin-top:4px;color:var(--cyan)!important;text-shadow:0 0 6px var(--cyan-glow)}.miniStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.miniStats .statCard{min-height:86px}.miniStats .statCard strong{font-size:22px}.officialSkillStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}.officialSkillStrip div{min-height:48px;padding:12px;overflow:hidden;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35)}.officialSkillCard .officialSkillHover{width:100%;min-height:24px;align-items:center}.skillSlotHover,.skillNameHover{align-items:center}.talentGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.talentPick small{min-height:34px}.traitBuilder{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.traitColumn{display:grid;align-content:start;gap:14px}.traitSectionHead,.traitLaneHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.traitSectionHead strong,.traitLaneHead strong{color:var(--fg-1);font-family:var(--font-display);font-weight:700;letter-spacing:.04em}.traitSectionHead span,.traitLaneHead span{overflow:hidden;color:var(--fg-3);font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.traitGroupTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.traitGroupButton,.traitButton{display:flex;align-items:center;min-width:0;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);color:var(--fg-1)}.traitGroupButton{justify-content:center;gap:7px;min-height:40px;padding:7px 8px}.traitGroupButton img{width:24px;height:24px;flex:0 0 auto;object-fit:contain}.traitGroupButton span,.traitButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traitGroupButton.active,.traitButton.active{border-color:var(--border-cyan);background:var(--cyan-soft);color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}.traitLane{display:grid;gap:6px}.traitGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}.traitButton{gap:8px;min-height:44px;padding:7px 8px;text-align:left}.traitIcon{width:30px;height:30px;flex:0 0 auto;object-fit:contain}.traitSummary{display:flex;flex-direction:column;gap:5px;min-height:90px;padding:12px;border:1px solid var(--border-cyan);background:var(--cyan-soft)}.traitSummary span,.traitSummary small{color:var(--fg-3);font-size:11px;line-height:1.45}.traitSummary strong{color:var(--fg-1);font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.35}.damageList{display:grid;gap:8px}.skillGroups{display:grid;gap:10px}.skillGroup,.effectGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.configSkillList{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.damageLayout{display:grid;gap:14px}.skillDamagePanel{overflow:hidden}.skillDamagePanel>summary{cursor:pointer;list-style:none}.skillDamagePanel>summary::-webkit-details-marker{display:none}.skillMainGrid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;align-items:stretch}.skillMainColumn{display:grid;grid-template-rows:auto 1fr;gap:8px;min-width:0;padding:12px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35)}.skillPassiveRow{margin-top:10px}.skillPassiveRow .skillMainColumn{grid-template-rows:auto}.skillPassiveRow .skillSubGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skillMainHead{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px}.skillMainHead>strong{color:var(--cyan);font-family:var(--font-display);font-weight:800;font-size:20px;text-shadow:0 0 10px var(--cyan-glow)}.skillSubGrid{display:grid;gap:8px}.skillDamageLeaf{display:grid;gap:8px;padding:10px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.25)}.skillLeafHead,.targetStepper,.skillLeafValues{display:flex;align-items:center}.skillLeafHead{justify-content:space-between;gap:8px}.skillLeafTitle{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}.skillLeafHead strong{color:var(--fg-1);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.04em}.skillSourceMeta{max-width:100%;padding:2px 6px;border:1px solid var(--border-cyan);color:var(--cyan);background:var(--cyan-soft);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.35;text-transform:uppercase;white-space:nowrap}.targetStepper{gap:5px;color:var(--fg-2);font-size:12px;white-space:nowrap}.targetStepper button{min-width:22px;padding:4px 0}.targetStepper b{min-width:18px;color:var(--cyan);text-align:center;font-family:var(--font-mono)}.skillLeafValues{flex-wrap:wrap;gap:6px}.skillLeafValues>div{flex:1 1 112px;min-width:0;padding:8px;background:rgba(0,0,0,.2);border:1px solid var(--border-hairline)}.skillLeafValues span{color:var(--fg-3);font-size:11px}.skillTotalValue{border:1px solid var(--border-cyan)!important;background:var(--cyan-soft)!important}.damageRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);position:relative}.damageRow div{display:flex;flex-direction:column;gap:4px}.damageRow b{color:var(--cyan);font-family:var(--font-display);font-weight:800;font-size:26px;font-variant-numeric:tabular-nums;text-shadow:0 0 12px var(--cyan-glow)}.compactDamageRow{align-items:stretch;min-height:110px;padding:12px}.compactDamageRow strong{font-size:14px}.compactDamageRow b{font-size:22px}.damageValue{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px}.damageRow.highlight{border-color:var(--border-cyan);background:var(--cyan-soft);box-shadow:0 0 16px #21e8ff1a}.damageTools,.levelSelect,.buttonRow{display:flex;align-items:center}.damageTools{flex-direction:row!important;gap:10px!important}.stackBlocks{display:grid;grid-template-columns:repeat(5,36px);gap:4px}.stackBlocks button{min-width:36px;padding:7px 0;background:rgba(0,0,0,.35);border-color:var(--border-hairline);color:var(--fg-2)}.stackBlocks button.active{border-color:var(--border-cyan);background:var(--cyan-soft);color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}.levelSelect{flex-direction:row;gap:6px;color:var(--fg-2)}.levelSelect select{min-width:60px;padding:7px 10px}.buttonRow{flex-wrap:wrap;gap:6px}.quietButton{border-color:var(--border-hairline);background:rgba(0,0,0,.35);color:var(--fg-2)}.quietButton.active{border-color:var(--border-cyan);background:var(--cyan-soft);color:var(--cyan)}.quietButton:hover{border-color:var(--border-strong);background:rgba(33,232,255,.06);color:var(--fg-1)}.buildSettingsMenu{display:grid;gap:12px;margin-bottom:14px;padding:12px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35)}.buildSettingsMenu .statSettings{margin-top:0}.qualityLegend{display:flex;flex-wrap:wrap;gap:6px}.qualityLegend span{min-width:40px;padding:5px 8px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase}.toggle{display:flex;gap:8px;align-items:center;color:var(--fg-2);font-size:13px;white-space:nowrap}.toggle input{width:16px;height:16px;accent-color:var(--cyan)}body[data-theme=day]{color:#1a2230;background:#e8f0f8}body[data-theme=day]:before{background:radial-gradient(ellipse 60% 50% at 15% 20%,rgba(26,140,180,.12),transparent 60%),radial-gradient(ellipse 50% 40% at 85% 90%,rgba(160,40,120,.06),transparent 60%),linear-gradient(180deg,#ddeaf6 0%,#e8f2fa 100%)}body[data-theme=day]:after{display:none}body[data-theme=day] button{border-color:#1a64a047;background:rgba(26,100,160,.08);color:#1a3050}body[data-theme=day] button:hover,body[data-theme=day] button.active,body[data-theme=day] .quietButton.active{border-color:#0e82a0a6;background:rgba(14,130,160,.14);color:#06607a;box-shadow:none}body[data-theme=day] .heroPanel,body[data-theme=day] .panel,body[data-theme=day] .statCard{border-color:#1a64a02e;background:rgba(255,255,255,.88);box-shadow:0 8px 24px #1a3c641f}body[data-theme=day] .heroPanel:before,body[data-theme=day] .panel:before{border-color:#0e82a099}body[data-theme=day] .globalSettingsMenu,body[data-theme=day] .heroAvatarPicker,body[data-theme=day] .announcementDialog{border-color:#1a64a033;background:rgba(255,255,255,.96);box-shadow:0 16px 40px #1a3c6429}body[data-theme=day] .heroAvatarPicker,body[data-theme=day] .heroAvatarList{scrollbar-color:rgba(14,130,160,.4) transparent}body[data-theme=day] .heroAvatarList::-webkit-scrollbar-thumb{background:rgba(14,130,160,.4)}body[data-theme=day] .heroAvatarOption{border-color:#1a64a02e;background:rgba(26,100,160,.05);color:#1a2230}body[data-theme=day] .heroAvatarOption.active{border-color:#0e82a0a6;background:rgba(14,130,160,.12);box-shadow:0 0 8px #0e82a040}body[data-theme=day] .heroAvatarFallback{background:rgba(14,130,160,.08);border-color:#0e82a073;color:#0a6a82}body[data-theme=day] .hero h1,body[data-theme=day] .panel h2,body[data-theme=day] .heroAvatarPicker h3,body[data-theme=day] .panelSubhead strong,body[data-theme=day] .heroIdentity strong,body[data-theme=day] .statCard strong,body[data-theme=day] .heroAvatarOption strong{color:#1a2230;text-shadow:none}body[data-theme=day] .statCard strong,body[data-theme=day] .heroPanel strong{color:#0a6a82;text-shadow:none}body[data-theme=day] .heroPanel span,body[data-theme=day] .statCard span,body[data-theme=day] .field span,body[data-theme=day] .selectBlock span,body[data-theme=day] .damageRow span,body[data-theme=day] .note,body[data-theme=day] .intro,body[data-theme=day] .toggle,body[data-theme=day] .heroAvatarSearch span,body[data-theme=day] .heroAvatarOption small,body[data-theme=day] .heroPanel small,body[data-theme=day] .statCard small,body[data-theme=day] .panelSubhead span{color:#4e6070}body[data-theme=day] .eyebrow,body[data-theme=day] .versionButton{color:#0a6a82;text-shadow:none}body[data-theme=day] .appSignature,body[data-theme=day] .pill,body[data-theme=day] .chip,body[data-theme=day] .qualityLegend span{border-color:#1a64a02e;background:rgba(26,100,160,.07);color:#1e4070}body[data-theme=day] select,body[data-theme=day] input,body[data-theme=day] .heroAvatarSearch input,body[data-theme=day] .helpPopover textarea,body[data-theme=day] .announcementEditor textarea{border-color:#1a64a047;background:#ffffff;color:#1a2230}body[data-theme=day] select option,body[data-theme=day] .qualitySelect option{background:#ffffff;color:#1a2230}body[data-theme=day] select:focus,body[data-theme=day] input:focus{border-color:#0e82a0a6;box-shadow:0 0 0 2px #0e82a01f}body[data-theme=day] .helpButton{border-color:#0e82a073;background:rgba(14,130,160,.1);color:#0a6a82}body[data-theme=day] .helpPopover{border-color:#1a64a038;background:rgba(255,255,255,.98);box-shadow:0 16px 40px #1a3c6424;color:#1a2230}body[data-theme=day] .helpPopover:after{border-color:#1a64a038;background:rgba(255,255,255,.98)}body[data-theme=day] .finalDamageModBlock{border-color:#0e82a073;background:rgba(14,130,160,.1)}body[data-theme=day] .finalDamageModBlock span,body[data-theme=day] .finalDamageModBlock strong{color:#0a6a82;text-shadow:none}body[data-theme=day] .announcementOverlay{background:rgba(200,220,240,.6)}body[data-theme=day] .announcementHead h2{color:#0a6a82}body[data-theme=day] .announcementContent p{color:#1a2230}body[data-theme=day] .announcementContent strong{color:#0a6a82;text-shadow:none}body[data-theme=day] .announcementHistory{border-top-color:#1a64a029}body[data-theme=day] .announcementHistory h3{color:#1e3050}body[data-theme=day] .announcementActions small,body[data-theme=day] .announcementContent small{color:#4e6070}body[data-theme=day] .toggle input{accent-color:#0a6a82}body[data-theme=day] .characterCard,body[data-theme=day] .officialSkillStrip div,body[data-theme=day] .equippedStats,body[data-theme=day] .currentStatsBlock,body[data-theme=day] .skillMainColumn,body[data-theme=day] .traitButton,body[data-theme=day] .traitGroupButton,body[data-theme=day] .comboHitChip{border-color:#1a64a02e;background:#f2f8ff;color:#1a2230}body[data-theme=day] .skillDamageLeaf{border-color:#1a64a029;background:#ffffff;box-shadow:0 4px 16px #1a3c640f}body[data-theme=day] .skillLeafValues>div,body[data-theme=day] .damageRow,body[data-theme=day] .compactDamageRow,body[data-theme=day] .traitSummary,body[data-theme=day] .finalDamageModBlock{border-color:#1a64a024;background:#eaf4fc;color:#1a2230}body[data-theme=day] .skillTotalValue{border-color:#0e82a073!important;background:rgba(14,130,160,.1)!important}body[data-theme=day] .skillMainHead>strong,body[data-theme=day] .skillSlotHover>strong,body[data-theme=day] .skillSourceMeta,body[data-theme=day] .targetStepper b,body[data-theme=day] .damageRow b,body[data-theme=day] .compactDamageRow b,body[data-theme=day] .traitSummary strong,body[data-theme=day] .configSheetSummary b{color:#0a6a82;text-shadow:none}body[data-theme=day] .skillLeafHead strong,body[data-theme=day] .skillDescriptionEntry b,body[data-theme=day] .skillFormulaText,body[data-theme=day] .characterCard strong,body[data-theme=day] .traitSectionHead strong,body[data-theme=day] .traitLaneHead strong,body[data-theme=day] caption,body[data-theme=day] .configSheetSummary{color:#1a2230}body[data-theme=day] .skillLeafValues span,body[data-theme=day] .targetStepper,body[data-theme=day] .characterCard span,body[data-theme=day] .characterCard small,body[data-theme=day] .traitSummary span,body[data-theme=day] .traitSummary small,body[data-theme=day] .traitSectionHead span,body[data-theme=day] .traitLaneHead span,body[data-theme=day] .sheetDash{color:#4e6070}body[data-theme=day] .skillSourceMeta{border-color:#0e82a073;background:rgba(14,130,160,.1);color:#0a6a82}body[data-theme=day] .traitGroupButton.active,body[data-theme=day] .traitButton.active,body[data-theme=day] .comboHitChip.active,body[data-theme=day] .stackBlocks button.active{border-color:#0e82a0a6;background:rgba(14,130,160,.14);color:#06607a;box-shadow:none}body[data-theme=day] .sheetWrap{border-color:#1a64a02e;background:#ffffff;box-shadow:0 8px 24px #1a3c6414}body[data-theme=day] th,body[data-theme=day] td{border-top-color:#1a64a024;border-right-color:#1a64a014}body[data-theme=day] th{background:#deeaf6;color:#1e3050}body[data-theme=day] tr:nth-child(2n) td{background:#f4f9ff}.formulaPanel{margin-top:18px}.formulaDetails{padding:0}.formulaSummary{min-height:64px;margin:0;padding:18px 20px;cursor:pointer;list-style:none}.formulaSummary::-webkit-details-marker{display:none}.formulaSummary:after{content:"展开";min-width:44px;padding:6px 10px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35);color:var(--fg-1);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}.formulaDetails[open]>.formulaSummary:after{content:"折叠"}.formulaDetails>.formulaGrid,.formulaDetails>.note{margin-right:20px;margin-left:20px}.formulaDetails>.note{margin-bottom:20px}.effectsPanel{padding:0}.effectsPanel.collapsed{overflow:hidden}.effectToggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border:0;background:transparent;color:inherit;text-align:left}.effectToggle:hover{background:rgba(33,232,255,.03);border-color:transparent}.effectGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:0 20px 20px}.comboGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.comboCard{min-height:90px}.comboHitEditor{display:flex;flex-wrap:wrap;gap:6px;min-width:360px}.comboHitChip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35)}.comboHitChip.active{border-color:var(--border-cyan);background:var(--cyan-soft);color:var(--cyan)}.comboHitChip span{max-width:92px;overflow:hidden;color:var(--fg-1);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.comboHitChip button{min-width:22px;padding:4px 0}.comboHitChip b{min-width:18px;color:var(--cyan);font-family:var(--font-mono);text-align:center}.compact{max-width:520px;margin-top:14px}.toggles{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}.note{margin:16px 0 0;color:var(--fg-2);line-height:1.7}.qualitySelect option{background:var(--surface-1)}.configPanel{margin-top:18px}.configSaveStatus{display:block;margin-top:6px;color:var(--heal);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.configSaveStatus.error{color:var(--dmg-crit)}.sheetWrap{overflow-x:auto;margin-top:16px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.35)}.editSheetWrap{overflow:visible}.editSheetWrap[open]{overflow-x:auto}.configSheetSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:var(--fg-1);cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:700;letter-spacing:.04em}.configSheetSummary::-webkit-details-marker{display:none}.configSheetSummary span{font-size:14px;font-weight:800;letter-spacing:.06em}.configSheetSummary b{color:var(--cyan);font-family:var(--font-mono);font-size:11px;text-shadow:0 0 6px var(--cyan-glow)}table{width:100%;min-width:980px;border-collapse:collapse}caption{padding:12px 14px 8px;color:var(--fg-1);font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.1em;text-align:left;text-transform:uppercase}th,td{padding:8px;border-top:1px solid var(--divider-soft);border-right:1px solid rgba(33,232,255,.05);text-align:left;vertical-align:middle}th{color:var(--fg-2);background:rgba(33,232,255,.04);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}td input,td select{min-width:84px;padding:7px 10px}td:nth-child(3) input,td:last-child input{min-width:160px}.sheetDash{display:block;color:var(--fg-4);font-family:var(--font-mono);text-align:center}.heroIdentity{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;width:auto;min-height:0;padding:8px 16px 8px 8px;cursor:pointer;font:inherit;text-transform:none;letter-spacing:normal;transition:border-color var(--dur-base) var(--ease-out)}.heroIdentity:hover{border-color:var(--border-cyan)}.heroIdentity:hover img{box-shadow:0 0 20px var(--cyan-glow)}.heroIdentity img{width:52px;height:52px;margin:0;border:1px solid var(--border-cyan);object-fit:cover;box-shadow:0 0 12px var(--cyan-glow);flex:0 0 auto}.heroIdentityMeta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.heroIdentity strong{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.04em;line-height:1.1;color:var(--fg-1);overflow-wrap:anywhere}.heroIdentity small{color:var(--fg-3);font-size:11px;line-height:1}.heroSelectButton{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border-hairline);background:var(--surface-input);color:var(--fg-1);font-family:var(--font-mono);font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none}.heroSelectButton:hover{border-color:var(--border-cyan);background:var(--surface-input);color:var(--cyan)}.heroSelectChevron{color:var(--cyan);font-size:11px;flex:0 0 auto}.gearCardGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.gearCard{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.4);cursor:pointer;font-family:var(--font-ui);letter-spacing:normal;text-transform:none;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.gearCard:hover{border-color:var(--border-cyan);background:rgba(33,232,255,.06)}.gearCardSlot{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.gearCardIcon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border-hairline);background:rgba(0,0,0,.5);flex:0 0 auto}.gearCardIcon img{width:100%;height:100%;object-fit:contain}.gearCardIconFallback{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--cyan)}.gearCardName{font-family:var(--font-display);font-size:11px;font-weight:700;text-align:center;line-height:1.2;overflow-wrap:anywhere}.gearMetaGrid{margin-top:12px}.pickerShroud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pickerModal{width:min(720px,94vw);max-height:84vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-strong);background:var(--panel-3);box-shadow:var(--shadow-pop);position:relative}.pickerModal:before,.pickerModal:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--cyan);border-style:solid;border-width:0;pointer-events:none}.pickerModal:before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.pickerModal:after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.pickerHead{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--divider-cyan)}.pickerTitle{flex:1;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow)}.pickerTitle:before{content:"";width:6px;height:6px;background:var(--cyan);transform:rotate(45deg);flex:0 0 auto}.pickerSearch{width:220px;min-width:0;padding:7px 10px}.pickerClose{width:30px;height:30px;padding:0;display:grid;place-items:center;font-size:16px;flex:0 0 auto}.pickerBody{padding:14px 16px;overflow:auto}.pickerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.pickerItem{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;min-height:104px;border:1px solid var(--border-hairline);background:rgba(0,0,0,.4);cursor:pointer;font-family:var(--font-ui);letter-spacing:normal;text-transform:none;position:relative;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.pickerItem:hover{transform:translateY(-2px);border-color:var(--border-strong);background:rgba(33,232,255,.06)}.pickerItem.active{border-color:var(--border-cyan);background:var(--cyan-soft);box-shadow:0 0 10px var(--cyan-glow)}.pickerItem img,.pickerItemFallback{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.pickerItemFallback{display:grid;place-items:center;border:1px solid var(--border-cyan);background:var(--cyan-soft);color:var(--cyan);font-family:var(--font-display);font-weight:800;font-size:18px}.pickerItemName{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.03em;text-align:center;line-height:1.2;color:var(--fg-1);overflow-wrap:anywhere}.pickerEmpty{grid-column:1 / -1;margin:0;padding:18px 0;text-align:center;color:var(--fg-3);font-size:12px}body[data-theme=day] .heroSelectButton{border-color:#1a64a047;background:#ffffff;color:#1a2230}body[data-theme=day] .heroSelectButton:hover{border-color:#0e82a0a6;color:#0a6a82}body[data-theme=day] .heroSelectChevron{color:#0a6a82}body[data-theme=day] .gearCard,body[data-theme=day] .pickerItem{border-color:#1a64a02e;background:#f2f8ff;color:#1a2230}body[data-theme=day] .gearCard:hover,body[data-theme=day] .pickerItem:hover{border-color:#0e82a08c;background:rgba(14,130,160,.07)}body[data-theme=day] .gearCardIcon{border-color:#1a64a02e;background:#ffffff}body[data-theme=day] .gearCardIconFallback,body[data-theme=day] .gearCardSlot{color:#0a6a82}body[data-theme=day] .pickerModal{border-color:#1a64a038;background:rgba(255,255,255,.98)}body[data-theme=day] .pickerItem.active{border-color:#0e82a0a6;background:rgba(14,130,160,.12);box-shadow:0 0 8px #0e82a040}body[data-theme=day] .pickerItemName,body[data-theme=day] .pickerItemFallback{color:#1a2230}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:var(--surface-3)}*::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--cyan);color:var(--fg-on-cyan)}@media (max-width: 920px){.hero,.twoColumns,.buildTargetGrid,.buildArea,.buildControlLayout,.formulaGrid,.stats,.talentGrid,.traitBuilder,.heroPicker,.sourceGrid,.miniStats{grid-template-columns:1fr}.desktopEquipmentEffectRail{display:none}.mobileEquipmentEffectRail{display:block;position:static;max-height:none;margin-top:12px}.mobileEquipmentEffectRail .equipmentEffectList{display:flex;gap:6px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;scroll-snap-type:x proximity}.mobileEquipmentEffectRail .equipmentEffectItem,.mobileEquipmentEffectRail .equipmentEffectEmpty{flex:0 0 min(220px,78vw);scroll-snap-align:start}.floatingHeroAvatarPicker{position:static;width:100%;max-height:360px;margin-bottom:12px}.attributePanel{grid-template-columns:repeat(2,minmax(0,1fr))}.heroAvatarPicker{grid-template-columns:1fr}}@media (max-width: 620px){main{width:min(100% - 22px,1180px);padding-top:22px}.hero h1{font-size:40px}.heroPanel strong{font-size:48px}.gearGrid,.formGrid,.buildControlLayout,.attributePanel,.traitGroupTabs,.traitGrid,.skillGroup,.effectGrid{grid-template-columns:1fr}.gearCardGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.heroAvatarList{grid-template-columns:1fr}.panel,.heroPanel{padding:14px 16px}.panelHead,.skillRow,.damageTools{align-items:flex-start;flex-direction:column}.heroPickerTop{grid-template-columns:1fr}.globalSettingsMenu{top:calc(100% + 8px);left:0;width:min(100%,360px)}}