.crew-page{padding:4px 0 12px}.crew-resources{grid-template-columns:repeat(3,minmax(0,1fr));height:52px;border:1px solid #5e6061;border-radius:10px;background:linear-gradient(#666,#3d3e40);box-shadow:inset 0 1px #868686,0 2px 5px #0009}.crew-resources .resource{justify-content:center;border-left:1px solid #2b2b2b}.crew-resources .resource:first-child{border-left:0}.crew-resources .resource-count{font-size:14px;font-weight:700}.crew-title{margin:7px 0 8px;text-align:center;color:#f3f3f0;font-size:19px}.crew-experience,.crew-card,.crew-note{border:1px solid #3f4042;border-radius:9px;background:#292929;box-shadow:0 1px 2px #0008}.crew-experience{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 5px;padding:9px;color:#f3f3f0;font-size:14px;font-weight:700}.crew-experience span,.crew-name{color:#28c4d5}.crew-experience img{width:20px;height:20px;object-fit:contain}.crew-list{display:grid;gap:5px}.crew-card{padding:8px 10px}.crew-summary{display:flex;align-items:center;min-height:62px}.crew-icon-frame{flex:0 0 58px;width:58px;height:58px;margin-right:10px;overflow:hidden;border:1px solid #6b6b61;border-radius:8px;background:radial-gradient(circle at 50% 35%,#4c4a42,#171717 72%);box-shadow:inset 0 0 7px #000,0 1px 3px #000}.crew-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}.crew-details{min-width:0;font-size:15px;font-weight:700;line-height:18px}.crew-details p{margin:0}.crew-name{font-size:16px}.crew-progress-row{display:flex;align-items:center;gap:5px;margin:7px 0}.crew-progress-value{min-width:52px;padding:2px 5px;border-radius:5px;background:linear-gradient(#676767,#414141);box-shadow:inset 0 1px #888,0 1px 2px #000;color:#eee;text-align:center;font-size:12px}.crew-progress{flex:1;height:10px;overflow:hidden;border:2px solid #171717;border-radius:7px;background:#25323b;box-shadow:inset 0 1px 2px #000}.crew-progress span{display:block;height:100%;background:repeating-linear-gradient(125deg,#087ad7 0 24px,#10a7e8 24px 42px,#075dc1 42px 62px);box-shadow:inset 0 1px #68d8ff}.crew-upgrade{display:flex;align-items:center;justify-content:center;width:100%;min-height:34px;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:13px;letter-spacing:.035em;-webkit-text-stroke:.35px #173017}.crew-upgrade img{width:20px;height:20px;margin:0 4px;object-fit:contain}.crew-message{min-height:18px;margin:4px 0;text-align:center;color:#f4d465;font-size:14px}.crew-note{margin:0;padding:9px;color:#22cc36;text-align:center;font-size:15px;line-height:19px}.crew-nav{margin-top:5px}.crew-nav a{text-decoration:none}@media(max-width:390px){.crew-title{font-size:17px}.crew-details,.crew-experience,.crew-note{font-size:14px}.crew-name{font-size:15px}.crew-icon-frame{flex-basis:54px;width:54px;height:54px;margin-right:8px}}
.crew-card.is-locked{filter:grayscale(.9);opacity:.55}.crew-card.is-locked .crew-name{color:#aaa}.crew-lock{margin:5px 0 0;color:#e0bd68;text-align:center;font-size:13px}.crew-max{margin:5px 0 0;color:#22cc36;text-align:center;font-size:13px;font-weight:700}.crew-upgrade:disabled{filter:grayscale(.75);cursor:not-allowed}
.crew-experience img{width:28px;height:28px;filter:drop-shadow(0 1px 2px #000)}
.crew-experience{font-size:14px;font-weight:400;line-height:18px}
.crew-experience strong{font-size:14px;font-weight:400;line-height:18px}
.crew-progress span{background:var(--crew-progress-color,#168cff);box-shadow:inset 0 1px #ffffff8c,0 0 4px color-mix(in srgb,var(--crew-progress-color,#168cff) 60%,transparent);transition:width .25s,background-color .25s}
.crew-details{font-size:14px;line-height:17px}
.crew-name{font-size:15px}
.crew-note{font-size:14px;line-height:18px}

.crew-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:240px;margin-bottom:5px;overflow:hidden;border:1px solid #3f4042;border-radius:9px;background:#202224;box-shadow:inset 0 0 28px #000,0 1px 2px #0008;text-align:center;text-shadow:0 1px 2px #000,0 0 4px #000}
.crew-hero-image{position:absolute;z-index:-3;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.crew-hero::before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(90deg,#111a 0%,#171a1d70 28%,#1c20233d 54%,#171a1d65 74%,#111a 100%);pointer-events:none}
.crew-hero::after{position:absolute;z-index:2;inset:0;content:"";background:linear-gradient(#080a0c55,#05060710 44%,#0506078f),radial-gradient(ellipse at center,#0000 35%,#0008 100%);box-shadow:inset 0 0 28px #000;pointer-events:none}
.crew-hero-rank,.crew-hero-items{position:relative;z-index:3}
.crew-hero-rank{display:grid;justify-items:center;padding-top:8px;color:#f2f2ef}
.crew-hero-rank-icon{display:block;width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}
.crew-hero-items{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;width:100%;padding:7px 30px 12px;gap:6px}
.crew-hero-item{display:grid;justify-items:center;gap:5px;min-width:0;font-size:10px;font-weight:700;line-height:12px}
.crew-hero-item img{display:block;box-sizing:border-box;width:36px;height:36px;padding:2px;object-fit:contain;border:1px solid #67675f;border-radius:6px;background:#171717;box-shadow:inset 0 0 5px #000,0 1px 3px #000}
.crew-hero-value{display:block;max-width:48px;overflow:hidden;color:var(--crew-rank-color,#22cc36);text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 4px color-mix(in srgb,var(--crew-rank-color,#22cc36) 55%,transparent)}
@media(max-width:390px){.crew-hero{height:220px}.crew-hero-rank-icon{width:62px;height:62px}.crew-hero-items{padding-inline:8px;gap:3px}.crew-hero-item img{width:34px;height:34px}}