.filter-grid-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.filter-grid-wrapper::-webkit-scrollbar{height:4px}.filter-grid-wrapper::-webkit-scrollbar-track{background:#0000}.filter-grid-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.filter-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff47}.filter-grid{grid-gap:6px;grid-gap:var(--filter-gap,6px);box-sizing:border-box;display:grid;gap:6px;gap:var(--filter-gap,6px);grid-template-columns:repeat(5,minmax(48px,1fr))}.filter-grid .filter-item{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-dim);cursor:pointer;display:flex;flex-direction:column;font-size:.78rem;justify-content:center;min-height:40px;min-width:44px;padding:6px 4px;transition:border-color .14s,background .14s,color .14s}.filter-grid .filter-item:hover{background:#c9a8430f;border-color:#c9a84373;color:var(--color-text)}.filter-grid .filter-item:focus{outline:2px solid var(--color-gold);outline-offset:2px}.filter-grid .filter-item.active{background:var(--color-gold-dim)!important;border-color:var(--color-gold)!important;color:var(--color-gold)!important;font-weight:600}.filter-item-text{font-size:12px;line-height:1.2;text-align:center;white-space:normal;word-break:break-word}@media (max-width:420px){.filter-grid{grid-template-columns:repeat(7,minmax(30px,1fr))}.filter-grid .filter-item{min-height:46px;padding:2px}.filter-item-text{font-size:8px}}.servant-card{aspect-ratio:1/1;background:var(--color-surface-2);border-radius:10px;height:100%;overflow:hidden;position:relative;width:100%}.servant-card__face{display:block;height:100%;object-fit:cover;width:100%}.servant-card__face--empty{background:var(--color-surface-2)}.servant-selection{width:100%}.servant-grid{grid-gap:5px;align-content:start;display:grid;gap:5px;grid-template-columns:repeat(10,1fr);max-height:58vh;overflow-y:auto;padding:var(--spacing-xs);scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.servant-grid::-webkit-scrollbar{width:8px}.servant-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.servant-grid-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:opacity .14s,filter .14s,transform .14s}.servant-grid-item:hover{color:#fff;filter:brightness(1.3) contrast(1.1)}.servant-grid-item.dimmed{filter:grayscale(.85);opacity:.22}.servant-grid-item.dimmed:hover{opacity:.5}.servant-portrait{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;height:var(--servant-thumb);overflow:hidden;position:relative;transition:border-color .14s,box-shadow .14s;width:var(--servant-thumb)}.servant-pick-count{background:var(--color-gold);border-radius:8px;box-shadow:0 1px 3px #00000080;color:var(--color-bg);font-size:.6rem;font-weight:700;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:2px;text-align:center;top:2px;z-index:2}.servant-grid-item:hover .servant-portrait{border-color:var(--color-gold);box-shadow:0 6px 14px #0006}.servant-grid-item:focus{outline:none}.servant-grid-item:focus .servant-portrait{outline:2px solid var(--color-gold);outline-offset:2px}.servant-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-dim);display:-webkit-box;font-size:.5rem;line-height:1.1;margin-top:2px;overflow:hidden;text-align:center;width:calc(var(--servant-thumb) + 6px)}.servant-pick-count{font-size:.52rem;line-height:14px;min-width:14px}.servant-tier-badge{background:var(--color-gold);border-radius:5px;box-shadow:0 1px 2px #0009;color:var(--color-bg);font-size:.5rem;font-weight:800;left:1px;line-height:13px;min-width:14px;padding:0 3px;position:absolute;text-align:center;top:1px;z-index:2}.team-mystic-code{align-items:flex-start;display:flex;justify-content:space-between;margin-top:1rem}.filter-common-servants{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.filter-common-servants-grid-item{align-items:center;margin:.5rem;padding:.5rem}.filter-section{align-self:flex-start;box-sizing:border-box;flex:0 0 300px;max-width:100%;min-width:280px}@media (max-width:640px){.filter-section{flex:1 1 100%;min-width:0}}.team-selection-buttons{display:flex;flex-direction:row;justify-content:space-between}.servants-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-lg);min-width:0;overflow:hidden}.common-servants-wrapper,.servant-selection-wrapper{box-sizing:border-box;margin-right:var(--team-panel-width);max-width:calc(100vw - var(--team-panel-width));overflow:hidden}.common-servants-horizontal,.servant-selection-horizontal{box-sizing:border-box;max-width:100%}.servant-selection-wrapper{flex:1 1 auto;min-width:0}.common-servants-grid{align-items:flex-start;display:flex;flex-direction:column;padding-left:.25rem}.common-servants-row{gap:var(--spacing-sm)}.common-servants-horizontal,.common-servants-row{align-items:flex-start;display:flex;flex-wrap:wrap}.common-servants-horizontal{gap:var(--servant-gap);padding-left:.25rem}.common-servant-item{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 var(--servant-slot-size);height:var(--servant-row-height);justify-content:center;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s;width:var(--servant-slot-size)}.common-servant-item:hover{border-color:var(--color-gold);box-shadow:0 6px 14px #00000059;transform:translateY(-3px) scale(1.03)}.servant-selection{align-items:flex-start;display:flex;flex-direction:column}.servant-selection-horizontal{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;flex-wrap:nowrap;gap:var(--servant-gap);max-height:30rem;overflow-x:auto;overflow-y:hidden;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.servant-selection-horizontal::-webkit-scrollbar{height:6px}.servant-selection-horizontal::-webkit-scrollbar-track{background:#0000}.servant-selection-horizontal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.servant-selection-horizontal::-webkit-scrollbar-thumb:hover{background:#ffffff47}.servant-selection-item{cursor:pointer;flex:0 0 var(--servant-slot-size)}.team-section{flex:2 1;margin-right:1rem;margin-top:2rem}.mystic-code-selection{flex:1 1}.filter-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box;max-width:100%;padding:var(--spacing-md);position:sticky;top:var(--spacing-md);width:100%}.compact-filter-grid{grid-gap:var(--spacing-xs);display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.compact-filter-grid,.compact-filter-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.compact-filter-row{display:flex;flex-wrap:wrap}.filter-button{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-dim);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:var(--spacing-xs);transition:border-color .14s,background .14s,color .14s}.filter-button:hover{background:#c9a8430f;border-color:#c9a84373;color:var(--color-text)}.filter-button:focus{outline:2px solid var(--color-gold);outline-offset:2px}.filter-button-active{background:var(--color-gold-dim)!important;border-color:var(--color-gold)!important;color:var(--color-gold)!important;font-weight:600}.filter-button-text{font-size:10px;line-height:1.1;margin-top:2px;text-align:center}.filter-button-small{font-weight:700;min-height:40px;min-width:50px}.filter-button-attack,.filter-button-np{font-size:12px;font-weight:500;min-height:40px}.two-team-view{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.mystic-code-center{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);text-align:center;width:100%}.three-column-layout{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr 1fr;width:100%}.left-full-team{background:var(--color-surface)}.center-menu,.left-full-team{border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-md)}.center-menu{background:var(--color-surface-2);text-align:center}.right-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-md)}.full-team-grid{grid-template-rows:repeat(2,1fr);max-width:400px}.full-team-grid,.preview-team-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.preview-team-grid{max-width:300px}.team-servant-slot{align-items:center;aspect-ratio:1;background:var(--color-surface-2);border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative}.team-servant-slot:hover{border-color:var(--color-gold);transform:scale(1.05)}.team-servant-slot:focus{outline:2px solid var(--color-gold);outline-offset:2px}.selected-source,.selected-target{background:#0000!important;outline:none;position:relative}.selected-source{border-left:6px solid #28a745f2;box-shadow:0 2px 6px #00000026}.selected-target{border-left:6px solid #dc3545f2;box-shadow:0 2px 6px #00000026}.selected-source:before,.selected-target:before{border-radius:10px;box-shadow:0 1px 0 #0000002e;color:#fff;content:"";display:inline-block;font-size:11px;height:16px;left:6px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;text-align:center;top:6px}.selected-source:before{background:#28a745f2;content:"S"}.selected-target:before{background:#dc3545f2;content:"T"}.empty-slot{align-items:center;background:var(--color-surface-2);border-radius:6px;color:var(--color-text-dim);display:flex;font-size:.75rem;height:100%;justify-content:center;width:100%}.skill-buttons-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.skill-button{font-weight:500;min-height:var(--btn-min-height)}.menu-controls{background:var(--color-surface-2);border-radius:6px;font-size:.875rem;padding:var(--spacing-sm)}.general-commands{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);text-align:center;width:100%}.general-commands-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.general-command-button{font-weight:600;min-height:var(--btn-min-height);min-width:100px}@media (max-width:768px){.three-column-layout{gap:var(--spacing-md);grid-template-columns:1fr}.full-team-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);margin:0 auto;max-width:300px}.preview-team-grid{margin:0 auto;max-width:250px}.general-commands-row{align-items:center;flex-direction:column}.general-command-button{width:200px}}:root{--color-bg:#0e1220;--color-surface:#1a2035;--color-surface-2:#202840;--color-border:#ffffff14;--color-border-mid:#ffffff24;--color-border-active:#c9a84399;--color-gold:#c9a843;--color-gold-dim:#c9a8431f;--color-blue:#48e;--color-text:#e8ecf4;--color-text-dim:#89b;--color-success:#4caf72;--color-error:#e05454;--color-buster:#c33;--color-arts:#37d;--color-quick:#3a4;--btn-min-width:100px;--btn-min-height:44px;--btn-small-min-width:60px;--btn-small-min-height:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--sticky-team-height:8rem;--sticky-team-expanded-height:9rem;--sticky-team-width:100%;--sticky-team-max-width:760px;--servant-compact-size:64px;--servant-slot-size:7rem;--servant-row-height:var(--servant-slot-size);--servant-gap:1rem;--servant-thumb:45px;--nav-height:52px;--team-panel-width:340px;--z-sticky:1000;--z-tooltip:1100;--z-popover:1200;--z-modal:1300;--filter-gap:6px}.masonry{column-gap:.5rem;columns:192px 5}.masonry-item{border:1px solid #d3d3d3;border-radius:4px;padding:8px}.command-input-container{align-items:stretch;display:flex;flex-direction:column;max-width:none;padding:20px;width:100%}.command-input-grid{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.command-input-popup.team-section{background:#fafafa;border:1px solid #0000001f;box-shadow:0 2px 6px #0000000f;margin:0 auto;max-width:1100px;padding:12px;width:100%}.team-popout-slot{align-items:center;display:flex;height:calc(var(--servant-compact-size) + 2rem);justify-content:center;width:calc(var(--servant-compact-size) + 2rem)}.mystic-code-section,.team-section{flex:1 1;margin:0 10px}.command-input-menu{display:flex;justify-content:space-between;width:100%}.command-input-menu .MuiGrid-item{flex:1 1;margin:0 10px}.selected-servant-details{display:flex;flex-wrap:wrap}.selected-servant-details .MuiGrid-item{flex:1 1 50%;max-width:50%}.cmd-builder{align-items:flex-start;display:flex;gap:var(--spacing-lg);width:100%}.cmd-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box;flex:1 1 auto;min-width:0;padding:var(--spacing-md)}.cmd-skill-btn{font-weight:500}.cmd-team-col{display:flex;flex:0 0 88px;flex-direction:column;gap:var(--spacing-xs);position:sticky;top:var(--spacing-md)}.cmd-team-slot{aspect-ratio:1/1;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s;width:100%}.cmd-team-slot:hover{border-color:var(--color-border-active);transform:translateY(-1px)}.cmd-team-slot.selected{border-color:var(--color-gold);box-shadow:0 0 0 2px var(--color-gold-dim),0 4px 14px #00000073}.cmd-slot-num{color:var(--color-text);font-size:.7rem;font-weight:700;left:4px;position:absolute;text-shadow:0 1px 2px #000c;top:2px;z-index:2}.cmd-slot-empty{background:var(--color-surface-2);height:100%;width:100%}.cmd-stats-wrap{flex:0 0 320px;min-width:280px}.cmd-stats,.cmd-stats-empty{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box;padding:var(--spacing-md);position:sticky;top:var(--spacing-md)}@media (max-width:900px){.cmd-builder{flex-wrap:wrap}.cmd-main{flex:1 1 100%;order:1}.cmd-team-col{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;order:2;position:static}.cmd-team-slot{flex:0 0 64px}.cmd-stats-wrap{flex:1 1 100%;order:3}.cmd-stats,.cmd-stats-empty{position:static}}.dash{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.dash--empty{align-items:center;color:var(--color-text-dim);display:flex;gap:var(--spacing-sm);justify-content:center;min-height:80px}.dash--error{color:var(--color-error)}.dash__header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.dash__cleared{color:var(--color-success)}.dash__col-title{color:var(--color-text-dim);display:block}.dash__grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1.4fr 1fr}@media (max-width:820px){.dash__grid{grid-template-columns:1fr}}.dash__allies,.dash__center,.dash__enemies{display:flex;flex-direction:column;gap:var(--spacing-sm)}.dash--picking{border-radius:8px;outline:2px dashed var(--color-border-active);outline-offset:4px}.enemy{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-sm)}.enemy--dead{opacity:.4}.enemy--target{border-color:var(--color-border-active);cursor:pointer}.enemy--target:hover{background:var(--color-gold-dim)}.enemy__row{display:flex;font-size:.8rem;gap:var(--spacing-xs);justify-content:space-between}.enemy__name{color:var(--color-text)}.enemy__class{color:var(--color-text-dim);text-transform:capitalize}.enemy__hpbar{background:#ffffff14;border-radius:4px;height:8px;margin:4px 0;overflow:hidden}.enemy__hpfill{background:var(--color-error);height:100%}.enemy__hptext{color:var(--color-text-dim);font-size:.7rem}.ally{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-sm)}.ally--empty{color:var(--color-text-dim);opacity:.5;text-align:center}.ally--target{border-color:var(--color-border-active);cursor:pointer}.ally--target:hover{background:var(--color-gold-dim)}.ally__top{align-items:center;display:flex;gap:var(--spacing-xs)}.ally__face{border-radius:4px;height:32px;width:32px}.ally__name{color:var(--color-text);font-size:.8rem}.ally__np{background:#ffffff14;border-radius:4px;height:14px;margin:6px 0;overflow:hidden;position:relative}.ally__npfill{background:var(--color-arts);height:100%}.ally__nptext{color:var(--color-text);font-size:.7rem;inset:0;line-height:14px;position:absolute;text-align:center}.ally__cds{display:flex;gap:var(--spacing-xs)}.cd-pip{background:#ffffff0f;border-radius:4px;color:var(--color-text-dim);flex:1 1;font-size:.7rem;padding:2px 0;text-align:center}.cd-pip--ready{background:var(--color-gold-dim);color:var(--color-gold)}.dash__palette{gap:var(--spacing-sm)}.dash__palette,.dash__pgroup{display:flex;flex-direction:column}.dash__pgroup{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;gap:4px;padding:6px 8px}.dash__pgroup-label{color:var(--color-text-dim);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.dash__pgroup-btns{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.palette-btn{text-transform:none}.palette-btn--np{border-color:var(--color-gold)}.ally__body{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.ally__main{flex:1 1 auto;min-width:0}.ally__stats{border-right:1px solid var(--color-border);display:flex;flex:0 0 84px;flex-direction:column;gap:1px;padding-right:6px}.stat-row{font-feature-settings:"tnum";display:flex;font-size:.6rem;font-variant-numeric:tabular-nums;gap:4px;justify-content:space-between;line-height:1.45}.stat-row__label{color:var(--color-text-dim)}.stat-row__val{color:var(--color-gold);font-weight:700}.stat-row--zero .stat-row__val{color:var(--color-text-dim);font-weight:400;opacity:.6}.stat-row--oc .stat-row__val{color:var(--color-success)}.dash__chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:32px}.dash__hint,.dash__warn{color:var(--color-text-dim);font-size:.8rem}.dash__warn{color:var(--color-error)}.cmd-chip{background:var(--color-surface-2);color:var(--color-text)}.chip--failed{border:1px solid var(--color-error);color:var(--color-error)}.chip--invalidated{opacity:.45;text-decoration:line-through}.dash__stepper{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:4px 0}.dash__steplabel{background:var(--color-gold-dim);border:1px solid var(--color-border-active);border-radius:4px;color:var(--color-text);font-family:monospace;font-size:.8rem;max-width:420px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.cmd-step{cursor:pointer}.cmd-step:hover{border:1px solid var(--color-border-active)}.cmd-step--active{background:var(--color-gold)!important;color:#000!important;font-weight:700}.buffs{display:flex;flex-wrap:wrap;gap:2px;margin-top:3px}.buff-pill{background:color-mix(in srgb,var(--color-success) 14%,#0000);border:1px solid color-mix(in srgb,var(--color-success) 30%,#0000);border-radius:3px;color:var(--color-text);font-size:.6rem;line-height:1.3;padding:0 4px;white-space:nowrap}.enemy .buff-pill{background:color-mix(in srgb,var(--color-error) 14%,#0000);border-color:color-mix(in srgb,var(--color-error) 30%,#0000)}.enemy{cursor:pointer}.enemy--focused{background:var(--color-gold-dim);border:1px solid var(--color-gold)!important;box-shadow:0 0 0 1px var(--color-gold) inset}.enemy__nps{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px;margin-top:5px;padding-top:4px}.enemy__np-row{background:var(--color-surface-2);border-radius:3px;cursor:help;display:flex;font-size:.66rem;gap:6px;justify-content:space-between;line-height:1.4;padding:1px 4px}.enemy__np-row:hover{border:1px solid var(--color-border-active)}.enemy__np-row--kill{background:color-mix(in srgb,var(--color-success) 16%,#0000)}.enemy__np-who{color:var(--color-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enemy__np-dmg{font-feature-settings:"tnum";color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.enemy__np-row--kill .enemy__np-dmg{color:var(--color-success);font-weight:700}.sticky-team-control{bottom:var(--spacing-lg);position:fixed;right:var(--spacing-lg);z-index:var(--z-sticky)}.sticky-team-toggle{background-color:var(--color-gold)!important;border:none!important;border-radius:28px!important;box-shadow:0 4px 16px #c9a84359!important;color:#0e1220!important;font-weight:700!important;min-height:var(--btn-min-height)!important;min-width:var(--btn-min-width)!important;transition:background-color .15s,box-shadow .15s!important}.sticky-team-toggle:hover{background-color:#dab94e!important;box-shadow:0 6px 22px #c9a8437a!important}.sticky-team-toggle:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.sticky-team-panel{background-color:var(--color-surface)!important;border:1px solid var(--color-border-mid)!important;border-radius:12px!important;bottom:calc(var(--spacing-lg) + var(--btn-min-height) + var(--spacing-sm))!important;max-width:min(var(--sticky-team-max-width),95vw)!important;min-width:420px!important;position:fixed!important;right:var(--spacing-lg)!important;scrollbar-gutter:stable;z-index:var(--z-sticky)!important}.sticky-team-content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.sticky-team-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(6,minmax(var(--servant-compact-size),1fr));justify-items:center}.sticky-servant-slot{aspect-ratio:1/1;border:1px solid var(--color-border);border-radius:10px;cursor:default;overflow:hidden;position:relative;transition:border-color .18s,box-shadow .18s,transform .18s;width:100%;z-index:60}.sticky-servant-slot:hover{border-color:var(--color-border-active);box-shadow:0 6px 16px #00000073}.sticky-servant-avatar{inset:0;pointer-events:none;position:absolute}.sticky-servant-avatar img{pointer-events:auto}.sticky-servant-avatar .MuiIconButton-root{pointer-events:auto;z-index:40}@media (hover:hover){.sticky-servant-slot .MuiIconButton-root{opacity:0;transition:opacity .15s,transform .15s}.sticky-servant-slot:focus-within .MuiIconButton-root,.sticky-servant-slot:hover .MuiIconButton-root{opacity:1}}.sticky-servant-empty{align-items:center;background-color:var(--color-surface-2);border-radius:4px;color:var(--color-text-dim);display:flex;font-size:.75rem;height:100%;justify-content:center;width:100%}.sticky-team-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:space-between}.info-pill{background-color:var(--color-surface-2);border:1px solid var(--color-border-mid);border-radius:12px;color:var(--color-text-dim);font-size:.75rem;max-width:200px;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap}.mystic-code-pill{background-color:#4488ee1f;border-color:#48e6;color:#8bf}.quest-pill{background-color:#c9a8431f;border-color:var(--color-border-active);color:var(--color-gold)}@media (max-width:768px){.sticky-team-control{bottom:var(--spacing-md);right:var(--spacing-md)}.sticky-team-panel{bottom:calc(var(--spacing-md) + var(--btn-min-height) + var(--spacing-sm))!important;left:var(--spacing-md)!important;max-width:none!important;min-width:0!important;min-width:auto!important;right:var(--spacing-md)!important}.sticky-team-grid{grid-template-columns:repeat(6,minmax(40px,1fr))}.info-pill{font-size:.68rem;max-width:130px}}.team-panel{background:var(--color-surface);border-left:1px solid var(--color-border);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-md);position:fixed;right:0;top:var(--nav-height);width:var(--team-panel-width);z-index:1200}.team-panel-title{color:var(--color-text);font-weight:700;margin-bottom:var(--spacing-sm)}.team-panel-body{display:flex;flex:1 1 auto;gap:var(--spacing-sm)}.team-panel-slots{display:flex;flex:0 0 56px;flex-direction:column;gap:var(--spacing-xs)}.team-panel-slot{aspect-ratio:1/1;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s;width:100%}.team-panel-slot:hover{border-color:var(--color-border-active)}.team-panel-slot.selected{border-color:var(--color-gold);box-shadow:0 0 0 2px var(--color-gold-dim)}.team-panel-slot-num{color:var(--color-text);font-size:.65rem;font-weight:700;left:3px;position:absolute;text-shadow:0 1px 2px #000c;top:1px;z-index:2}.team-panel-slot-empty{background:var(--color-surface-2);height:100%;width:100%}.team-panel-editor{flex:1 1 auto;min-width:0}.team-panel-info{margin-top:var(--spacing-sm)}.team-panel-identity,.team-panel-info{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm)}.team-panel-identity{margin-top:var(--spacing-md)}.ident-label{color:var(--color-text-dim);display:block;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.ident-rows{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.ident-row{color:var(--color-text);display:flex;font-size:.78rem;justify-content:space-between}.ident-row span{color:var(--color-text-dim)}.ident-traits{display:flex;flex-wrap:wrap;gap:3px}.ident-trait{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.62rem;line-height:1.4;padding:1px 5px}.ident-forms{margin-top:8px}.ident-form{margin-top:4px}.ident-form-tag{color:var(--color-gold);display:block;font-size:.6rem;font-weight:700;margin-bottom:2px}
/*# sourceMappingURL=main.45d2e787.css.map*/