.crew-gallery-backdrop{z-index:105;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020a0fe6;place-items:center;padding:24px;animation:.25s both anchor-fade;display:grid;position:fixed;inset:0}.crew-gallery{background:var(--deep);color:#fff;border:1px solid #fff3;flex-direction:column;width:min(1300px,100%);height:min(880px,100vh - 48px);max-height:calc(100vh - 48px);animation:.32s cubic-bezier(.2,.8,.3,1) both anchor-pop;display:flex;overflow:hidden;box-shadow:0 45px 120px #0000009e}.crew-gallery-heading{border-bottom:1px solid #ffffff29;align-items:center;padding:34px 92px 30px 38px;display:flex;position:relative}.crew-gallery-heading .eyebrow{margin-bottom:14px}.crew-gallery-heading h2{font-size:clamp(44px,5.4vw,74px)}.crew-gallery-heading>div>p:last-child{color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;margin:15px 0 0;font-size:12px;font-weight:800}.crew-gallery-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;width:44px;height:44px;font-size:27px;line-height:1;transition:border-color .2s,color .2s;position:absolute;top:24px;right:24px}.crew-gallery-close:hover,.crew-gallery-close:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:0}.crew-gallery-grid{flex:1 1 0;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));grid-auto-rows:max-content;align-content:start;gap:16px;min-height:0;padding:22px clamp(20px,3vw,38px) 30px;display:grid;overflow-y:auto}.crew-gallery-card{--accent:var(--cyan);color:#fff;text-align:left;cursor:pointer;min-width:0;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));animation:.45s cubic-bezier(.2,.7,.3,1) both anchor-rise;animation-delay:calc(var(--i) * 35ms);background:#ffffff09;border:1px solid #ffffff21;padding:0;transition:transform .25s ease-out,border-color .25s,background-color .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.crew-gallery-card[data-staff]{--accent:var(--gold);background:linear-gradient(#f5c34b17,#ffffff08);border-color:#f5c34b4d}.crew-gallery-card:hover,.crew-gallery-card:focus-visible{z-index:1;border-color:var(--accent);background:#ffffff12;outline:0;box-shadow:0 24px 52px #00000080}.crew-gallery-portrait{aspect-ratio:1;background:radial-gradient(circle at 50% 35%, #174251 0, var(--deep) 72%);color:var(--accent);place-items:center;font-size:46px;display:grid;position:relative;overflow:hidden}.crew-gallery-portrait:has(img:not([hidden]))>b{visibility:hidden}.crew-gallery-portrait img{object-fit:contain;object-position:center;width:100%;height:100%;padding:10px;transition:transform .35s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0}.crew-gallery-card:hover .crew-gallery-portrait img{transform:scale(1.07)translateY(-4px)}.crew-gallery-shine{background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,0%), #fff3, transparent 58%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.crew-gallery-card:hover .crew-gallery-shine{opacity:1}.crew-gallery-copy{gap:6px;min-width:0;padding:15px 16px 0;display:grid}.crew-gallery-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.crew-gallery-copy small{color:var(--accent);letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.crew-gallery-open{color:#ffffff57;letter-spacing:.13em;text-transform:uppercase;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:13px;padding:11px 16px 13px;font-size:10px;font-weight:900;transition:color .2s;display:flex}.crew-gallery-open i{color:var(--accent);font-style:normal}.crew-gallery-card:hover .crew-gallery-open{color:var(--accent)}.crew-modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020a0fe0;place-items:center;padding:24px;animation:.25s both anchor-fade;display:grid;position:fixed;inset:0}.crew-profile{background:var(--deep);color:#fff;border:1px solid #fff3;grid-template-columns:420px minmax(0,1fr);width:min(1400px,100%);height:min(620px,100vh - 48px);animation:.32s cubic-bezier(.2,.8,.3,1) both anchor-pop;display:grid;position:relative;overflow:hidden;box-shadow:0 45px 120px #0000009e}.crew-profile-close{z-index:3;color:#fff;cursor:pointer;background:#051620a6;border:1px solid #ffffff4d;width:44px;height:44px;font-size:27px;line-height:1;transition:border-color .2s,color .2s;position:absolute;top:20px;right:20px}.crew-profile-close:hover,.crew-profile-close:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:0}.crew-profile-portrait{background:repeating-linear-gradient(135deg, transparent 0 26px, #ffffff06 26px 27px), var(--deep);color:#fff;border-right:1px solid #ffffff24;width:420px;height:100%;min-height:0;position:relative;overflow:hidden}.crew-profile-portrait canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.crew-profile-identity{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;padding:30px 28px 26px;display:flex;position:absolute;inset:0}.crew-profile-identity .eyebrow{text-shadow:0 2px 12px #000000e6;margin-bottom:12px}.crew-profile-identity h2{color:#fff;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 3px #000,2px 0 #000,-2px 0 #000,0 8px 24px #000000e6;text-transform:none;max-width:100%;font-family:OSRS UI,sans-serif;font-size:clamp(42px,4.2vw,62px);font-weight:700;line-height:.9}.crew-profile-identity>p{color:#fff;text-shadow:0 2px #000,2px 0 #000,-2px 0 #000,0 5px 14px #000000f2;margin:0;font-family:OSRS UI,sans-serif;font-size:19px;font-weight:400;line-height:1.15}.crew-profile-content{min-height:0;overflow-y:auto}.crew-profile-heading{background:#ffffff05;border-bottom:1px solid #ffffff29;gap:16px;padding:28px 78px 26px 34px;display:grid}.crew-standings{border-top:1px solid #ffffff29;border-left:1px solid #ffffff29;grid-template-columns:repeat(4,1fr);display:grid}.crew-standings>div{min-width:0;min-height:66px;animation:.4s both anchor-fade;animation-delay:calc(var(--i) * 40ms);border-bottom:1px solid #ffffff29;border-right:1px solid #ffffff29;flex-direction:column;justify-content:center;gap:7px;padding:12px 14px;display:flex}.crew-standings span{color:#ffffff6b;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:900}.crew-standings strong{color:var(--cyan);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:19px;overflow:hidden}.crew-next-rank{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0;display:flex}.crew-next-rank>span{color:#fff6;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900}.crew-next-rank>strong{color:var(--gold);letter-spacing:.02em;font-size:16px}.crew-next-chip{color:#ffffffa6;letter-spacing:.06em;background:#ffffff0a;border:1px solid #ffffff2e;padding:6px 11px;font-size:11px;font-style:normal;font-weight:800}.crew-next-rank[data-ready] .crew-next-chip{color:#6ee7a8;border-color:#6ee7a873}.crew-profile-section{border-bottom:1px solid #ffffff1f;padding:28px 34px 32px}.crew-profile-section:last-child{border-bottom:0}.crew-profile-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.crew-profile-section-heading span{color:#fff6;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900}.crew-profile-section-heading h3{letter-spacing:-.02em;margin:6px 0 0;font-family:Arial Narrow,Impact,sans-serif;font-size:30px;font-weight:900;line-height:.9}.crew-profile-section-heading>strong{color:var(--cyan);font-family:Arial Narrow,Impact,sans-serif;font-size:28px;font-weight:900;line-height:.85}.crew-profile-section-heading>strong small{color:#ffffff61;letter-spacing:.12em;margin-left:7px;font-size:9px;font-weight:900}.crew-skills{border-top:1px solid #ffffff24;border-left:1px solid #ffffff24;grid-template-columns:repeat(6,1fr);display:grid}.crew-skills>div{min-width:0;min-height:52px;animation:.4s both anchor-fade;animation-delay:calc(var(--i) * 20ms);border-bottom:1px solid #ffffff24;border-right:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;transition:background-color .2s;display:flex}.crew-skills>div:hover{background:#ffffff0d}.crew-skills>div[data-maxed]{background:#f5c34b17}.crew-skills>div[data-maxed] strong{color:var(--gold);text-shadow:0 0 18px #f5c34b80}.crew-skills img{object-fit:contain;width:25px;height:25px;image-rendering:pixelated}.crew-skills strong{color:#fff;font-family:Arial Narrow,Impact,sans-serif;font-size:18px;font-weight:900}.crew-bosses{grid-template-columns:repeat(5,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.crew-bosses li{--medal:#fff3;text-align:center;min-width:0;min-height:168px;animation:.45s cubic-bezier(.2,.7,.3,1) both anchor-rise;animation-delay:calc(var(--i) * 60ms);background:#ffffff09;border:1px solid #ffffff21;flex-direction:column;justify-content:center;align-items:center;padding:24px 12px 20px;transition:transform .25s,border-color .25s,background-color .25s;display:flex;position:relative;overflow:hidden}.crew-bosses li:hover{background:#ffffff0f;border-color:#67dcf566;transform:translateY(-3px)}.crew-bosses li[data-medal="1"]{--medal:#f5c34b}.crew-bosses li[data-medal="2"]{--medal:#d3dee4}.crew-bosses li[data-medal="3"]{--medal:#dc9558}.crew-bosses li[data-medal]{border-color:color-mix(in srgb, var(--medal) 38%, transparent)}.crew-bosses li>b{color:var(--medal);letter-spacing:.1em;font-size:11px;font-weight:900;position:absolute;top:10px;left:12px}.crew-bosses img{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 10px 14px #0009)}.crew-bosses li>span{color:#ffffffb3;min-height:26px;margin:10px 0 7px;font-size:12px;line-height:1.2}.crew-bosses li>strong{color:var(--cyan);font-family:Arial Narrow,Impact,sans-serif;font-size:22px;font-weight:900;line-height:.9}.crew-bosses li>strong small{color:#ffffff59;letter-spacing:.1em;font-size:8px;font-weight:900}.crew-boss-bar{width:var(--fill);background:linear-gradient(90deg, transparent, var(--medal));transform-origin:0;height:3px;animation:.6s cubic-bezier(.2,.8,.3,1) both anchor-grow-x;animation-delay:calc(var(--i) * 60ms + .25s);position:absolute;bottom:0;left:0}.crew-profile-skeleton{gap:30px;padding:28px 34px 34px;display:grid}.crew-skeleton-standings{grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.crew-skeleton-standings span{height:66px}.crew-skeleton-section{gap:16px;display:grid}.crew-skeleton-title{width:210px;height:32px}.crew-skeleton-skills{grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.crew-skeleton-skills span{height:52px}.crew-skeleton-bosses{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.crew-skeleton-bosses span{height:168px}.crew-profile-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:320px;padding:40px;display:flex}.crew-profile-error strong{color:#fff;font-size:20px}.crew-profile-error span,.crew-data-empty{color:#ffffff80;font-size:13px}@media (max-width:1200px){.crew-profile{grid-template-columns:320px minmax(0,1fr)}.crew-profile-portrait{width:320px}.crew-profile-heading{padding:24px 72px 24px 26px}.crew-standings,.crew-skeleton-standings{grid-template-columns:repeat(3,1fr)}.crew-skills,.crew-skeleton-skills{grid-template-columns:repeat(4,1fr)}.crew-bosses,.crew-skeleton-bosses{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.crew-gallery-backdrop,.crew-modal-backdrop{align-items:end;padding:0}.crew-gallery{border-bottom:0;border-left:0;border-right:0;width:100%;height:min(850px,95vh);max-height:95vh}.crew-gallery-heading{padding:26px 62px 22px 20px}.crew-gallery-heading h2{font-size:clamp(40px,12vw,56px)}.crew-gallery-close{width:38px;height:38px;top:18px;right:18px}.crew-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;padding:16px 16px 24px}.crew-gallery-copy{padding:13px 13px 0}.crew-gallery-open{padding:10px 13px 12px}.crew-profile{border-bottom:0;border-left:0;border-right:0;grid-template-columns:1fr;width:100%;height:auto;max-height:95vh;overflow-y:auto}.crew-profile-portrait{border-bottom:1px solid #ffffff24;border-right:0;flex:none;width:100%;height:220px}.crew-profile-identity{padding:22px 64px 18px 20px}.crew-profile-identity .eyebrow{margin-bottom:9px;font-size:11px}.crew-profile-identity h2{max-width:80%;font-size:clamp(38px,13vw,56px)}.crew-profile-identity>p{font-size:16px}.crew-profile-content{overflow:visible}.crew-profile-heading{padding:24px 62px 22px 20px}.crew-standings,.crew-skeleton-standings{grid-template-columns:repeat(2,1fr)}.crew-profile-section,.crew-profile-skeleton{padding:24px 20px 28px}.crew-skills,.crew-skeleton-skills{grid-template-columns:repeat(3,1fr)}.crew-skills>div{padding:8px 10px}.crew-bosses,.crew-skeleton-bosses{grid-template-columns:repeat(2,1fr)}}