.astralis-live .wisp-card{border-color:#a278fa80;background:linear-gradient(145deg,#211538,#0a1835)}.wisp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.wisp-heading h2{margin:5px 0 12px}#wisp-emblem{display:grid;place-items:center;flex:0 0 40px;height:40px;border:2px solid #8661bc;box-shadow:inset 0 0 0 3px #091021;color:#bd8bff;font-size:28px}.wisp-card dl{margin:12px 0}.wisp-card dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #a278fa25;padding:8px 0;font-size:11px}.wisp-card dt{color:#a9c6df}.wisp-card dd{margin:0;text-align:right;color:#f6dcaa;overflow-wrap:anywhere;min-width:0}.wisp-actions{display:flex;flex-wrap:wrap;gap:7px}.wisp-actions button{flex:1;font-size:10px;padding:9px 7px}.wisp-card>a{display:inline-block;font-size:10px;margin-top:14px}.wisp-card #wisp-status{min-height:2em}

#wisp-art{margin:12px 0 16px;border:1px solid #8661bc70;background:#0a0d18;text-align:center;box-shadow:inset 0 0 0 3px #060914}#wisp-sprite{display:block;width:100%;max-width:224px;height:auto;aspect-ratio:1;margin:auto;image-rendering:pixelated}#wisp-art-state{padding:0 8px 14px;font-size:9px;letter-spacing:2px;color:#bcabe3}
.astralis-cockpit .wisp-customization{display:grid;gap:15px;margin-top:16px;padding-top:14px;border-top:1px solid #746044;min-width:0}
.astralis-cockpit .wisp-name-form{display:grid;gap:7px;margin:0;padding:0;max-width:none;min-width:0;background:none;border:0}
.wisp-customization label,.wisp-customization legend{display:block;margin:0 0 7px;padding:0;color:#8cdeeb;font-size:11px;font-weight:600}
.wisp-name-row{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.astralis-cockpit .wisp-customization input,.astralis-cockpit .wisp-customization select{box-sizing:border-box;min-width:0;width:100%;min-height:40px;background:#03101e;color:#eee2c8;border:1px solid #63708a;border-radius:0;padding:8px;font:16px/1.3 Inter,system-ui,sans-serif}
.astralis-cockpit .wisp-name-row input{flex:1 1 110px;width:auto}
.astralis-cockpit .wisp-customization button{min-height:40px;border:1px solid #9b793f;border-radius:0;background:#0d1b31;color:#ffda94;padding:8px;font:600 11px/1.4 Inter,system-ui,sans-serif;cursor:pointer}
.astralis-cockpit .wisp-customization button:hover:not(:disabled){background:#252044;border-color:#c6a367}
.astralis-cockpit .wisp-customization :is(button,input,select):focus-visible{outline:2px solid #8ce6f0;outline-offset:2px}
.astralis-cockpit .wisp-customization :disabled{opacity:.5;cursor:not-allowed}
.wisp-customization small{display:block;color:#b0c0da;font-size:10px;line-height:1.6}
.wisp-colors{border:0;padding:0;margin:0;min-width:0}
.wisp-color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:5px;margin-bottom:7px}
.astralis-cockpit .wisp-color-options .wisp-swatch{padding:6px 2px;display:grid;justify-items:center;gap:5px;font-size:9px;border-color:#46516b;color:#d1ddf1}
.wisp-swatch>span:first-child{display:block;width:17px;height:17px;box-shadow:inset 0 0 0 2px #ffffff26,0 0 0 1px #020815}
.astralis-cockpit .wisp-swatch[aria-pressed=true]{border-color:#f4cf7c;box-shadow:inset 0 -2px #f4cf7c;background:#24213b;color:#ffe7ae}
.wisp-style-controls{min-width:0;display:grid;gap:7px}.wisp-style-controls label{margin:0}
.wisp-style-sample{background:#040c1b;border:1px solid #5d4c79;padding:8px;min-width:0}
.wisp-style-sample img{display:block;width:100%;max-width:112px;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;margin:0 auto}
.wisp-style-sample img[hidden]{display:none}.wisp-style-sample p{font-size:10px;line-height:1.6;color:#c5d1e6;margin:6px 0 0;overflow-wrap:anywhere}
.astralis-cockpit #wisp-style-refresh{border-color:#46516b;color:#afcbe7;font-weight:400}
.wisp-control-status{font-size:11px;line-height:1.6;color:#b8e4eb;margin:0;overflow-wrap:anywhere}

/* Collapse customization without changing the familiar or its live state. */
.astralis-cockpit .wisp-heading{position:relative;min-height:30px;padding-inline:32px}
.astralis-cockpit #wisp-minimize{position:absolute;right:0;top:0;display:grid;place-items:center;width:28px;min-height:28px;padding:2px;border:1px solid #9b793f;border-radius:0;background:#0d1b31;color:#ffda94;font:20px/1 Inter,system-ui,sans-serif;cursor:pointer}
.astralis-cockpit #wisp-minimize[hidden]{display:none}
.astralis-cockpit #wisp-minimize-bottom{display:block;width:100%;min-height:36px;margin-top:14px;padding:7px;border:1px solid #9b793f;border-radius:0;background:#0d1b31;color:#ffda94;font:600 11px/1.4 Inter,system-ui,sans-serif;cursor:pointer}
.astralis-cockpit :is(#wisp-minimize,#wisp-minimize-bottom):hover{background:#252044;border-color:#c6a367}
/* Shared by the companion tile, hover cards, details and every appearance preview.
   A true alpha cutout, not a blend mode: panel backgrounds show through unchanged. */
.astralis-live img[src*="/client/wisps/"]{filter:url('/client/art/wisp-transparency.svg#clear-matte');background:transparent}
.astralis-live #wisp-art{background:none;border:0;box-shadow:none}
.astralis-cockpit :is(#wisp-minimize,#wisp-minimize-bottom,#wisp-customize-summary):focus-visible{outline:2px solid #8ce6f0;outline-offset:2px}
.astralis-cockpit .wisp-details:not([open])>:not(summary){display:none}
@media(max-width:600px),(pointer:coarse){.astralis-cockpit .wisp-heading{min-height:44px;padding-inline:46px}.astralis-cockpit #wisp-minimize{width:44px;min-height:44px}.astralis-cockpit #wisp-minimize-bottom,.astralis-cockpit #wisp-customize-summary{min-height:44px}}