.costume-release{margin:20px 0 24px}.costume-release{isolation:isolate;position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:20px;border:1px solid #af8bf766;border-radius:24px;padding:38px 34px 30px;overflow:hidden;background:linear-gradient(110deg,#211836fa 5%,#2e1c48e8 48%,#16413fc9),url('/art/landscape.webp?rev=d5e16fd6b97ed72d') center 62%/cover;box-shadow:0 14px 35px #312e4220;color:#fff8ed}.costume-release:before{content:'';position:absolute;z-index:-1;width:450px;height:450px;border-radius:50%;right:-130px;top:-210px;background:radial-gradient(circle,#73cfc149,transparent 70%);pointer-events:none}.release-dismiss{position:absolute;top:12px;right:14px;border:1px solid #ffffff35;border-radius:50%;width:32px;height:32px;background:#ffffff0d;color:#f8f2ff;padding:0;font-size:24px;line-height:1;z-index:2;cursor:pointer}.release-dismiss:hover{background:#ffffff25;border-color:#ffffff80;color:white}.release-copy{max-width:450px}.release-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.8px;background:#f8d975;color:#332640;padding:8px 12px;border-radius:5px}.release-copy h2{font-family:Georgia,serif;font-size:44px;letter-spacing:-1.6px;line-height:1.08;margin:20px 0 14px;color:#fff8ed}.release-copy h2 span{color:#ffda82}.release-copy p{font-size:14px;color:#ede1f9;line-height:1.7;margin:0 0 22px;max-width:390px}.release-cta{display:inline-flex;align-items:center;gap:22px;background:#ffdf88;color:#2e2340;text-decoration:none;padding:13px 18px;border:1px solid #ffe6ab;border-radius:9px;font-size:13px;font-weight:800;box-shadow:0 4px 0 #bd9453}.release-cta:hover{background:#ffe9ad}.release-copy small{display:block;color:#d2c6dd;font-size:10px;line-height:1.7;margin-top:19px}.release-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:5px;min-width:0;margin-top:14px}.release-character{margin:0;min-width:0;text-align:center}.release-portrait{height:250px;position:relative;overflow:hidden}.release-portrait:before{content:'';position:absolute;width:80%;height:22px;border-radius:50%;bottom:15px;left:10%;background:#10151f66;box-shadow:0 0 16px #0002}.release-portrait img{display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:270px;width:270px;max-width:none;object-fit:contain;image-rendering:pixelated}.release-character.cyber .release-portrait{height:275px}.release-character.cyber .release-portrait img{height:294px;width:294px}.release-character figcaption{font-size:10px;line-height:1.4;letter-spacing:.6px;margin-top:5px;color:#e9d0f2}.release-character figcaption strong{font-size:14px;letter-spacing:0;color:#fff2fb}.release-character.cyber figcaption{color:#9bedf0}.release-character.cosy figcaption{color:#d3e8b8}.release-dismiss:focus-visible,.release-cta:focus-visible,.release-reopen:focus-visible{outline:3px solid #fff;outline-offset:4px}.release-reopen{display:block;margin-left:auto;font-size:12px;border:1px solid #d0c4de;background:#f3ecfc;color:#4c3962;border-radius:8px;padding:9px 14px;cursor:pointer}#costume-release [hidden]{display:none!important}@media(max-width:1000px){.costume-release{padding:32px 24px;grid-template-columns:1fr 1fr;gap:8px}.release-copy h2{font-size:37px}.release-portrait{height:215px}.release-portrait img{height:230px;width:230px}.release-character.cyber .release-portrait{height:240px}.release-character.cyber .release-portrait img{height:256px;width:256px}}@media(max-width:700px){.costume-release{grid-template-columns:1fr;padding:28px 22px 24px;gap:12px;background:linear-gradient(145deg,#251b3ff2,#2b2248ed 58%,#1d4c43e3),url('/art/landscape.webp?rev=d5e16fd6b97ed72d') center/cover}.release-copy{max-width:none}.release-copy h2{font-size:38px;margin-top:17px}.release-copy p{font-size:13px;max-width:none;margin-bottom:18px}.release-copy small{font-size:10px}.release-lineup{margin-top:0;max-width:490px;width:100%;justify-self:center;gap:0}.release-portrait{height:190px}.release-portrait img{height:210px;width:210px}.release-character.cyber .release-portrait{height:210px}.release-character.cyber .release-portrait img{height:230px;width:230px}.release-character figcaption strong{font-size:12px}.release-badge{font-size:9px}.release-dismiss{top:10px;right:10px}.release-cta{gap:14px}.release-copy h2 span{white-space:normal}}@media(max-width:380px){.costume-release{padding:27px 16px 22px}.release-copy h2{font-size:32px}.release-portrait{height:165px}.release-portrait img{height:184px;width:184px}.release-character.cyber .release-portrait{height:183px}.release-character.cyber .release-portrait img{height:202px;width:202px}.release-copy small{font-size:9px}.release-character figcaption{font-size:9px}}
.release-menu{position:relative;display:grid;grid-template-columns:122px minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 20px;padding:13px 46px 13px 16px;min-height:106px;border:1px solid #a68de266;border-radius:14px;background:linear-gradient(110deg,#27223bea,#243f43ed);color:#fff4df}.release-mini-art{display:flex;align-items:end;height:72px;gap:0;overflow:hidden}.release-mini-art img{height:78px;width:42px;object-fit:cover;object-position:50% 50%;image-rendering:pixelated;flex:1;min-width:0}.release-mini-copy h2{font-size:18px;line-height:1.3;margin:4px 0;color:#fff6e7}.release-mini-copy p{font-size:12px;line-height:1.5;margin:0;color:#d8deed}.release-mini-badge{font-size:9px;font-weight:750;letter-spacing:1.5px;color:#ffdb8d}.release-mini-cta{padding:11px 13px;font-size:12px;white-space:nowrap;font-weight:700;color:#302c40;background:#ffdf88;border-radius:8px;text-decoration:none}.release-mini-cta:hover{background:#fff0ba}.release-mini-dismiss{position:absolute;top:9px;right:9px;border:0;background:transparent;color:#e5ddf3;padding:0;width:27px;height:27px;font-size:23px;line-height:1;cursor:pointer}.release-mini-cta:focus-visible,.release-mini-dismiss:focus-visible{outline:2px solid white;outline-offset:3px}.release-mini-dismiss:hover{background:#ffffff1a;border-radius:50%}.wardrobe-shop-link{font-size:11px;margin:8px 0}.roo-costume-full .roo-avatar{width:220px!important;height:220px!important;border-radius:16px}.roo-costume-full .pixel-avatar{--sprite-width:220px}.costume-preview .roo-avatar{width:160px!important;height:160px!important;border-radius:14px;font-size:70px}.costume-preview .pixel-avatar{--sprite-width:160px}.roo-costume-note{font-size:13px;line-height:1.7;color:#cad9e8}.roo-confirm-purchase{border:1px solid #b9a87c;border-radius:10px;padding:14px;margin-top:18px;background:#292635}.roo-confirm-purchase p{font-size:13px!important}.roo-confirm-purchase button{margin:5px}.roo-guest-costumes{margin:20px 0}.roo-guest-costumes img{height:150px;width:150px;object-fit:contain;image-rendering:pixelated}.roo-guest-costumes h3{font-size:14px}.roo-guest-costumes p{font-size:12px}@media(max-width:700px){.release-menu{grid-template-columns:96px minmax(0,1fr);gap:8px 12px;padding:14px 36px 14px 12px;min-height:116px}.release-mini-art{height:77px;grid-row:1/3}.release-mini-art img{width:32px;height:79px}.release-mini-copy h2{font-size:15px}.release-mini-copy p{font-size:10px;line-height:1.4}.release-mini-cta{justify-self:start;font-size:11px;padding:7px 10px;grid-column:2}.release-mini-badge{font-size:8px;letter-spacing:1px}.costume-preview .roo-avatar{width:130px!important;height:130px!important}.costume-preview .pixel-avatar{--sprite-width:130px}}@media(max-width:360px){.release-menu{grid-template-columns:75px minmax(0,1fr);gap:8px}.release-mini-art img{width:25px;height:76px}.release-mini-copy h2{font-size:14px}}

.encore-release{background:linear-gradient(110deg,#20233cfa 5%,#38304de8 48%,#514051e8),url('/art/landscape.webp?rev=d5e16fd6b97ed72d') center 62%/cover}.encore-release .release-character figcaption{color:#e2d7f1}.encore-release .release-portrait img{bottom:0}

/* Reusable complete looks: approved art, circular background crop and SVG frame. */
.collection-portrait{position:relative;display:block;isolation:isolate;aspect-ratio:1;width:100%;max-width:100%;flex:none;line-height:0}
.collection-trio .collection-portrait>img.collection-layer{position:absolute;display:block;left:0;top:0;bottom:auto;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transform:none;filter:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.collection-trio .collection-portrait>img.collection-scene{inset:6.5%;width:87%;height:87%;border-radius:50%;object-fit:cover;z-index:0;image-rendering:auto}
.collection-trio .collection-portrait>img.collection-character{clip-path:circle(44% at 50% 50%);z-index:1;image-rendering:pixelated}
.collection-trio .collection-portrait>img.collection-frame{z-index:2;image-rendering:auto}
.collection-release .release-lineup{align-items:center;gap:10px}
.collection-release .release-character{width:100%;min-width:0}
.collection-release .release-copy h2{font-size:clamp(28px,3.6vw,42px)}
.collection-release .release-copy p{max-width:450px}
.originals-release{background:linear-gradient(120deg,#153c3df5,#334b3cf0 65%,#544d33ee)}
.release-mini-art.collection-trio{overflow:visible;gap:6px}
.release-mini-art.collection-trio .collection-portrait{width:58px}
@media(max-width:700px){.collection-release .release-lineup{gap:6px;max-width:430px}.collection-release .release-copy h2{font-size:32px}.release-mini-art.collection-trio .collection-portrait{width:40px}}