.talent-head-controls{display:flex;flex-direction:column;align-items:flex-end;gap:var(--unit-3)}.talent-type-legend{display:flex;flex-wrap:wrap;gap:var(--unit-2);justify-content:flex-end}.talent-type-legend-item{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--text-tertiary);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase}.talent-type-legend-item:before{content:"";display:block;width:10px;height:10px;border:1px solid;background:var(--surface-container-low)}.talent-type-legend-mastery:before{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.talent-type-legend-active:before{clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%)}.talent-type-legend-passive:before{transform:rotate(45deg);border-radius:2px}.talent-canvas{border:0;box-shadow:inset 0 0 0 1px var(--outline-variant);background-color:var(--surface-container-lowest)}.talent-canvas-frame{position:absolute;inset:0;z-index:3;pointer-events:none;margin:10px;border:1px solid rgba(196,168,130,.22);box-shadow:inset 0 0 0 1px rgba(0,0,0,.65),inset 0 0 28px rgba(139,0,0,.08)}.talent-canvas-frame:after,.talent-canvas-frame:before{content:"";position:absolute;width:18px;height:18px;border-color:rgba(196,168,130,.45);border-style:solid}.talent-canvas-frame:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.talent-canvas-frame:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.talent-canvas-hint{position:absolute;right:var(--unit-4);bottom:var(--unit-4);z-index:4;margin:0;padding:4px 8px;font-family:var(--font-mono);font-size:.62rem;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);pointer-events:none}.talent-edge-track,.talent-edge-track-active,.talent-edge-track-linked{stroke-width:.24}.talent-edge-filament{stroke-width:.08}.talent-edge-filament-dim{opacity:.36}.talent-edge-filament-active,.talent-edge-filament-linked{stroke-width:.13}.talent-node{gap:0;content-visibility:visible}.talent-node-core .talent-node-chip,.talent-node-keystone .talent-node-chip{--talent-frame-size:88px;width:var(--talent-frame-size);height:var(--talent-frame-size)}.talent-node-label-hidden .talent-node-label{opacity:0}.talent-node-label-visible .talent-node-label{opacity:1}.talent-node-label{transform-origin:top center;width:144px;max-width:144px;font-size:var(--text-xs);color:var(--text-heading);background:var(--surface-container-lowest);border-color:var(--outline-variant)}.talent-node-label-name{font-size:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.talent-node-label-kind{font-size:.625rem;color:var(--text-secondary)}.talent-node-prominent .talent-node-label{border-color:#7a5848}.talent-node-available.talent-node-prominent .talent-node-frame{animation:talent-node-pulse 2.4s ease-in-out infinite}.talent-node-available .talent-node-frame{border-color:var(--secondary);box-shadow:0 0 0 1px var(--surface-container-lowest),0 0 0 2px var(--secondary),0 3px 10px rgba(0,0,0,.8)}@keyframes talent-node-pulse{0%,to{box-shadow:0 0 0 1px var(--surface-container-lowest),0 0 0 2px color-mix(in srgb,var(--secondary) 45%,transparent),0 3px 10px rgba(0,0,0,.8)}50%{box-shadow:0 0 0 1px var(--surface-container-lowest),0 0 0 3px color-mix(in srgb,var(--secondary) 95%,transparent),0 4px 14px rgba(0,0,0,.85)}}.talent-node-allocated.talent-node-prominent .talent-node-frame{box-shadow:0 0 0 1px var(--surface-container-lowest),0 0 0 1px rgba(196,168,130,.55),0 3px 10px rgba(0,0,0,.8)}.talent-detail-type{border-color:rgba(196,168,130,.45);color:var(--text-accent)}.talent-detail-status-available{color:var(--tertiary);border-color:color-mix(in srgb,var(--tertiary) 45%,var(--outline-variant));background:color-mix(in srgb,var(--tertiary) 10%,rgba(0,0,0,.28))}.talent-detail-status-allocated{color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 45%,var(--outline-variant));background:color-mix(in srgb,var(--secondary) 10%,rgba(0,0,0,.28))}.talent-detail-status-granted{color:var(--accent-gold,var(--secondary));border-color:color-mix(in srgb,var(--accent-gold,var(--secondary)) 50%,var(--outline-variant));background:color-mix(in srgb,var(--accent-gold,var(--secondary)) 12%,rgba(0,0,0,.28))}.talent-detail-tags .talent-detail-status-locked{color:var(--text-secondary)}.talent-detail-branch-blade{color:#f0a898;border-color:color-mix(in srgb,#c08074 45%,var(--outline-variant))}.talent-detail-branch-core,.talent-detail-branch-liturgie{color:#f0d080;border-color:color-mix(in srgb,#c8a860 45%,var(--outline-variant))}.talent-detail-branch-hunter{color:#b8d090;border-color:color-mix(in srgb,#98b070 45%,var(--outline-variant))}.talent-detail-branch-sorcery{color:#a8c0f0;border-color:color-mix(in srgb,#88a0cc 45%,var(--outline-variant))}.talent-detail-branch-occult{color:#d0a8e0;border-color:color-mix(in srgb,#b088c0 45%,var(--outline-variant))}.talent-detail-branch-ruse{color:#e0c088;border-color:color-mix(in srgb,#c0a068 45%,var(--outline-variant))}.talent-detail-status-allocated .talent-detail-hero{border-bottom-color:color-mix(in srgb,var(--secondary) 45%,var(--outline-variant))}.talent-detail-type-mastery{color:var(--text-gold)}.talent-detail-type-major_active{color:var(--text-ember)}.talent-detail-type-major_milestone{color:var(--secondary)}.talent-detail-type-major_passive{color:var(--text-gold)}.talent-detail-specs-wide{grid-column:1/-1}.talent-detail-specs-wide dd{line-height:1.45}.talent-detail-icon-wrap.talent-node-frame-xl{flex-shrink:0}.game-content:has(.character-page--talents-focus){overflow:hidden;height:100vh;max-height:100vh}.game-content:has(.character-page--talents-focus) .game-footer{display:none}.character-page--talents-focus{flex:1 1;min-height:0;height:100%;gap:var(--unit-2);padding:var(--unit-2) var(--unit-3);overflow:hidden}.character-page--talents-focus .character-hero{padding:var(--unit-2) var(--unit-3);flex-direction:row;flex-wrap:wrap;align-items:center}.character-page--talents-focus .character-hero .page-kicker{min-height:44px;padding:var(--unit-1) var(--unit-3);gap:var(--unit-2);margin-right:auto}.character-page--talents-focus .character-hero .page-kicker-icon{width:32px;height:32px}.character-page--talents-focus .character-hero>.muted{display:none}.character-page--talents-focus .character-tab{min-height:46px;padding:var(--unit-2)}.character-page--talents-focus .character-tab-copy span{display:none}.character-shell--talents{flex:1 1;min-height:0;overflow:hidden}.character-shell--talents .character-panel{display:flex;flex:1 1;min-height:0;overflow:hidden}.character-shell--talents .talent-shell{flex:1 1;min-height:0;height:100%}.character-shell--talents .talent-canvas-card{min-height:0;height:100%}.character-shell--talents .talent-canvas{min-height:0}.character-shell--talents .talent-canvas-head{padding:var(--unit-2) var(--unit-3);gap:var(--unit-2)}.character-shell--talents .talent-canvas-head h2{display:none}.character-shell--talents .talent-detail{min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.talent-shell--detail-collapsed{grid-template-columns:minmax(0,1fr)!important}.talent-shell--detail-collapsed .talent-detail{display:none}.talent-detail-toggle{font-size:.9rem}@media (max-height:700px),(max-width:1100px){.character-page--talents-focus{overflow-y:auto;height:auto}.game-content:has(.character-page--talents-focus){overflow-y:auto;height:auto;max-height:none}.character-shell--talents .talent-shell{height:auto;min-height:min(72vh,720px)}.character-shell--talents .talent-canvas-card{height:auto}.character-shell--talents .talent-canvas{flex:none;height:clamp(380px,55svh,600px)}.character-shell--talents .talent-detail{max-height:none;overflow:visible}.talent-canvas-head{flex-direction:column;align-items:stretch;gap:var(--unit-2);padding:var(--unit-2) var(--unit-3)}.talent-head-controls{align-items:stretch;width:100%;gap:var(--unit-2)}.talent-legend,.talent-type-legend{justify-content:flex-start}.talent-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px}.talent-legend-toggle{min-width:0;gap:4px;font-size:.62rem}.talent-legend-label-full{display:none}.talent-legend-label-short{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talent-legend-count{margin-left:auto}.talent-canvas-hint{display:none}.talent-points-banner{display:flex;flex-wrap:wrap;gap:2px 4px;font-size:.78rem;line-height:1.35}}@media (max-width:560px){.character-page--talents-focus .character-tabs,.talent-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.talent-type-legend-item{padding:2px 6px}.talent-zoom-controls{left:var(--unit-2);bottom:var(--unit-2);gap:var(--unit-1)}.talent-zoom-controls button{width:44px;height:44px}}.talent-navigator{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.6fr);gap:var(--unit-2);padding:0 var(--unit-3) var(--unit-2)}.talent-navigator .input{width:100%;min-width:0;min-height:44px;font-size:var(--text-xs);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:2px;color:var(--text-primary)}.talent-search{position:relative}.talent-search-results{position:absolute;top:100%;left:0;right:0;z-index:8;max-height:min(50vh,360px);overflow-y:auto;padding:var(--unit-2);border:1px solid var(--outline-variant);background:var(--surface-container-low);box-shadow:0 var(--unit-2) var(--unit-5) var(--surface-container-lowest)}.talent-search-results p{margin:var(--unit-1) var(--unit-2);font-size:var(--text-xs)}.talent-search-results button{display:flex;justify-content:space-between;gap:var(--unit-2);width:100%;min-height:44px;text-align:left}.talent-search-results small{color:var(--text-secondary)}.talent-load-error{padding:var(--unit-3);margin:0;color:var(--error);background:var(--surface-container-low)}.talent-node:focus-visible{outline:3px solid var(--secondary);outline-offset:6px;z-index:5}.talent-legend-toggle{min-height:32px;padding:var(--unit-1)}.talent-zoom-controls button{width:44px;height:44px}.talent-node-frame-major_milestone{border-radius:2px;border-color:var(--secondary)}@media (max-width:560px){.talent-navigator{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.talent-node-available.talent-node-prominent .talent-node-frame{animation:none}.talent-node,.talent-node-frame,.talent-node-label{transition:none}}.vault-load-error{display:flex;flex-direction:column;align-items:center;gap:var(--unit-3);padding:var(--unit-8);text-align:center}.vault-shell{container-type:inline-size;container-name:vault;border:2px solid var(--outline-variant);background:linear-gradient(160deg,rgba(255,218,212,.03),transparent 38%),var(--surface-container-lowest);box-shadow:inset 0 0 28px rgba(0,0,0,.82);padding:clamp(var(--unit-2),2vw,var(--unit-4));width:100%;min-width:0}.vault-layout{--vault-gap:clamp(var(--unit-3),2cqi,var(--unit-5));display:grid;grid-template-columns:minmax(0,1fr);gap:var(--vault-gap);align-items:start;min-width:0}.vault-col{display:flex;flex-direction:column;gap:clamp(var(--unit-2),1.5cqi,var(--unit-4));min-width:0}.vault-col-equip{align-items:stretch;container-type:inline-size}.vault-col-bag{min-width:0;container-type:inline-size;container-name:vault-bag}.vault-col-inspect{min-width:0}@container vault (min-width: 720px){.vault-layout{grid-template-columns:minmax(280px,1.1fr) minmax(0,1.15fr);align-items:start}.vault-col-inspect{grid-column:1/-1}.vault-col-inspect .inspect-panel{max-height:none}}@container vault (min-width: 1080px){.vault-layout{grid-template-columns:minmax(300px,1fr) minmax(0,1.35fr) minmax(240px,.9fr);align-items:stretch;min-height:clamp(520px,70vh,760px)}.vault-col-inspect{grid-column:auto}.vault-col-bag,.vault-col-inspect{min-height:0}.vault-col-bag .bag-area,.vault-col-inspect .inspect-panel{flex:1 1;min-height:0;max-height:none}}.vault-panel-title{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--unit-2);border-bottom:1px solid var(--outline-variant);padding-bottom:var(--unit-2);font-family:var(--font-display);color:var(--on-surface);font-size:1.05rem}.vault-panel-title span{font-family:var(--font-mono);font-size:12px;color:var(--on-surface-variant)}.vault-capacity-over{color:var(--error)!important}.vault-capacity-warning{margin:0;padding:var(--unit-2) var(--unit-3);border:1px solid var(--error);background:rgba(207,102,121,.12);color:var(--error);font-family:var(--font-mono);font-size:12px}.vault-bag-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--unit-1);width:100%;min-width:0}.vault-bag-tab{display:flex;flex-direction:row;align-items:center;gap:var(--unit-2);min-width:0;min-height:48px;padding:var(--unit-2) clamp(var(--unit-1),1.5cqi,var(--unit-3));border:1px solid var(--outline-variant);background:var(--surface-container);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.vault-bag-tab-body{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1 1}.vault-bag-tab-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35em .5em;min-width:0;max-width:100%}.vault-bag-tab-copy strong{color:var(--on-surface);font-family:var(--font-display);font-size:clamp(.78rem,2.8cqi,.9rem);line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-bag-tab-copy span{color:var(--on-surface-variant);font-family:var(--font-mono);font-size:clamp(10px,2.4cqi,11px);line-height:1.15;flex-shrink:0}.vault-bag-tab-over{color:var(--error)!important}.vault-bag-tab-hint{display:block;max-width:100%;font-family:var(--font-mono);font-size:clamp(9px,2.2cqi,10px);line-height:1.2;color:var(--on-surface-variant);opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-bag-tab .vault-bag-tab-icon{width:clamp(22px,6cqi,28px);height:clamp(22px,6cqi,28px)}@container vault-bag (max-width: 560px){.vault-bag-tab{gap:var(--unit-1);padding-inline:var(--unit-2)}}@container vault-bag (max-width: 280px){.vault-bag-tabs{grid-template-columns:1fr}.vault-bag-tab{min-height:42px}.vault-bag-tab-hint{white-space:normal}}.vault-bag-title{font-size:.95rem;padding-bottom:var(--unit-1);margin-bottom:0}.vault-bag-title span{font-size:11px}.vault-bag-title .vault-bag-title-label{display:inline-flex;align-items:center;gap:6px;font-size:inherit}.vault-bag-title-label .game-icon{width:1.6rem;height:1.6rem;object-fit:contain;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--secondary) 22%,transparent))}.vault-bag-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--unit-2);flex-wrap:wrap;margin-bottom:var(--unit-2)}.vault-action-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--unit-2);margin:0 0 var(--unit-2);padding:var(--unit-3);border:1px solid color-mix(in srgb,var(--error) 65%,var(--outline-variant));border-left:3px solid var(--error);border-radius:4px;background:linear-gradient(180deg,rgba(207,102,121,.14),rgba(207,102,121,.06)),var(--surface-container);box-shadow:inset 0 0 18px rgba(207,102,121,.08)}.vault-action-alert-icon{margin-top:1px;opacity:.9;filter:drop-shadow(0 0 4px rgba(207,102,121,.35))}.vault-action-alert-text{margin:0;font-family:var(--font-prose);font-size:.88rem;line-height:1.4;color:var(--error)}.vault-action-alert-dismiss{border:1px solid color-mix(in srgb,var(--error) 45%,transparent);border-radius:3px;background:transparent;color:var(--error);width:1.75rem;height:1.75rem;padding:0;font-size:1.1rem;line-height:1;cursor:pointer}.vault-action-alert-dismiss:hover{background:rgba(207,102,121,.12)}.vault-bag-sort{display:inline-flex;align-items:center;gap:var(--unit-1);flex-shrink:0}.vault-bag-sort-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.vault-bag-sort-select{width:auto;min-width:7.5rem}.vault-bag-tab:hover{border-color:var(--secondary);background:linear-gradient(160deg,rgba(233,193,118,.08),transparent 42%),var(--surface-container)}.vault-bag-tab-active{border-color:var(--primary);background:radial-gradient(circle at 0 0,rgba(255,180,168,.12),transparent 52%),var(--primary-container);box-shadow:inset 0 0 14px rgba(139,0,0,.22)}.vault-bag-tab-active .vault-bag-tab-copy strong{color:var(--primary)}.bag-slot-over-capacity{outline:1px dashed var(--error);outline-offset:-3px}.equip-paperdoll-wrap{width:100%;container-type:inline-size;display:flex;justify-content:center}.equip-paperdoll{--equip-paperdoll-max-h:min(640px,calc(100dvh - 160px));position:relative;width:min(100%,420px,calc(var(--equip-paperdoll-max-h) * 2 / 3));aspect-ratio:2/3;height:auto;max-height:var(--equip-paperdoll-max-h);margin-inline:auto;border:2px solid var(--outline-variant);background:var(--surface-container-lowest);box-shadow:inset 0 0 24px rgba(0,0,0,.88),0 6px 20px rgba(0,0,0,.4);overflow:hidden}.equip-paperdoll-figure{position:absolute;inset:0;z-index:1;pointer-events:none}.equip-paperdoll-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,10,.02) 0,rgba(8,6,10,.1) 100%),var(--equip-paperdoll-illustration) center center /cover no-repeat}.equip-paperdoll-bg,.equip-paperdoll-bg--male{--equip-paperdoll-illustration:url(/assets/ui/paperdoll-human-bg.png)}.equip-paperdoll-bg--female{--equip-paperdoll-illustration:url(/assets/ui/paperdoll-human-bg-female.png)}.equip-overlay{position:absolute;z-index:3;width:16%;aspect-ratio:1;min-width:40px;max-width:62px;transform:translate(-50%,-50%);border:2px solid var(--outline-variant);background:rgba(8,6,10,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .12s,z-index 0s}.equip-overlay-sm{width:13%;min-width:34px;max-width:50px}.equip-overlay-lg{width:19%;min-width:46px;max-width:68px}.equip-overlay-filled{background:rgba(8,6,10,.55);border-style:solid}.equip-overlay-broken{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--error) 40%,transparent)}.equip-overlay-broken .item-icon-fill .item-icon-img{filter:grayscale(.7) brightness(.75)}.equip-overlay-broken-badge{position:absolute;right:2px;top:2px;z-index:2;width:16px;height:16px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--error) 60%,var(--outline-variant));background:rgba(0,0,0,.85);color:var(--error);font-size:9px;line-height:1;pointer-events:none}.equip-overlay-empty{border-style:dashed;background:rgba(8,6,10,.28);opacity:.78}.equip-overlay-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2px;font-family:var(--font-mono);font-size:clamp(6px,2.2cqw,8px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;line-height:1.1;color:var(--on-surface-variant);pointer-events:none}.equip-overlay-caption{opacity:0;transform:translateY(2px);transition:opacity .12s,transform .12s}.equip-overlay-selected,.equip-overlay:focus-visible,.equip-overlay:hover{z-index:5;transform:translate(-50%,-50%) scale(1.06)}.equip-overlay-selected .equip-overlay-caption,.equip-overlay:focus-visible .equip-overlay-caption,.equip-overlay:hover .equip-overlay-caption{opacity:1;transform:translateY(0)}.equip-overlay-selected{outline:2px solid var(--secondary);outline-offset:1px}.equip-overlay-drop-hint{box-shadow:0 0 0 1px var(--secondary)}.equip-overlay-drop-active{outline:2px dashed var(--secondary);outline-offset:2px;z-index:6}.slot-caption{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:3px 4px;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.55));font-family:var(--font-mono);font-size:clamp(7px,1.8cqi,9px);line-height:1.2;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;pointer-events:none}.bag-slot .item-icon-stack,.bag-slot .item-icon-stack-fill,.equip-overlay .item-icon-stack,.equip-overlay .item-icon-stack-fill{position:absolute;inset:0;width:100%;height:100%}.item-icon-fill,.item-icon.item-icon-fill{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;max-height:none;border:none;border-radius:0;background:var(--surface-container-low)}.item-icon-fill .item-icon-img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center}.item-icon-fill.item-icon-fallback{display:grid;place-items:center;background:var(--surface-container-high)}.item-icon-fill .item-icon-letter{font-size:clamp(1rem,30%,1.75rem)}.bag-slot .item-icon-fallback .item-icon-letter,.equip-overlay .item-icon-fallback .item-icon-letter{display:none}.bag-slot .item-icon-fill.item-icon-fallback,.equip-overlay .item-icon-fill.item-icon-fallback{background:radial-gradient(circle at 50% 50%,rgba(255,218,212,.06) 0,transparent 65%),var(--surface-container-high)}.vault-dragging{opacity:.45}.bag-slot-draggable{cursor:grab}.bag-slot-draggable:active{cursor:grabbing}.bag-area-drop-active{outline:2px dashed var(--secondary);outline-offset:-2px}.vault-equip-feedback{display:flex;align-items:flex-start;gap:var(--unit-2);margin:0;padding:var(--unit-2) var(--unit-3);border:1px solid color-mix(in srgb,var(--secondary) 38%,var(--outline-variant));border-left:3px solid var(--secondary);border-radius:2px;background:linear-gradient(100deg,rgba(233,193,118,.14),transparent 58%),rgba(10,10,10,.38)}.vault-equip-feedback-icon{flex-shrink:0;margin-top:1px;filter:drop-shadow(0 0 6px rgba(233,193,118,.24))}.vault-equip-feedback-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.vault-equip-feedback-kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--secondary)}.vault-equip-feedback-text{margin:0;font-size:12px;line-height:1.45;color:var(--on-surface)}.vault-meta{border-radius:0;background:linear-gradient(160deg,rgba(255,218,212,.03),transparent 42%),var(--surface-container);border:2px solid var(--outline-variant);box-shadow:inset 0 0 12px rgba(0,0,0,.5);padding:var(--unit-2) var(--unit-3)}.vault-meta p{margin:2px 0;font-family:var(--font-mono);font-size:12px}.vault-meta .vault-meta-title{margin:0 0 6px;color:var(--text-accent);font-family:var(--font-display);font-size:.82rem;font-weight:700;font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:.04em}.vault-meta-sets .vault-meta-title{margin-bottom:var(--unit-2)}.vault-set-grid{gap:var(--unit-2)}.vault-set-card,.vault-set-grid{display:flex;flex-direction:column}.vault-set-card{gap:5px;padding:var(--unit-2);border:1px solid color-mix(in srgb,var(--outline-variant) 35%,transparent);border-left:2px solid color-mix(in srgb,var(--outline-variant) 55%,transparent);border-radius:0;background:linear-gradient(160deg,rgba(255,218,212,.02),transparent 42%),color-mix(in srgb,var(--surface-container-low) 92%,transparent);box-shadow:inset 0 0 8px rgba(0,0,0,.4)}.vault-set-card.is-active{border-left-color:color-mix(in srgb,var(--secondary) 55%,var(--outline-variant));background:linear-gradient(160deg,rgba(255,218,212,.04),transparent 42%),color-mix(in srgb,var(--secondary) 6%,var(--surface-container-low))}.vault-set-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vault-set-icon{flex-shrink:0;opacity:.9}.vault-set-head .text-label-caps{flex:1 1;min-width:0;line-height:1.2}.vault-set-badge{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid color-mix(in srgb,var(--outline-variant) 45%,transparent);border-radius:0;background:rgba(0,0,0,.28);font-family:var(--font-mono);font-size:.56rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);line-height:1.2}.vault-set-card.is-active .vault-set-badge{border-color:color-mix(in srgb,var(--secondary) 40%,var(--outline-variant));color:var(--text-accent)}.vault-set-value{margin:0;font-family:var(--font-display);font-size:.86rem;font-weight:700;font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:.03em;line-height:1.25;color:var(--text-accent)}.vault-set-hint{margin:0;font-family:var(--font-prose);font-size:.72rem;line-height:1.4;color:var(--text-tertiary)}.vault-set-card.is-progress{border-left-color:color-mix(in srgb,var(--outline-variant) 70%,transparent)}.vault-set-bonuses{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.vault-set-bonuses li{display:flex;flex-wrap:wrap;gap:.35em;font-family:var(--font-prose);font-size:.74rem;line-height:1.35;color:var(--on-surface)}.vault-set-bonuses li .muted{color:var(--text-tertiary)}.bag-area{background:linear-gradient(180deg,rgba(255,218,212,.025),transparent 18%),repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(255,218,212,.04) 23px,rgba(255,218,212,.04) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(255,218,212,.04) 23px,rgba(255,218,212,.04) 24px),var(--surface-container);border:2px solid var(--outline-variant);box-shadow:inset 0 0 18px rgba(0,0,0,.82);padding:var(--unit-3);overflow-y:auto;container-type:inline-size;min-height:0;max-height:min(520px,calc(100vh - 220px));scrollbar-gutter:stable}.bag-grid{--bag-gap:clamp(6px,1.1cqi,10px);--bag-slot-min:68px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--bag-slot-min),1fr));gap:var(--bag-gap);width:100%;align-content:start}@container (max-width: 360px){.bag-grid{--bag-slot-min:58px}}@container (min-width: 520px){.bag-grid{--bag-slot-min:72px}}@container (min-width: 720px){.bag-grid{--bag-slot-min:76px}}@container (min-width: 960px){.bag-grid{--bag-slot-min:78px}}.bag-slot{position:relative;width:100%;aspect-ratio:1;background:var(--surface);border:2px solid var(--outline-variant);cursor:pointer;padding:0;overflow:hidden;transition:border-color .15s,box-shadow .15s}.bag-slot-filled{background:linear-gradient(160deg,rgba(255,218,212,.04),transparent 55%),var(--surface-container-lowest);box-shadow:inset 0 0 12px rgba(0,0,0,.45)}.bag-slot .slot-caption{font-size:clamp(8px,2.2cqi,10px);padding:3px 4px;-webkit-line-clamp:1;opacity:0;transform:translateY(0);transition:opacity .12s,transform .12s}.bag-slot-selected,.bag-slot:focus-visible,.bag-slot:hover{z-index:2}.bag-slot-selected .slot-caption{opacity:1;transform:translateY(0)}.bag-slot-empty{border-style:dashed;opacity:.32;cursor:default;background:radial-gradient(circle at 50% 50%,rgba(255,218,212,.05) 0,transparent 68%),var(--surface)}.bag-slot-empty:hover{transform:none}.bag-slot-selected{outline:2px solid var(--secondary);outline-offset:2px;box-shadow:0 0 14px rgba(233,193,118,.28),inset 0 0 16px rgba(233,193,118,.08)}.bag-slot-level{left:3px;min-width:18px;padding:0 4px;border:1px solid var(--outline-variant);background:rgba(0,0,0,.78);color:var(--on-surface-variant);font-family:var(--font-mono);font-weight:700;line-height:1.35;text-align:center}.bag-slot-compare,.bag-slot-level{position:absolute;top:3px;z-index:2;font-size:9px;pointer-events:none}.bag-slot-compare{right:3px;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--outline-variant);background:rgba(0,0,0,.82);line-height:1}.bag-slot-compare-upgrade{color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 55%,var(--outline-variant))}.bag-slot-compare-downgrade{color:var(--error);border-color:color-mix(in srgb,var(--error) 55%,var(--outline-variant))}.bag-slot-compare-mixed{color:var(--on-surface);border-color:var(--outline)}.bag-slot-equip-ok{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--secondary) 22%,transparent)}.bag-slot-equip-blocked{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--error) 28%,transparent)}.bag-slot-equip-blocked .item-icon-fill .item-icon-img{filter:grayscale(.55) brightness(.82)}.bag-slot-equip-badge{position:absolute;left:3px;bottom:3px;z-index:2;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--outline-variant);background:rgba(0,0,0,.82);font-size:10px;line-height:1;pointer-events:auto;cursor:help}.bag-slot-equip-badge-ok{color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 55%,var(--outline-variant))}.bag-slot-equip-badge-blocked{color:var(--error);border-color:color-mix(in srgb,var(--error) 55%,var(--outline-variant))}.bag-slot-broken{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--error) 35%,transparent)}.bag-slot-broken .item-icon-fill .item-icon-img{filter:grayscale(.65) brightness(.78)}.bag-slot-broken-badge{position:absolute;left:3px;bottom:3px;z-index:2;width:18px;height:18px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--error) 55%,var(--outline-variant));background:rgba(0,0,0,.85);color:var(--error);font-size:10px;line-height:1;cursor:help}.item-inspect-broken-note{color:var(--error);font-weight:600}.vault-bag-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--unit-2);width:100%;margin:0;padding:var(--unit-4) var(--unit-3);border:1px dashed rgba(170,137,132,.45);background:radial-gradient(circle at 50% 0,rgba(255,180,168,.08),transparent 55%),linear-gradient(160deg,rgba(255,218,212,.04),transparent 50%),rgba(0,0,0,.28);text-align:center;box-shadow:inset 0 0 18px rgba(0,0,0,.45)}.vault-bag-empty--soft{border-style:solid;border-color:rgba(233,193,118,.28);background:linear-gradient(160deg,rgba(96,68,3,.16),transparent 55%),rgba(0,0,0,.28)}.vault-bag-empty-icon{opacity:.72;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--secondary) 22%,transparent))}.vault-bag-empty-title{margin:0;color:var(--secondary);font-family:var(--font-display);font-size:1.05rem;font-weight:400;letter-spacing:.02em;line-height:1.2}.vault-bag-empty-hint{margin:0;max-width:28ch;color:var(--on-surface-variant);font-family:var(--font-prose);font-size:.78rem;line-height:1.4}.bag-footer{display:flex;justify-content:flex-start;align-items:center;background:linear-gradient(180deg,rgba(233,193,118,.06),transparent),var(--surface-container-low);border:1px solid var(--outline-variant);padding:var(--unit-2) var(--unit-3);font-family:var(--font-mono);font-size:12px;color:var(--secondary)}.inspect-panel{border:2px solid var(--outline-variant);background:linear-gradient(180deg,rgba(255,218,212,.035),transparent 28%),var(--surface-container-high);box-shadow:inset 0 0 30px rgba(0,0,0,.8);display:flex;flex-direction:column;min-height:clamp(280px,40vh,520px);max-height:min(640px,calc(100vh - 160px));overflow:hidden}.inspect-empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);font-family:var(--font-mono);font-size:12px;text-align:center;padding:var(--unit-6)}.inspect-header{display:flex;flex-direction:column;gap:var(--unit-3);padding:var(--unit-4);border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 80%,transparent);background:linear-gradient(180deg,rgba(255,218,212,.06),transparent 72%),var(--surface-container)}.inspect-header-hero{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--unit-3);align-items:start}.inspect-header-copy{min-width:0}.inspect-header-kicker{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:var(--unit-2);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary)}.inspect-header-kicker-sep{opacity:.45;font-weight:400}.inspect-header-icon{position:relative;width:64px;height:64px;flex-shrink:0;border:2px solid var(--outline-variant);border-radius:4px;background:radial-gradient(circle at 50% 28%,rgba(233,193,118,.1),transparent 62%),var(--surface-container-low);overflow:hidden;box-shadow:inset 0 0 18px rgba(0,0,0,.55)}.inspect-name{font-family:var(--font-display);font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.2;margin:0 0 var(--unit-2);text-wrap:balance}.inspect-meta-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.inspect-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--outline-variant);border-radius:2px;background:rgba(0,0,0,.22);color:var(--on-surface-variant);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}.inspect-chip-category{color:var(--on-surface)}.inspect-chip-rarity{background:rgba(0,0,0,.28)}.inspect-chip-specialty{color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 40%,var(--outline-variant))}.inspect-chip-set{color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 50%,var(--outline-variant));background:color-mix(in srgb,var(--secondary) 8%,transparent)}.inspect-item-set{display:flex;gap:var(--unit-2);align-items:flex-start;padding:var(--unit-3);border:1px solid color-mix(in srgb,var(--secondary) 35%,var(--outline-variant));border-radius:3px;background:linear-gradient(160deg,rgba(233,193,118,.08),transparent 58%)}.inspect-item-set p{margin:0;font-size:12px;line-height:1.45;color:var(--on-surface)}.inspect-sub{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant);margin-top:var(--unit-1)}.inspect-body{padding:var(--unit-3);display:flex;flex-direction:column;gap:var(--unit-3);flex:1 1;overflow-y:auto;min-height:0}.inspect-section-title,.inspect-stat-group-title{display:inline-flex;align-items:center;gap:8px;margin:0 0 var(--unit-2);color:var(--secondary);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.inspect-stat-group,.inspect-weapon-card{padding:var(--unit-3);border:1px solid var(--outline-variant);border-radius:3px;background:linear-gradient(160deg,rgba(255,218,212,.03),transparent 48%),rgba(0,0,0,.18)}.inspect-kv-list{margin:0;display:flex;flex-direction:column;gap:var(--unit-2)}.inspect-kv-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--unit-3);padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 55%,transparent)}.inspect-kv-row:last-child{border-bottom:0;padding-bottom:0}.inspect-kv-label{display:inline-flex;align-items:center;gap:7px;color:var(--on-surface-variant);font-size:11px;letter-spacing:.03em}.inspect-kv-label,.inspect-kv-value{margin:0;font-family:var(--font-mono)}.inspect-kv-value{font-size:12px;font-weight:700;color:var(--on-surface);text-align:right}.inspect-kv-value-die{padding:2px 8px;border:1px solid color-mix(in srgb,var(--secondary) 35%,var(--outline-variant));border-radius:2px;background:rgba(0,0,0,.28);color:var(--secondary);font-size:13px}.inspect-kv-value-damage{display:flex;justify-content:flex-end}.inspect-family-chip{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--outline-variant);border-radius:2px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.inspect-family-melee{color:#e8a898;border-color:color-mix(in srgb,#e8a898 45%,var(--outline-variant));background:rgba(120,48,40,.22)}.inspect-family-tir{color:#a8d090;border-color:color-mix(in srgb,#a8d090 45%,var(--outline-variant));background:rgba(48,88,40,.22)}.inspect-family-focus{color:#a8b8f0;border-color:color-mix(in srgb,#a8b8f0 45%,var(--outline-variant));background:rgba(48,56,120,.22)}.inspect-family-bouclier{color:#c8b8a8;border-color:color-mix(in srgb,#c8b8a8 45%,var(--outline-variant));background:rgba(72,64,56,.22)}.inspect-stat-glyph-icon,.inspect-stat-group-icon,.item-category-icon,.item-inspect-icon{flex-shrink:0;opacity:.92;object-fit:contain}.inspect-stat-vital-icon{flex-shrink:0;opacity:.95}.inspect-stat{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--outline-variant);padding-bottom:var(--unit-2)}.inspect-stat-value{font-family:var(--font-display);font-size:1.05rem;color:var(--on-surface)}.inspect-stat-label{font-family:var(--font-mono);font-size:12px;color:var(--on-surface-variant)}.inspect-stat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.inspect-stat-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--unit-2);padding:7px 8px;border-radius:2px;font-size:12px;background:rgba(0,0,0,.14)}.inspect-stat-list li span{color:var(--on-surface-variant)}.inspect-stat-list li strong{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--on-surface)}.inspect-stat-positive{color:var(--secondary)!important}.inspect-stat-groups{display:flex;flex-direction:column;gap:var(--unit-3)}.inspect-stat-group-combat .inspect-stat-group-icon{color:#e8a898}.inspect-stat-group-defense .inspect-stat-group-icon{color:#a8c0e8}.inspect-stat-group-resources .inspect-stat-group-icon{color:#b8d090}.inspect-stat-group-resistances .inspect-stat-group-icon{color:#d0a8e8}.inspect-weapon-formula{margin:0 0 var(--unit-2);font-size:11px;line-height:1.4}.labeled-hint{display:inline-flex;align-items:center;gap:2px;color:var(--on-surface-variant)}.hint-tooltip{position:relative;display:inline-flex;vertical-align:middle}.hint-tooltip-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;margin:0;border:none;border-radius:50%;background:transparent;color:var(--on-surface-variant);font-size:11px;line-height:1;cursor:help;opacity:.75;transition:opacity .15s ease,color .15s ease}.hint-tooltip-btn:focus-visible,.hint-tooltip-btn:hover{opacity:1;color:var(--secondary);outline:none}.hint-tooltip-panel{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);z-index:1000;width:max-content;max-width:min(240px,calc(100vw - 16px));padding:var(--unit-2) var(--unit-3);border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface-container-highest,#1a1510);color:var(--on-surface);font-family:var(--font-body);font-size:11px;font-weight:400;line-height:1.4;text-align:left;white-space:normal;box-shadow:0 4px 12px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.hint-tooltip-btn:focus-visible+.hint-tooltip-panel,.hint-tooltip-hovered .hint-tooltip-panel,.hint-tooltip-open .hint-tooltip-panel,.hint-tooltip-panel-visible,.hint-tooltip:hover .hint-tooltip-panel{opacity:1;visibility:visible}.hint-tooltip-open .hint-tooltip-panel,.hint-tooltip-panel-visible.hint-tooltip-open{pointer-events:auto}.hint-tooltip-panel-floating{position:fixed;bottom:auto;right:auto;display:inline-block;opacity:1;visibility:visible;pointer-events:auto;width:auto;min-width:0;padding:var(--unit-2) var(--unit-3);border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface-container-highest,#1a1510);color:var(--on-surface);font-family:var(--font-body);font-size:11px;font-weight:400;line-height:1.4;text-align:left;white-space:normal;box-shadow:0 8px 24px rgba(0,0,0,.55)}.combat-command-bar .hint-tooltip,.combat-command-bar .labeled-hint{overflow:visible}.item-durability-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--unit-2);margin-bottom:var(--unit-1)}.item-durability-values{font-family:var(--font-mono);font-size:11px;color:var(--on-surface-variant)}.inspect-equipped-note{border:1px dashed var(--outline-variant);font-size:11px}.inspect-equip-rule,.inspect-equipped-note{margin:0;padding:var(--unit-2) var(--unit-3)}.inspect-equip-rule{display:flex;align-items:flex-start;gap:var(--unit-2);border:1px solid color-mix(in srgb,var(--outline) 65%,transparent);border-radius:2px;background:rgba(10,10,10,.38)}.inspect-equip-rule-two-handed{border-left:3px solid color-mix(in srgb,#c9a227 70%,var(--outline));background:linear-gradient(100deg,rgba(201,162,39,.12),transparent 58%),rgba(10,10,10,.38)}.inspect-equip-rule-icon{flex-shrink:0;margin-top:1px;filter:drop-shadow(0 0 6px rgba(201,162,39,.22))}.inspect-equip-rule-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.inspect-equip-rule-kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:#d4b06a}.inspect-equip-rule-text{margin:0;font-size:12px;line-height:1.45;color:var(--on-surface-variant)}.inspect-stats-unavailable{font-size:12px;margin:0}.inspect-compare-summary{display:flex;flex-direction:column;gap:var(--unit-2);padding:var(--unit-2) var(--unit-3);border:1px solid var(--outline-variant);background:rgba(14,14,14,.42)}.inspect-compare-summary-upgrade{border-color:color-mix(in srgb,var(--secondary) 45%,var(--outline-variant));background:linear-gradient(160deg,rgba(233,193,118,.1),transparent 58%),rgba(14,14,14,.42)}.inspect-compare-summary-downgrade{border-color:color-mix(in srgb,var(--error) 40%,var(--outline-variant));background:linear-gradient(160deg,rgba(207,102,121,.1),transparent 58%),rgba(14,14,14,.42)}.inspect-compare-summary-mixed{border-color:var(--outline)}.inspect-compare-summary-equal{border-style:dashed;opacity:.85}.inspect-compare-summary-head{display:flex;align-items:center;justify-content:space-between;gap:var(--unit-2);flex-wrap:wrap}.inspect-compare-summary-kicker{color:var(--on-surface-variant);font-size:10px;letter-spacing:.06em}.inspect-compare-verdict{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--outline-variant);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.inspect-compare-verdict-upgrade{color:var(--secondary);border-color:color-mix(in srgb,var(--secondary) 50%,var(--outline-variant))}.inspect-compare-verdict-downgrade{color:var(--error);border-color:color-mix(in srgb,var(--error) 50%,var(--outline-variant))}.inspect-compare-verdict-equal,.inspect-compare-verdict-mixed{color:var(--on-surface-variant)}.inspect-compare-summary-body{display:grid;gap:var(--unit-2)}.inspect-compare-group{display:flex;flex-direction:column;gap:var(--unit-1)}.inspect-compare-group-title{margin:0;font-size:10px;color:var(--on-surface-variant);letter-spacing:.06em}.bag-slot-badge-stat{position:absolute;right:3px;bottom:3px;font-family:var(--font-mono);font-size:9px;line-height:1;padding:1px 4px;border-radius:2px;border:1px solid color-mix(in srgb,var(--secondary) 35%,transparent);background:rgba(0,0,0,.78);color:var(--secondary);pointer-events:auto;cursor:help;z-index:1}.inspect-affix{display:flex;gap:var(--unit-2);align-items:flex-start;padding:var(--unit-3);border:1px solid color-mix(in srgb,var(--secondary) 35%,var(--outline-variant));border-radius:3px;background:linear-gradient(160deg,rgba(233,193,118,.08),transparent 58%)}.inspect-affix-star{color:var(--secondary);flex-shrink:0;font-size:14px;line-height:1.2}.inspect-affix p{margin:0;font-size:12px;line-height:1.45;color:var(--on-surface)}.inspect-flavor,.item-inspect-description{margin:0;padding:var(--unit-2) var(--unit-3);border-left:2px solid color-mix(in srgb,var(--secondary) 40%,transparent);font-size:12px;line-height:1.5;font-style:italic}.inspect-no-suffix{font-size:12px}.inspect-damage-types{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:var(--unit-2) var(--unit-3);border:1px solid var(--outline-variant);border-radius:3px;background:rgba(0,0,0,.16)}.inspect-damage-types-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.inspect-chip .labeled-hint,.inspect-header-kicker .labeled-hint,.inspect-mastery-lock .labeled-hint{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.inspect-mastery-lock .labeled-hint{flex:1 1;min-width:0}.inspect-mastery-lock{display:flex;align-items:center;gap:8px;margin:0;padding:var(--unit-2) var(--unit-3);width:100%;border:1px solid color-mix(in srgb,var(--error) 45%,var(--outline-variant));border-radius:2px;background:linear-gradient(160deg,rgba(207,102,121,.14),transparent 58%),rgba(120,32,40,.18);font-size:10px;line-height:1.35;color:var(--error);text-align:left}.inspect-mastery-lock-icon{flex-shrink:0;filter:drop-shadow(0 0 4px rgba(207,102,121,.35))}.inspect-mastery-lock-text{font-family:var(--font-mono);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.inspect-catalog-hint{margin-top:var(--unit-2);font-size:11px;font-style:italic}.inspect-compare{display:flex;flex-direction:column;gap:var(--unit-1)}.inspect-compare-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.inspect-compare-list li{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:var(--unit-2);padding:3px 0;border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 55%,transparent);font-size:12px}.inspect-compare-list li:last-child{border-bottom:none}.inspect-compare-list li span{color:var(--on-surface-variant);min-width:0}.inspect-compare-list li strong{font-family:var(--font-mono);white-space:nowrap}.inspect-compare-line-positive{background:rgba(233,193,118,.04)}.inspect-compare-line-negative{background:rgba(207,102,121,.05)}.inspect-compare-positive{color:var(--secondary)}.inspect-compare-negative{color:var(--error)}.inspect-actions{display:flex;flex-wrap:wrap;gap:var(--unit-2);padding:var(--unit-3);border-top:2px solid var(--outline-variant);margin-top:auto;flex-shrink:0}.inspect-actions .btn{flex:1 1 calc(50% - var(--unit-2));font-size:.85rem;padding:var(--unit-2) var(--unit-3)}.inspect-drop-warning{flex:1 1 100%;margin:0;font-size:11px;color:var(--error)}@container vault (max-width: 719px){.bag-area{max-height:min(480px,55vh)}.vault-col-inspect .inspect-panel{max-height:min(420px,50vh)}.vault-bag-toolbar{align-items:stretch}.vault-bag-sort,.vault-bag-sort-select{width:100%}}.inventory-item-tooltip{pointer-events:none;border:2px solid var(--outline-variant);border-radius:4px;background:radial-gradient(circle at 88% 0,rgba(233,193,118,.08),transparent 52%),linear-gradient(180deg,rgba(255,218,212,.04),transparent 38%),var(--surface-container-high);box-shadow:0 10px 28px rgba(0,0,0,.55),inset 0 0 24px rgba(0,0,0,.72);padding:var(--unit-3);display:flex;flex-direction:column;gap:var(--unit-2);min-width:220px}.inventory-item-tooltip-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--unit-2);align-items:start}.inventory-item-tooltip-icon{position:relative;width:52px;height:52px;flex-shrink:0;border:1px solid var(--outline-variant);border-radius:3px;background:rgba(0,0,0,.35);overflow:hidden}.inventory-item-tooltip-copy{min-width:0}.inventory-item-tooltip-name{margin:0;font-family:var(--font-display);font-size:.95rem;line-height:1.15}.inventory-item-tooltip-kind,.inventory-item-tooltip-meta{margin:2px 0 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant)}.inventory-item-tooltip-kind{display:inline-flex;align-items:center;gap:4px;text-transform:none;font-size:.72rem;letter-spacing:normal}.inventory-item-tooltip-stats{margin:0;padding:var(--unit-2) 0 0;list-style:none;border-top:1px solid color-mix(in srgb,var(--outline-variant) 55%,transparent);display:flex;flex-direction:column;gap:4px}.inventory-item-tooltip-stats li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--unit-2);font-size:.8rem}.inventory-item-tooltip-stats span{color:var(--on-surface-variant)}.inventory-item-tooltip-stats strong{color:var(--on-surface);font-family:var(--font-mono);font-size:.78rem}.inventory-item-tooltip-stat-pos{color:var(--tertiary)}.inventory-item-tooltip-compare{margin:0;padding:var(--unit-1) var(--unit-2);border-radius:3px;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;background:rgba(0,0,0,.22)}.inventory-item-tooltip-compare-upgrade{color:var(--tertiary);border-left:2px solid var(--tertiary)}.inventory-item-tooltip-compare-downgrade{color:var(--error);border-left:2px solid var(--error)}.inventory-item-tooltip-compare-mixed{color:var(--secondary);border-left:2px solid var(--secondary)}.inventory-item-tooltip-compare-equal{color:var(--outline);border-left:2px solid var(--outline-variant)}.inventory-item-tooltip-durability{margin:0;font-size:.72rem}.inventory-item-tooltip-flags{display:flex;flex-wrap:wrap;gap:4px}.inventory-item-tooltip-flag{padding:2px 6px;border:1px solid color-mix(in srgb,var(--outline-variant) 70%,transparent);border-radius:2px;background:rgba(0,0,0,.2);font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant)}.inventory-item-tooltip-flag-warn{color:var(--error);border-color:color-mix(in srgb,var(--error) 45%,var(--outline-variant))}.inventory-item-tooltip-flag-danger{color:var(--error);border-color:color-mix(in srgb,var(--error) 70%,var(--outline-variant));background:color-mix(in srgb,var(--error) 18%,transparent)}.inventory-item-tooltip-durability-broken{color:var(--error)}.inspect-header{flex-shrink:0}.inspect-header-icon{border-radius:2px}.inspect-chip,.inspect-comparison-reference strong,.inspect-flavor,.inspect-kv-value,.inspect-name,.inventory-item-tooltip-name{overflow-wrap:anywhere}.inspect-kv-value{min-width:0}.inspect-kv-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.inspect-compare-list li,.inspect-stat-list li{min-width:0}.inspect-compare-list strong{overflow-wrap:anywhere;text-align:right}.inspect-comparison-empty,.inspect-comparison-scope{margin:0;font-size:12px;line-height:1.5}.inspect-comparison-picker{display:grid;gap:var(--unit-2);padding:var(--unit-3);border:1px solid var(--outline-variant);border-left:2px solid var(--secondary);background:var(--surface-container-low);border-radius:2px;min-width:0}.inspect-comparison-picker label{color:var(--secondary);font-size:11px}.inspect-comparison-picker select{width:100%;min-width:0;min-height:44px;padding:var(--unit-2);background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:2px;font:inherit;font-size:13px}.inspect-comparison-picker select:focus-visible,.inspect-comparison-reference summary:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.inspect-comparison-reference summary{display:flex;align-items:center;gap:var(--unit-2);cursor:pointer;min-height:44px;font-size:12px}.inspect-comparison-reference summary>span:first-of-type{min-width:0;flex:1 1}.inspect-comparison-reference summary small,.inspect-comparison-reference summary strong{display:block}.inspect-comparison-reference summary small{color:var(--on-surface-variant)}.inspect-comparison-reference-body{margin-top:var(--unit-2);border-top:1px solid var(--outline-variant)}.inspect-comparison-reference-body .inspect-body{overflow:visible}.inspect-comparison-reference-body .inspect-header{padding:var(--unit-2)}.inspect-comparison-reference-body .inspect-header-hero{grid-template-columns:48px minmax(0,1fr)}.inspect-comparison-reference-body .inspect-header-icon{width:48px;height:48px}.inspect-compare-summary-changed{border-color:var(--outline)}.inspect-compare-verdict-changed{color:var(--on-surface)}.inventory-item-tooltip{min-width:0;overflow:auto}.inventory-item-tooltip-primary{margin:0;color:var(--secondary);font-family:var(--font-mono);font-size:12px}.inventory-item-tooltip-effect{font-size:12px;line-height:1.4}.inventory-item-tooltip-effect p{margin:var(--unit-1) 0 0}.inventory-item-tooltip-description{margin:0;color:var(--on-surface-variant);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@container vault (max-width: 719px){.vault-col-inspect .inspect-panel{max-height:none;overflow:visible}.vault-col-inspect .inspect-body{overflow:visible}}@media (max-width:420px){.inspect-header{padding:var(--unit-3)}.inspect-header-hero{grid-template-columns:48px minmax(0,1fr)}.inspect-header-icon{width:48px;height:48px}.inspect-meta-chips{gap:var(--unit-1)}}.item-inspect-dialog-head{justify-content:flex-end}.forge-layout{display:flex;gap:var(--unit-6);align-items:stretch;flex-wrap:wrap;padding-bottom:96px}.forge-col{flex:1 1 280px;min-width:0}.forge-card,.forge-col{display:flex;flex-direction:column;gap:var(--unit-4)}.forge-card{background:var(--surface-container);border:2px solid var(--outline-variant);box-shadow:inset 0 0 10px rgba(0,0,0,.8);padding:var(--unit-4)}.forge-card-grow{flex:1 1}.forge-card h2{font-family:var(--font-display);color:var(--secondary);border-bottom:1px solid var(--outline-variant);padding-bottom:var(--unit-1);font-size:1.25rem;display:flex;justify-content:space-between;align-items:flex-end}.forge-card h2 span{font-family:var(--font-mono);font-size:13px;color:var(--primary)}.forge-portrait{flex:1 1;min-height:360px;border:2px solid var(--outline-variant);box-shadow:inset 0 0 10px rgba(0,0,0,.8);background:radial-gradient(circle at center,rgba(32,32,31,.4) 0,rgba(14,14,14,.9) 100%),var(--surface-container-low);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.forge-portrait-label{font-family:var(--font-display);font-size:1.5rem;color:var(--on-surface-variant);letter-spacing:.1em;opacity:.85}.forge-corner{position:absolute;width:28px;height:28px}.forge-corner-tl{left:10px;border-left:2px solid var(--outline-variant)}.forge-corner-tl,.forge-corner-tr{top:10px;border-top:2px solid var(--outline-variant)}.forge-corner-tr{right:10px;border-right:2px solid var(--outline-variant)}.forge-corner-bl{left:10px;border-left:2px solid var(--outline-variant)}.forge-corner-bl,.forge-corner-br{bottom:10px;border-bottom:2px solid var(--outline-variant)}.forge-corner-br{right:10px;border-right:2px solid var(--outline-variant)}.portrait-review-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--unit-4)}.portrait-review-scrim{position:absolute;inset:0;background:rgba(10,10,10,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portrait-review-panel{position:relative;z-index:1;width:min(100%,420px);padding:var(--unit-6);border:2px solid var(--outline-variant);background:var(--surface-container-low);box-shadow:inset 0 0 24px rgba(0,0,0,.85),0 12px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:var(--unit-3);text-align:center}.portrait-review-lead{font-size:.95rem;line-height:1.5}.portrait-review-frame{margin:var(--unit-2) auto;width:min(100%,280px);aspect-ratio:1;border:2px solid var(--outline-variant);box-shadow:inset 0 0 16px rgba(0,0,0,.9);overflow:hidden;background:var(--surface-container-high)}.portrait-review-img{width:100%;height:100%;object-fit:cover}.portrait-review-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--unit-4);color:var(--on-surface-variant);font-size:.9rem}.portrait-review-error{font-size:.85rem}.portrait-review-actions{display:flex;flex-direction:column;gap:var(--unit-2);margin-top:var(--unit-2)}.portrait-review-actions .btn{width:100%;justify-content:center}.attr-stepper{display:flex;flex-direction:column;gap:var(--unit-1)}.attr-stepper-top{display:flex;justify-content:space-between;align-items:center}.attr-stepper-top label{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.attr-stepper-mod,.attr-stepper-top label{font-family:var(--font-mono);font-size:12px;color:var(--on-surface-variant)}.attr-stepper-controls{display:flex;align-items:center;gap:var(--unit-2)}.stepper-btn{width:28px;height:28px;border:2px solid var(--outline-variant);background:var(--surface-container-low);color:var(--secondary);font-family:var(--font-mono);font-size:16px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s}.stepper-btn:hover:not(:disabled){border-color:var(--secondary)}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-track{flex:1 1;height:4px;background:var(--surface-container-highest);border:1px solid var(--outline-variant);position:relative}.stepper-track-fill{height:100%;background:var(--secondary)}.attr-value{font-family:var(--font-mono);font-size:15px;min-width:2rem;text-align:center;color:var(--secondary)}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--unit-2);overflow-y:auto}.spec-tile{display:flex;align-items:center;justify-content:center;padding:var(--unit-4);min-height:64px;border:2px solid var(--outline-variant);background:var(--surface-container-highest);color:var(--on-surface);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:center;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.spec-tile:hover{background:var(--surface-bright);border-color:var(--secondary)}.spec-tile-active{border-color:var(--primary-container);color:var(--primary);box-shadow:inset 0 0 15px rgba(139,0,0,.4),0 0 10px rgba(255,180,168,.2)}.spec-tile:disabled{opacity:.4;cursor:not-allowed}.forge-action-bar{position:fixed;left:0;bottom:0;width:100%;z-index:50;display:flex;justify-content:center;align-items:center;gap:var(--unit-4);padding:var(--unit-4);background:var(--surface-container-lowest);border-top:2px solid var(--outline-variant)}.forge-action-msg{font-family:var(--font-mono);font-size:13px}.forge-action-btn{background:var(--surface-container-highest);border:2px solid var(--primary);color:var(--primary);font-family:var(--font-display);font-size:1.25rem;padding:var(--unit-2) var(--unit-8);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 0 15px rgba(255,180,168,.2)}.forge-action-btn:hover:not(:disabled){background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 0 25px rgba(255,180,168,.4)}.forge-action-btn:disabled{opacity:.5;cursor:not-allowed}.hero-roster-page{--roster-portrait-w:96px;--roster-portrait-min-h:140px;--roster-portrait-aspect:4/5;display:flex;flex-direction:column;gap:var(--unit-3)}.hero-roster-hero{background:radial-gradient(circle at 12% 100%,rgba(147,0,10,.14),transparent 44%),radial-gradient(circle at 88% 0,rgba(255,180,168,.14),transparent 48%),var(--surface-container-lowest);border:2px solid var(--outline-variant);flex-shrink:0;padding:var(--unit-3)}.hero-roster-lead{max-width:52ch;margin:0;font-size:.9rem;line-height:1.45}.hero-roster-hero-rules{list-style:none;margin:var(--unit-2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--unit-2)}.hero-roster-hero-rules li{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border:1px solid var(--outline-variant);background:linear-gradient(160deg,rgba(255,218,212,.05),transparent 50%),var(--surface-container-low);color:var(--on-surface-variant);font-size:.76rem;line-height:1.25}.hero-roster-shell{container-type:inline-size;container-name:hero-roster;display:flex;flex-direction:column;gap:var(--unit-3);padding:var(--unit-4);border:1px solid rgba(170,137,132,.42);background:linear-gradient(165deg,rgba(255,218,212,.04),transparent 38%),radial-gradient(circle at 100% 0,rgba(139,0,0,.1),transparent 46%),var(--surface-container-lowest);box-shadow:inset 0 1px 0 rgba(255,218,212,.05),inset 0 0 28px rgba(0,0,0,.78)}.hero-roster-overview{gap:var(--unit-2) var(--unit-3);padding:var(--unit-2) var(--unit-3);border:1px solid rgba(170,137,132,.32);background:linear-gradient(135deg,rgba(255,218,212,.05),transparent 58%),rgba(14,14,14,.48);box-shadow:inset 0 0 14px rgba(0,0,0,.55)}.hero-roster-overview,.hero-roster-slot-meter{display:flex;flex-wrap:wrap;align-items:center}.hero-roster-slot-meter{gap:.45rem}.hero-roster-slot-pill{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(170,137,132,.45);background:rgba(0,0,0,.35);transition:border-color .15s,background .15s,box-shadow .15s}.hero-roster-slot-pill.is-filled{border-color:rgba(170,137,132,.65);background:rgba(0,0,0,.48)}.hero-roster-slot-pill.is-active{border-color:rgba(255,180,168,.65);background:color-mix(in srgb,var(--primary) 14%,rgba(0,0,0,.55));box-shadow:0 0 10px rgba(139,0,0,.18),inset 0 0 8px rgba(255,180,168,.06)}.hero-roster-slot-pill.is-empty{border-style:dashed;opacity:.72}.hero-roster-slot-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--outline)}.hero-roster-slot-label{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--secondary)}.hero-roster-active-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border:1px solid rgba(255,180,168,.35);background:linear-gradient(160deg,rgba(139,0,0,.12),transparent 55%),rgba(0,0,0,.42)}.hero-roster-active-chip strong{font-family:var(--font-display);font-size:.95rem;color:var(--on-surface)}.hero-roster-first-btn,.hero-roster-forge-link{margin-left:auto}.hero-roster-cap-note{margin:0 0 0 auto;color:var(--on-surface-variant);font-size:.78rem}.hero-roster-grid{display:grid;grid-template-columns:1fr;gap:var(--unit-3);align-items:stretch}@container hero-roster (min-width: 540px){.hero-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container hero-roster (min-width: 820px){.hero-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hero-roster-card{min-width:0;height:100%}.hero-roster-card-frame{position:relative;display:grid;grid-template-columns:var(--roster-portrait-w) minmax(0,1fr);align-items:stretch;height:100%;min-height:var(--roster-portrait-min-h);overflow:hidden;border:2px solid var(--outline-variant);border-radius:0;background:radial-gradient(circle at 78% 0,color-mix(in srgb,var(--secondary) 6%,transparent),transparent 48%),linear-gradient(165deg,rgba(255,218,212,.04),transparent 48%),var(--surface-container-low);transition:border-color .15s,box-shadow .15s,transform .15s}.hero-roster-card-frame,.hero-roster-card-frame.chiseled-border{box-shadow:inset 0 0 22px rgba(0,0,0,.72)}.hero-roster-card-frame:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 55%,transparent),color-mix(in srgb,var(--outline-variant) 40%,transparent));pointer-events:none;z-index:2}.hero-roster-card:not(.hero-roster-card--active):hover .hero-roster-card-frame{border-color:color-mix(in srgb,var(--secondary) 45%,var(--outline-variant));transform:translateY(-2px);box-shadow:inset 0 0 22px rgba(0,0,0,.72),0 12px 28px rgba(0,0,0,.35)}.hero-roster-card--active .hero-roster-card-frame{border-color:color-mix(in srgb,var(--primary) 55%,var(--outline-variant));box-shadow:inset 0 0 26px color-mix(in srgb,var(--primary) 10%,rgba(0,0,0,.7)),0 0 18px color-mix(in srgb,var(--primary) 12%,transparent)}.hero-roster-card--active .hero-roster-card-frame:before{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 78%,transparent),color-mix(in srgb,var(--primary) 28%,transparent))}.hero-roster-card-portrait-wrap{position:relative;isolation:isolate;overflow:hidden;contain:paint;aspect-ratio:var(--roster-portrait-aspect);border-right:1px solid color-mix(in srgb,var(--outline-variant) 80%,transparent);background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 58%),var(--surface-container-lowest);min-height:var(--roster-portrait-min-h)}.hero-roster-card-portrait{object-fit:cover;object-position:center 18%;filter:saturate(.94) contrast(1.04)}.hero-roster-card-portrait-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--secondary) 14%,transparent),transparent 62%)}.hero-roster-card-portrait-frame{position:absolute;inset:6px;z-index:1;border:1px solid color-mix(in srgb,var(--secondary) 38%,transparent);box-shadow:inset 0 0 18px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.35);pointer-events:none}.hero-roster-card-portrait-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 22%,transparent 52%,rgba(0,0,0,.78)),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.4),transparent 55%);pointer-events:none}.hero-roster-card-badge{position:absolute;left:50%;bottom:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;max-width:calc(100% - 1.5rem);min-height:1.7rem;padding:.28rem .8rem;transform:translateX(-50%);border:1px solid color-mix(in srgb,var(--primary) 62%,var(--secondary));border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 28%,transparent) 0,color-mix(in srgb,var(--surface-container-lowest) 88%,transparent) 100%);color:var(--primary-container);font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--secondary) 22%,transparent),inset 0 -1px 0 rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.35),0 8px 16px rgba(0,0,0,.55),0 0 14px color-mix(in srgb,var(--primary) 22%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-roster-card-badge-icon{flex-shrink:0;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--primary) 45%,transparent))}.hero-roster-card-badge--idle{border-color:color-mix(in srgb,var(--secondary) 40%,var(--outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 12%,transparent) 0,color-mix(in srgb,var(--surface-container-lowest) 90%,transparent) 100%);color:var(--secondary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--secondary) 14%,transparent),inset 0 -1px 0 rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.3),0 6px 12px rgba(0,0,0,.45)}.hero-roster-card-content{display:flex;flex-direction:column;gap:var(--unit-2);padding:var(--unit-3);min-width:0}.hero-roster-card-name{margin:0;font-family:var(--font-display);font-size:clamp(1rem,2.5cqw,1.15rem);line-height:1.12;color:var(--on-surface)}.hero-roster-card-header{display:flex;flex-direction:column;gap:.25rem}.hero-roster-card-origin{display:inline-flex;align-items:center;gap:.35rem;margin:0;color:var(--on-surface-variant);font-size:.72rem;line-height:1.25}@container hero-roster (min-width: 540px){.hero-roster-card-frame{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100%}.hero-roster-card-frame:before{inset:0 0 auto 0;width:auto;height:3px;background:linear-gradient(90deg,rgba(170,137,132,.45),rgba(170,137,132,.12))}.hero-roster-card--active .hero-roster-card-frame:before{background:linear-gradient(90deg,rgba(255,180,168,.75),rgba(139,0,0,.35))}.hero-roster-card-portrait-wrap{border-right:none;border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 80%,transparent);width:100%;aspect-ratio:var(--roster-portrait-aspect);margin-inline:0;min-height:0;max-height:min(20rem,48cqw)}.hero-roster-card-portrait-frame{inset:8px}.hero-roster-card-badge{bottom:14px}}@container hero-roster (max-width: 539px){.hero-roster-card-frame{grid-template-columns:minmax(88px,var(--roster-portrait-w)) minmax(0,1fr)}}.hero-roster-vitals{display:flex;flex-direction:column;gap:.4rem;padding:var(--unit-2);border:1px solid rgba(170,137,132,.28);background:rgba(0,0,0,.32);box-shadow:inset 0 0 10px rgba(0,0,0,.45)}.hero-roster-vital--bar{display:flex;align-items:center;gap:.35rem;min-width:0}.hero-roster-vital-value{flex-shrink:0;min-width:2.8rem;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--on-surface);text-align:right;white-space:nowrap}.hero-roster-resource-bar{flex:1 1;height:6px;min-width:0;border:1px solid rgba(170,137,132,.22);background:rgba(0,0,0,.55);overflow:hidden}.hero-roster-resource-bar-fill{display:block;height:100%;transition:width .2s ease}.hero-roster-resource-bar--hp .hero-roster-resource-bar-fill{background:linear-gradient(90deg,#8b1a12,var(--primary));box-shadow:0 0 6px color-mix(in srgb,var(--primary) 45%,transparent)}.hero-roster-resource-bar--endurance .hero-roster-resource-bar-fill{background:linear-gradient(90deg,#6f5100,var(--secondary))}.hero-roster-resource-bar--mana .hero-roster-resource-bar-fill{background:linear-gradient(90deg,#273f6c,#8fb8ff)}.hero-roster-card-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--unit-1);margin:0}.hero-roster-stat{margin:0;min-width:0;display:flex;flex-direction:column;gap:.2rem}.hero-roster-stat-label{font-family:var(--font-mono);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--outline)}.hero-roster-stat dd{display:flex;align-items:center;gap:.35rem;margin:0;min-width:0;min-height:1.75rem;padding:.25rem .4rem;border:1px solid rgba(170,137,132,.28);background:rgba(0,0,0,.28)}.hero-roster-stat-value{color:var(--on-surface);font-size:.78rem;line-height:1.25}.hero-roster-stat-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-roster-pin-icon{flex-shrink:0;border-radius:2px}.hero-roster-wallet{flex-wrap:wrap;gap:.25rem;font-size:.76rem}.hero-roster-card-footer{display:flex;align-items:center;gap:var(--unit-2);margin-top:auto;padding-top:var(--unit-2);border-top:1px solid rgba(170,137,132,.28)}.hero-roster-btn{flex:1 1;min-height:32px;justify-content:center;gap:.35rem;padding:.45rem .65rem;border:1px solid rgba(233,193,118,.45);background:linear-gradient(160deg,rgba(96,68,3,.28),transparent 55%),rgba(0,0,0,.48);box-shadow:inset 0 0 12px rgba(0,0,0,.55);color:var(--secondary);font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hero-roster-btn:hover:not(:disabled){border-color:var(--secondary);background:linear-gradient(160deg,rgba(96,68,3,.4),transparent 55%),rgba(0,0,0,.55);color:#f5ddb0;box-shadow:inset 0 0 14px rgba(0,0,0,.5),0 0 10px rgba(233,193,118,.12)}.hero-roster-btn:disabled{opacity:.55;cursor:wait}.hero-roster-link{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .55rem;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface-variant);font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:border-color .15s,color .15s,background .15s}.hero-roster-link:hover{color:var(--on-surface);border-color:var(--secondary);background:color-mix(in srgb,var(--secondary) 8%,var(--surface-container-low))}.hero-roster-link--primary{flex:1 1;padding:.45rem .65rem;border-color:rgba(233,193,118,.45);background:linear-gradient(160deg,rgba(96,68,3,.22),transparent 55%),rgba(0,0,0,.42);color:var(--secondary)}.hero-roster-link--primary:hover{border-color:var(--secondary);background:linear-gradient(160deg,rgba(96,68,3,.32),transparent 55%),rgba(0,0,0,.48);color:#f5ddb0}.hero-roster-abandon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:0;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--error);cursor:pointer;transition:border-color .15s,background .15s}.hero-roster-abandon:hover:not(:disabled){border-color:color-mix(in srgb,var(--error) 40%,var(--outline-variant));background:color-mix(in srgb,var(--error) 10%,var(--surface-container-low))}.hero-roster-abandon:disabled{opacity:.5;cursor:wait}.hero-roster-empty-slot{display:flex;flex-direction:column;align-items:stretch;height:100%;min-height:var(--roster-portrait-min-h);padding:0;overflow:hidden;border:1px dashed rgba(170,137,132,.45);background:radial-gradient(circle at 50% 0,rgba(255,180,168,.06),transparent 52%),rgba(0,0,0,.28);color:var(--on-surface-variant);text-decoration:none;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.hero-roster-empty-slot:hover{border-color:rgba(255,180,168,.55);border-style:solid;color:var(--on-surface);background:radial-gradient(circle at 50% 0,rgba(255,180,168,.1),transparent 52%),rgba(139,0,0,.08);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}.hero-roster-empty-slot-icon{display:grid;place-items:center;flex:1 1;min-height:96px;border-bottom:1px dashed rgba(170,137,132,.32);background:linear-gradient(165deg,rgba(255,218,212,.04),transparent 50%),rgba(0,0,0,.35)}.hero-roster-empty-slot-copy{display:flex;flex-direction:column;gap:.25rem;padding:var(--unit-3);text-align:center}.hero-roster-empty-slot-copy strong{color:var(--on-surface);font-family:var(--font-display);font-size:.95rem}.hero-roster-empty-slot-copy span{font-size:.78rem}.hero-roster-first-cta{display:flex;flex-direction:column;align-items:center;gap:var(--unit-3);padding:var(--unit-5) var(--unit-4);border:1px solid rgba(170,137,132,.42);background:radial-gradient(circle at 50% 0,rgba(255,180,168,.1),transparent 52%),var(--surface-container-lowest);box-shadow:inset 0 0 24px rgba(0,0,0,.72);text-align:center}.hero-roster-first-cta-icon{display:grid;place-items:center;width:88px;height:88px;border:2px solid var(--outline-variant);border-radius:50%;background:var(--surface-container-high)}.hero-roster-first-cta h2{margin:0;font-family:var(--font-display);font-size:1.15rem}.hero-roster-first-cta .muted{max-width:44ch;margin:0;font-size:.88rem;line-height:1.45}.hero-roster-first-rules{list-style:none;margin:0;padding:0;display:grid;gap:var(--unit-2);width:min(100%,380px);text-align:left}.hero-roster-first-rules li{align-items:center;padding:var(--unit-2);background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:.8rem}.hero-roster-banner,.hero-roster-first-rules li{display:flex;gap:var(--unit-2);border:1px solid var(--outline-variant)}.hero-roster-banner{align-items:flex-start;margin:0;padding:var(--unit-2) var(--unit-3);font-size:.84rem;line-height:1.4}.hero-roster-banner--success{border-color:color-mix(in srgb,var(--primary) 42%,var(--outline-variant));background:color-mix(in srgb,var(--primary) 10%,var(--surface-container-low))}.hero-roster-banner--error{border-color:color-mix(in srgb,var(--error) 35%,var(--outline-variant));background:color-mix(in srgb,var(--error) 8%,var(--surface-container-low))}.hero-roster-delete-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:var(--unit-4)}.hero-roster-delete-scrim{position:absolute;inset:0;border:none;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.hero-roster-delete-scrim:disabled{cursor:wait}.hero-roster-delete-panel{position:relative;z-index:1;width:min(480px,100%);display:flex;flex-direction:column;gap:var(--unit-3);padding:var(--unit-4);border:2px solid rgba(191,97,106,.55);background:linear-gradient(160deg,rgba(255,218,212,.05),transparent 42%),var(--surface-container-low);box-shadow:0 20px 48px rgba(0,0,0,.72),inset 0 0 28px rgba(139,0,0,.14)}.hero-roster-delete-header{display:flex;align-items:flex-start;gap:var(--unit-3)}.hero-roster-delete-icon-wrap{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border:2px solid rgba(191,97,106,.45);background:color-mix(in srgb,var(--error) 10%,var(--surface-container-high))}.hero-roster-delete-header-copy{min-width:0}.hero-roster-delete-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.2;color:#ebcb8b}.hero-roster-delete-desc{margin:0;color:var(--on-surface-variant);font-size:.9rem;line-height:1.45}.hero-roster-delete-losses{list-style:none;margin:0;padding:0;display:grid;gap:var(--unit-2)}.hero-roster-delete-losses li{display:flex;align-items:flex-start;gap:var(--unit-2);padding:var(--unit-2) var(--unit-3);border:1px solid var(--outline-variant);border-left:3px solid var(--error);background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:.84rem;line-height:1.35}.hero-roster-delete-loss-icon{flex-shrink:0;margin-top:1px}.hero-roster-delete-field{display:flex;flex-direction:column;gap:var(--unit-1);margin:0}.hero-roster-delete-field span{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.hero-roster-delete-field input{width:100%;box-sizing:border-box}.hero-roster-delete-error{margin:0;padding:var(--unit-2);border:1px solid color-mix(in srgb,var(--error) 40%,var(--outline-variant));background:color-mix(in srgb,var(--error) 10%,var(--surface-container-low));color:var(--error);font-size:.86rem}.hero-roster-delete-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--unit-2);padding-top:var(--unit-1);border-top:1px solid var(--outline-variant)}.hero-roster-delete-actions .btn{min-width:7rem}@media (min-width:640px){.hero-roster-page{--roster-portrait-w:108px;--roster-portrait-min-h:128px}}@media (min-width:1200px){.hero-roster-page{--roster-portrait-w:120px;--roster-portrait-min-h:140px}}@media (max-width:420px){.hero-roster-hero-rules{display:none}.hero-roster-forge-link{width:100%;margin-left:0;justify-content:center}.hero-roster-overview{flex-direction:column;align-items:stretch}.hero-roster-cap-note{margin-left:0;text-align:center}}