.universe-dialog.crew-dialog{width:min(1060px,calc(100vw - 28px));padding:0;max-height:92dvh;overflow:auto;background:#0a101c;border-color:#a8c1e32b}
.crew-dialog .dialog-close{z-index:5;right:16px;top:16px;background:#111a2b99;border-radius:50%}
.crew-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,1fr);min-height:690px;--crew-rgb:142,155,222;--crew-glow:.55}
.crew-stage{position:relative;overflow:hidden;min-height:660px;isolation:isolate;background:radial-gradient(ellipse at 50% 38%,rgba(var(--crew-rgb),.13),transparent 57%),#060b15;border-right:1px solid #a7b9d31c}
.crew-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#becfff8a 0 .7px,transparent 1.1px),radial-gradient(circle,#dfc79388 0 .6px,transparent 1px);background-size:73px 91px,121px 147px;background-position:19px 9px,45px 32px;opacity:.55;pointer-events:none}
.crew-orbits{position:absolute;inset:24% 0 19%;opacity:calc(.13 + var(--crew-glow)*.32);pointer-events:none;filter:drop-shadow(0 0 8px rgba(var(--crew-rgb),.3))}
.crew-orbits i{position:absolute;inset:3% -12%;border:1px solid rgba(var(--crew-rgb),.3);border-radius:50%;transform:rotate(-26deg) scaleY(.65);animation:crew-orbit 36s linear infinite}
.crew-orbits i:nth-child(2){inset:-11% -22%;animation-direction:reverse;animation-duration:48s;transform:rotate(44deg) scaleY(.64)}
.crew-orbits i:nth-child(3){inset:16% -1%;animation-duration:27s;transform:rotate(100deg) scaleY(.6)}
.crew-orbits i:before{content:'';position:absolute;top:50%;left:-2px;width:3px;height:3px;border-radius:50%;background:#dbe6ff;box-shadow:0 0 12px 3px rgba(var(--crew-rgb),.6)}
@keyframes crew-orbit{to{transform:rotate(334deg) scaleY(.65)}}
.crew-layout[data-motion='off'] .crew-orbits i{animation-play-state:paused}
.crew-stage-caption{position:absolute;bottom:20px;left:18px;right:18px;text-align:center;color:#8698b3;font-size:11px;line-height:1.7;letter-spacing:.03em}
.crew-stage-caption strong{display:block;color:#bac9df;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:5px}
.crew-rope{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}
.crew-rope .rope-shadow{fill:none;stroke:#02050bcc;stroke-width:14}
.crew-rope .rope-band{fill:none;stroke:#576889;stroke-width:9}
.crew-rope .rope-thread{fill:none;stroke:#b0b7c888;stroke-width:1.2;stroke-dasharray:2 5}
.crew-anchor{position:absolute;left:calc(50% - 9px);top:8px;width:18px;height:9px;border-radius:5px;background:linear-gradient(#8c9aaf,#182232);box-shadow:0 2px 8px #000;z-index:2}
.crew-badge{position:absolute;left:50%;top:157px;width:280px;height:396px;border-radius:17px;transform-origin:50% -12px;transform:translateX(-50%);touch-action:none;user-select:none;cursor:grab;z-index:2;outline-offset:8px;background:linear-gradient(133deg,#a6b6c1,#344151 13%,#7f91a4 42%,#142235 64%,#53647a 90%);padding:1px;box-shadow:0 22px 36px #0008,0 0 34px rgba(var(--crew-rgb),calc(var(--crew-glow)*.15))}
.crew-badge:active{cursor:grabbing}
.crew-badge:focus-visible{outline:2px solid #edd29b}
.crew-clip{position:absolute;top:-26px;left:calc(50% - 13px);width:26px;height:37px;border:4px solid #768394;border-radius:7px;background:linear-gradient(90deg,#131e2c,#adbac9 50%,#2b394c);box-shadow:inset 0 0 0 2px #1d2634,0 3px 8px #000a;z-index:3}
.crew-clip:after{content:'';position:absolute;left:4px;right:4px;top:3px;height:12px;background:#0a121f;border-radius:3px}
.crew-card-face{position:relative;height:100%;border-radius:16px;overflow:hidden;padding:21px 21px 15px;background:radial-gradient(ellipse at 0 0,rgba(var(--crew-rgb),.2),transparent 70%),linear-gradient(155deg,#202d3f,#0d1727 53%,#142031);box-sizing:border-box;display:flex;flex-direction:column}
.crew-card-face:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 28%,#e0eaff13 43%,rgba(var(--crew-rgb),.12) 49%,transparent 61%);background-size:220% 100%;background-position:var(--shine,40%) 0;opacity:calc(.3 + var(--crew-glow)*.65)}
.crew-card-brand{font-size:8px;letter-spacing:.19em;color:#d6e0ed;display:flex;justify-content:space-between;align-items:center;z-index:1}
.crew-card-brand b{color:#edd59c;font-size:16px;font-weight:400}
.crew-idline{margin:10px 0 12px;font:8px ui-monospace,monospace;letter-spacing:.14em;color:#8598b4;display:flex;justify-content:space-between}
.crew-portrait{height:126px;min-height:126px;position:relative;overflow:hidden;border:1px solid #a5bad326;border-radius:7px;background:radial-gradient(ellipse at 50% 40%,rgba(var(--crew-rgb),.24),#091221 75%)}
.crew-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.crew-monogram{height:100%;display:grid;place-items:center;color:#d5def0;font:43px Georgia,serif;letter-spacing:.06em;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 23px,#a8c6e71a 24px 24.5px,transparent 25px 40px)}
.crew-portrait:after{content:'✦';position:absolute;bottom:8px;right:10px;color:#efd69c;font-size:14px}
.crew-display-name{font:25px/1.13 Georgia,serif;color:#edf1f8;margin:15px 0 4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.crew-handle{font:10px ui-monospace,monospace;letter-spacing:.04em;color:#8dabc9}
.crew-specialty{color:#e3c990;font-size:9px;text-transform:uppercase;letter-spacing:.11em;margin:12px 0 6px}
.crew-motto{font-size:10px;line-height:1.5;color:#92a5bc;max-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}
.crew-card-foot{margin-top:auto;border-top:1px solid #a0b7d324;padding-top:11px;display:flex;align-items:center;justify-content:space-between;font:7px ui-monospace,monospace;letter-spacing:.11em;color:#8499b2}
.crew-bars{width:58px;height:15px;background:repeating-linear-gradient(90deg,#c0c8d480 0 1px,transparent 1px 3px,#c0c8d480 3px 5px,transparent 5px 8px)}
.crew-editor{padding:42px 34px 28px;min-width:0}
.crew-editor .eyebrow{font-size:9px;color:#b5a27c;letter-spacing:.18em}
.crew-editor h2{font-size:32px;margin:10px 0 7px;padding:0}
.crew-intro{color:#8fa1bd;font-size:12px;line-height:1.7;margin:0 0 24px}
.crew-tabs{display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;padding:4px;border:1px solid #879db321;border-radius:999px;background:#040913;margin-bottom:22px}
.crew-tabs:before{content:'';position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background:#25344b;border-radius:999px;z-index:-1;transform:translateX(calc(var(--tab,0)*100%));transition:transform .48s cubic-bezier(.2,1.3,.35,1)}
.crew-tabs button{background:none;border:0;color:#8e9fb7;font-size:12px;padding:11px 8px;border-radius:999px;cursor:pointer}
.crew-tabs button[aria-selected='true']{color:#ebedf5}
.crew-editor label{font-size:11px;color:#abbad0;margin:12px 0 6px;gap:7px}
.crew-editor input,.crew-editor select{font-size:12px;padding:10px 12px;background:#0d1626}
.crew-editor .photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 16px}
.photo-actions button{padding:9px 13px;font-size:11px}
.crew-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.crew-glow-head{display:flex;justify-content:space-between;align-items:center;color:#9fafc7;font-size:11px;margin:18px 0 5px}
.crew-slider{padding:8px 0;transform-origin:center;transition:transform .45s cubic-bezier(.2,1.8,.4,1)}
.crew-slider:has(input:active){transform:scaleX(1.025)}
.crew-slider input[type='range']{appearance:none;height:5px;padding:0;width:100%;border:0;border-radius:9px;background:linear-gradient(90deg,#d5bc8b var(--fill,55%),#223149 var(--fill,55%));cursor:pointer}
.crew-slider input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:#f0d8a5;border:3px solid #f8e7c0;border-radius:50%;box-shadow:0 0 12px #f0d8a535}
.crew-editor .crew-motion{display:flex;align-items:center;gap:8px;font-size:11px;margin:13px 0}
.crew-motion input{width:15px;height:15px;accent-color:#dfc48d}
.crew-save{width:100%;margin-top:12px}
.crew-feedback{min-height:32px;font-size:11px;color:#b9cfb6;line-height:1.5;margin:9px 0 0}
.crew-feedback[data-error='true']{color:#ffc2ad}
.crew-editor .dialog-actions button{font-size:11px}
.crew-privacy{font-size:10px;color:#71859f;line-height:1.6;margin-top:18px}
@media(max-width:760px){.crew-layout{grid-template-columns:1fr}.crew-stage{min-height:595px;border-right:0;border-bottom:1px solid #a7b9d31c}.crew-badge{top:118px;width:260px;height:386px}.crew-editor{padding:28px 24px}.crew-stage-caption{bottom:18px}.crew-orbits{inset:17% 4% 14%}.crew-editor h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.crew-tabs:before,.crew-slider{transition:none}}