:root{color-scheme:light;--bg:#f4f1eb;--surface:#e9e5dd;--surface-hover:#ddd7cc;--text:#262b29;--muted:#62665e;--accent:#ad4428;--rule:#d3cec3;--radius:8px}body{font-size:15px}h1,h2,h3{font-family:var(--font-display);font-weight:800}.button{background:var(--accent);color:white;border-radius:6px;min-height:44px}.button:hover{background:#87331d}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}a:hover{color:var(--accent)}.viewer-header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--rule)}.viewer-header .brand{font-size:21px;white-space:normal}.wordmark-symbol{font-size:42px;line-height:1;color:var(--accent);font-weight:800}.viewer-header nav{display:flex;gap:28px;margin-left:auto;align-items:center}.viewer-header nav a{padding:10px 0;font-size:14px}.catalog-shell,.watch-shell{max-width:1440px;margin:auto;padding:0 5%}.catalog-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;padding:56px 0 40px}.catalog-intro h1{font-size:clamp(32px,4.5vw,58px);line-height:1.23}.catalog-intro>div{width:min(100%,380px)}.catalog-intro p{color:var(--muted);margin-bottom:20px}#discovery-search{display:flex;border-bottom:1px solid #77796f;gap:8px}#discovery-query{width:100%;min-width:0;border:0;background:transparent;color:var(--text);padding:12px 0}#discovery-query::placeholder{color:var(--muted)}#discovery-search button{background:transparent;border:0;width:44px}.featured-stage{display:grid;grid-template-columns:1.6fr 1fr;background:#202a27;color:#f4f1eb;margin-bottom:52px;overflow:hidden;border-radius:12px}.feature-picture{height:360px;background:#17211e;overflow:hidden}.feature-picture img{width:100%;height:100%;object-fit:cover}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:36px}.feature-copy h2{font-size:clamp(26px,3vw,40px);margin-bottom:18px}.feature-copy p{color:#c5cfc5;margin-bottom:28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-copy .button{align-self:flex-start;background:#e4aa79;color:#262b29}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.library-heading h2{font-size:28px}.daily-update{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.catalog-filters,.catalog-filters>div{display:flex;flex-wrap:wrap;gap:8px}.catalog-filters{margin-top:22px}.catalog-filters button{border:1px solid var(--rule);background:transparent;padding:8px 17px;min-height:44px;border-radius:6px}.catalog-filters button[aria-pressed=true]{background:var(--text);color:var(--bg)}#discovery-status{color:var(--muted);font-size:13px;margin:22px 0 18px;min-height:22px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.video-card{min-width:0;display:block}.poster{position:relative;aspect-ratio:16/10;background:#ded9ce;overflow:hidden;border-radius:10px;display:grid;place-items:center}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}.video-card:hover .poster img{transform:scale(1.035)}.poster-fallback{max-width:54px!important;max-height:54px!important;object-fit:contain!important}.poster-label{position:absolute;bottom:12px;left:12px;background:#16221fe8;color:white;padding:3px 9px;font-size:12px;border-radius:4px}.video-card h3{font-size:19px;margin-top:14px;overflow-wrap:anywhere}.video-card p{font-size:13px;color:var(--muted);margin-top:6px}.catalog-more{display:flex;justify-content:center;gap:16px;margin:32px 0}.empty-state{padding:60px 20px;text-align:center}.empty-state p{margin:14px 0 24px}.page-footer{max-width:1296px;padding-inline:0;margin:64px 5% 0}.page-footer a:hover{text-decoration:underline}#landing-ads{margin-top:32px}.age-card .brand{white-space:normal}.age-card .brand-logo{display:none}.watch-shell{padding-top:24px}.back-link{display:inline-block;color:var(--muted);padding:8px 0;margin-bottom:20px;font-size:14px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px}.screen{background:#111916;aspect-ratio:16/9;border-radius:10px;overflow:hidden}.screen video{display:block;width:100%;height:100%;object-fit:contain;background:#111916}#player-status{font-size:13px;color:var(--muted);margin-top:12px;min-height:22px}.watch-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0 30px;border-bottom:1px solid var(--rule)}.watch-heading h1{font-size:clamp(24px,3vw,36px);margin-top:6px;overflow-wrap:anywhere}#video-meta{font-size:13px;color:var(--muted)}.watch-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.text-button{border:0;background:transparent;padding:12px 8px}.synopsis,#episode-section{padding-top:30px}.synopsis h2,#episode-section h2,.related-panel h2{font-size:21px}.synopsis p{margin-top:14px;color:var(--muted);max-width:70ch;white-space:pre-line;overflow-wrap:anywhere}.episodes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.episodes button{border:1px solid var(--rule);background:transparent;padding:10px 16px;min-height:44px}.episodes button[aria-pressed=true]{background:var(--text);color:var(--bg)}.related-panel>p{color:var(--muted);font-size:13px;margin:8px 0 22px}.related-panel .video-card{margin-bottom:24px}.related-panel .poster{aspect-ratio:16/9}.related-panel h3{font-size:16px}.business-contact,.site-disclaimer{max-width:1296px;margin:24px 5%}@media(min-width:1440px){.page-footer{margin-inline:auto}}@media(max-width:1000px){.watch-layout{grid-template-columns:minmax(0,1fr)}#related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.related-panel{border-top:1px solid var(--rule);padding-top:28px}.featured-stage{grid-template-columns:1.2fr 1fr}.feature-copy{padding:26px}.catalog-intro{gap:24px}}@media(max-width:650px){.viewer-header{padding:16px 5%;gap:12px;flex-wrap:wrap}.viewer-header .brand{font-size:18px}.viewer-header nav{gap:18px}.viewer-header nav a{font-size:13px}.wordmark-symbol{font-size:30px}.catalog-intro{display:block;padding:32px 0 26px}.catalog-intro>div{width:100%;margin-top:22px}.catalog-intro p{margin-bottom:8px}.catalog-intro h1 br{display:none}.catalog-intro h1{font-size:32px}.featured-stage{grid-template-columns:1fr;margin-bottom:32px}.feature-picture{height:auto;aspect-ratio:16/9}.feature-copy{padding:24px}.feature-copy h2{font-size:26px;margin-bottom:10px}.feature-copy p{margin-bottom:20px;-webkit-line-clamp:2}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.video-card h3{font-size:16px}.poster{aspect-ratio:4/3}.library-heading h2{font-size:24px}.watch-heading{align-items:flex-start;flex-direction:column}.watch-shell{padding-top:14px}#related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.page-footer{gap:12px}.screen{border-radius:5px}.catalog-filters button{padding:8px 12px}.feature-copy .button{width:100%}}
.welcome{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:36px;align-items:center}.welcome img{width:100%;max-height:320px;object-fit:cover;border-radius:10px}.welcome p{margin-top:16px;color:var(--muted)}.disclaimer-section,.business-section{margin-top:48px}.disclaimer-section h2,.business-section h2{font-size:21px;margin-bottom:16px}.disclaimer-section p{font-size:13px;color:var(--muted)}@media(max-width:650px){.welcome{grid-template-columns:1fr}}
.library-heading h2{min-width:0;overflow-wrap:anywhere}.daily-update{flex-shrink:0}
.show-favorites .catalog-intro,.show-favorites #featured-stage,.show-favorites .welcome{display:none}.show-favorites #library{padding-top:36px}
/* H palette: cosplay illustration behind translucent content surfaces. */
:root{color-scheme:dark;--bg:#0c100d;--surface:#1b251d;--surface-hover:#29372c;--text:#f0f7eb;--muted:#b0bdb1;--accent:#c1ff38;--rule:#354237;--glass:rgba(22,32,24,.82)}
body{background:#0c100d;background-image:radial-gradient(ellipse at 95% 5%,#30462288,transparent 50%),radial-gradient(ellipse at 0 60%,#19352a88,transparent 55%);background-attachment:fixed}::selection{background:var(--accent);color:#102000}::-webkit-scrollbar-thumb{background:#52644e}.button{color:#102000;background:var(--accent)}.button:hover{background:#d5ff7c}.button.secondary{background:#273627;color:var(--text)}.button.secondary:hover{background:#354735}
.viewer-header{margin:18px auto 0;width:90%;padding:16px 24px;background:var(--glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid #c8f6a52b;border-radius:16px}.wordmark-symbol{color:var(--accent)}.viewer-header nav a:hover{color:var(--accent)}.catalog-shell{padding-top:24px}.cosplay-cover{position:relative;min-height:490px;border-radius:20px;overflow:hidden;background:#111b14;isolation:isolate}.cosplay-character{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.cosplay-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080f0bd9,transparent 75%);z-index:-1}.cosplay-copy{max-width:530px;padding:65px 44px}.cosplay-copy h1{font-size:clamp(36px,4.7vw,64px);line-height:1.2}.cosplay-copy em{font-style:normal;color:var(--accent)}.cosplay-copy p{max-width:28ch;color:#d2dfcf;margin:24px 0 30px;font-size:16px}.cover-caption{position:absolute;bottom:20px;right:24px;color:#d4e8ca;font-size:12px;background:#102116c9;padding:6px 12px;border-radius:6px}.catalog-intro{padding:30px 0 24px;align-items:center}.catalog-intro h2{font-size:26px}#discovery-search{border:1px solid #c8f6a52b;border-radius:12px;background:var(--glass);backdrop-filter:blur(18px);padding:0 16px}.featured-stage{grid-template-columns:180px 1fr;min-height:0;margin-bottom:32px;background:var(--glass);backdrop-filter:blur(22px);border:1px solid #c8f6a52b;border-radius:16px}.feature-picture{height:160px}.feature-copy{padding:20px 26px;display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-content:center}.feature-copy h2{font-size:23px;margin:0}.feature-copy p{font-size:14px;margin:0;grid-column:1;-webkit-line-clamp:2}.feature-copy .button{grid-column:2;grid-row:1/3;align-self:center;background:var(--accent);color:#102000}.feature-copy .button:hover{background:#d5ff7c}
#library{padding:26px;background:rgba(18,27,21,.66);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #c8f6a523;border-radius:18px}.catalog-filters button[aria-pressed=true],.episodes button[aria-pressed=true]{background:var(--accent);color:#102000;border-color:var(--accent)}.catalog-filters button:hover{border-color:var(--accent)}.catalog-grid{gap:22px}.video-card{padding:10px 10px 17px;border:1px solid #bde99d26;border-radius:14px;background:rgba(38,51,39,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.video-card:hover{background:rgba(48,66,44,.78);border-color:#c1ff3870}.video-card h3,.video-card p{padding-inline:5px}.poster{background:#26352a}.poster-label{background:#0b1a13e8;color:#d6ffae}.watch-main,.related-panel{padding:20px;border:1px solid #c8f6a52b;border-radius:16px;background:var(--glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.watch-layout{gap:24px;grid-template-columns:minmax(0,1fr) 300px}.watch-heading h1{font-size:30px}.screen,.screen video{background:#060a07}.age-card{padding:32px;border:1px solid #c8f6a530;border-radius:18px;background:var(--glass);backdrop-filter:blur(24px)}.age-gate{background:linear-gradient(#071009b8,#071009ed),url('/assets/plates/qipao-hanfu-v5.png') center/cover}.protection-page{margin:36px auto;border:1px solid #c8f6a52b;border-radius:18px;background:var(--glass);backdrop-filter:blur(22px)}.show-favorites .cosplay-cover{display:none}.disclaimer-section,.business-section{padding:24px;border-radius:16px;background:var(--glass);border:1px solid #c8f6a523;backdrop-filter:blur(20px)}
@media(max-width:1000px){.watch-layout{grid-template-columns:minmax(0,1fr)}.cosplay-copy{max-width:470px;padding:60px 30px}}
@media(max-width:650px){.viewer-header{padding:14px 16px;width:92%;margin-top:12px}.catalog-shell,.watch-shell{padding-inline:4%}.catalog-shell{padding-top:16px}.cosplay-cover{min-height:540px}.cosplay-character{object-position:68% center}.cosplay-cover:after{background:linear-gradient(0deg,#08120bf5 0%,#08120b99 40%,transparent 80%)}.cosplay-copy{padding:285px 24px 30px;max-width:none}.cosplay-copy h1{font-size:36px}.cosplay-copy h1 br{display:none}.cosplay-copy p{margin:14px 0 20px;max-width:27ch;font-size:14px}.cover-caption{top:15px;bottom:auto;right:15px;font-size:10px}.catalog-intro{display:block;padding:24px 0 18px}.catalog-intro h2{font-size:23px}.catalog-intro>div{margin-top:16px}.featured-stage{grid-template-columns:105px 1fr}.feature-picture{height:100%;min-height:170px;aspect-ratio:auto}.feature-copy{display:block;padding:16px}.feature-copy h2{font-size:19px}.feature-copy p{margin:8px 0 12px;font-size:12px}.feature-copy .button{width:auto;min-height:40px;padding:8px 14px;font-size:13px}#library{padding:18px 12px}.catalog-grid{gap:14px 10px}.video-card{padding:7px 7px 12px}.video-card h3{font-size:15px}.video-card p{font-size:11px}.watch-main,.related-panel{padding:12px}.watch-heading h1{font-size:26px}.age-card{padding:24px}.protection-page{margin:20px 4%}.disclaimer-section,.business-section{margin-inline:4%;padding:20px}.daily-update{font-size:11px}}
@supports not (backdrop-filter:blur(1px)){.viewer-header,.video-card,.watch-main,.related-panel,.age-card,#library{background:#18251c}}
@media(min-width:651px){.cosplay-character{object-position:center 15%}}
/* Full-body composition: preserve the entire illustration, including footwear. */
.cosplay-cover{min-height:0;aspect-ratio:16/9}.cosplay-character{object-fit:contain;object-position:center!important}.cosplay-cover:after{background:linear-gradient(90deg,#050b09b8,transparent 34%)}.cosplay-copy{position:absolute;left:0;top:4%;max-width:29%;padding:30px 24px}.cosplay-copy h1{font-size:clamp(25px,3vw,44px)}.cosplay-copy p{font-size:14px;margin:18px 0 24px}.cosplay-copy .button{font-size:14px}.cover-caption{bottom:15px;top:auto;font-size:11px}
.screen{position:relative}.dimension-seal{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#263f2399,#07110ef5),url('/assets/plates/qipao-hanfu-v5.png') center/cover}.dimension-seal:before,.dimension-seal:after{content:'';position:absolute;width:2px;height:150%;background:#c1ff3860;transform:rotate(42deg);z-index:-1}.dimension-seal:after{transform:rotate(-42deg)}.seal-copy{text-align:center;padding:20px;z-index:1;background:#09130cd9;border:1px solid #bdfc6540;border-radius:16px;backdrop-filter:blur(18px);max-width:90%}.seal-copy h2{font-size:clamp(20px,2.7vw,30px);color:#e6ffd2}.seal-copy p{font-size:13px;color:#b9cdb3;margin:10px 0}.seal-copy .button{margin-top:12px}#seal-price{font-size:18px;color:#c1ff38}#unlock-status{display:block;font-size:12px;margin-top:10px;min-height:20px}.seal-orbit{position:absolute;width:70%;aspect-ratio:1;border:1px solid #c1ff3870;border-radius:50%;box-shadow:inset 0 0 38px #b1ff2e14}.seal-orbit:before,.seal-orbit:after{content:'';position:absolute;inset:8%;border:1px dashed #c1ff385c;border-radius:50%}.seal-orbit:after{inset:17%;border-style:solid}.seal-orbit span{position:absolute;inset:0;transform:rotate(45deg);border:1px solid #c1ff3830}.breaking .seal-orbit{animation:rift-release 1.1s cubic-bezier(.16,1,.3,1) forwards}.breaking .seal-copy{animation:seal-release 1.1s ease forwards}.breaking:before,.breaking:after{animation:rift-light 1.1s ease forwards}.seal-badge{position:absolute;top:10px;left:8px;right:8px;background:#10200eec;color:#d7ff9b;border:1px solid #a9f63770;padding:6px 8px;border-radius:6px;font-size:11px;text-align:center}.sealed-card .poster img{filter:brightness(.55) saturate(.65)}.sealed-card:hover .poster img{filter:brightness(.72) saturate(.8)}@keyframes rift-release{0%{transform:scale(.85) rotate(0);opacity:.8}65%{opacity:1}100%{transform:scale(1.9) rotate(100deg);opacity:0}}@keyframes seal-release{40%{filter:blur(0);opacity:1}100%{filter:blur(8px);opacity:0;transform:translateY(-10px)}}@keyframes rift-light{0%{width:2px;opacity:.4}60%{width:10%;opacity:1}100%{width:100%;opacity:0}}@media(max-width:650px){.cosplay-cover{aspect-ratio:auto;padding-top:56.25%}.cosplay-character{top:0;height:auto;aspect-ratio:16/9}.cosplay-cover:after{display:none}.cosplay-copy{position:relative;max-width:none;padding:22px;top:auto;background:#102016d9}.cosplay-copy h1{font-size:30px}.cosplay-copy p{margin:12px 0 18px}.cover-caption{display:none}.screen:has(.dimension-seal:not([hidden])){aspect-ratio:auto;min-height:340px}.seal-copy{padding:20px 12px}.seal-copy h2{font-size:22px}.seal-badge{font-size:10px;padding:4px;top:6px;left:4px;right:4px}}
@media(prefers-reduced-motion:reduce){.breaking *,.breaking:before,.breaking:after{animation:none!important}}
/* Wide portal composition and responsive navigation, 2026-10-21. */
.viewer-header{width:calc(100% - 64px);max-width:1600px;min-height:80px;margin:20px auto 0;padding:12px 24px;gap:24px;border-radius:8px;background:rgba(17,28,22,.88);border-color:#b9eb7c36;box-shadow:0 12px 36px #0003;position:relative;z-index:100}
.viewer-header:before{content:'';position:absolute;left:24px;top:-1px;width:72px;height:2px;background:var(--accent)}
.viewer-header .brand{gap:12px;font-size:22px;letter-spacing:-.03em;white-space:nowrap}
.viewer-header .wordmark-symbol{display:grid;place-items:center;width:40px;height:40px;transform:skew(-12deg);background:var(--accent);color:#0c160c;font-size:36px;border-radius:3px}
.viewer-header nav{gap:8px;min-width:0;margin-left:auto}
.viewer-header nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:4px;white-space:nowrap;transition:background .18s,border-color .18s;color:#d1dec8}
.viewer-header nav a[aria-current=page]{background:#c1ff3819;border-color:#c1ff3866;color:var(--accent)}
.viewer-header nav a:hover{background:#c1ff3812;border-color:#c1ff3844;color:var(--accent)}
.viewer-header nav a span{font-size:20px;color:var(--accent)}
.viewer-header .language-switcher{margin-left:0;padding-left:12px;border-left:1px solid #b9eb7c36}
.viewer-header .language-switcher summary{border-radius:4px}
.viewer-header .language-switcher summary:hover,.viewer-header .language-switcher[open] summary{background:#283a22}
.viewer-header .language-menu{background:#142219;border-color:#526844;border-radius:8px}
.viewer-header .language-menu select{background:#0c160f;border-color:#526844}
.viewer-header a:focus-visible,.viewer-header summary:focus-visible,.hero-actions a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.catalog-page .catalog-shell{max-width:1664px;padding:24px 32px 0}
.catalog-page .cosplay-cover{aspect-ratio:auto;min-height:440px;height:clamp(440px,32vw,540px);padding:0;border-radius:8px;border:1px solid #b9eb7c36;background:#0e1a13}
.catalog-page .cosplay-character{width:76%;height:100%;right:0;top:0;object-fit:cover;object-position:center 20%!important;aspect-ratio:auto}
.catalog-page .cosplay-cover:after{display:block;background:linear-gradient(90deg,#0e1a13 0%,#0e1a13f5 23%,#0e1a1380 43%,transparent 62%)}
.catalog-page .cosplay-copy{position:relative;top:auto;left:auto;max-width:48%;height:100%;padding:48px;display:flex;flex-direction:column;justify-content:center;background:none}
.catalog-page .cosplay-copy h1{font-size:clamp(40px,4.2vw,64px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}
.catalog-page .cosplay-copy p{font-size:16px;line-height:1.8;margin:24px 0 32px;max-width:26ch;color:#d1dfca}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-actions .button{padding:14px 22px;min-height:48px;border-radius:3px;font-weight:700}
.hero-save{min-height:44px;display:flex;align-items:center;gap:12px;font-size:14px;color:#e0ecd9;border-bottom:1px solid #a1b792}
.hero-save:hover{color:var(--accent);border-color:var(--accent)}
.catalog-page .cover-caption{right:24px;bottom:20px;border:1px solid #b9eb7c36;border-radius:3px;backdrop-filter:blur(16px)}
#library{scroll-margin-top:24px}.catalog-page .catalog-intro{padding:28px 0;gap:24px}
@media(min-width:1500px){.catalog-page .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){
 .viewer-header{width:calc(100% - 32px);padding:12px 16px;gap:12px}.viewer-header .brand{font-size:19px}.viewer-header nav a{padding:10px;font-size:13px}
 .catalog-page .catalog-shell{padding:20px 16px 0}.catalog-page .cosplay-copy{padding:32px;max-width:52%}.catalog-page .cosplay-copy h1{font-size:40px}.hero-actions{gap:16px}
}
@media(max-width:650px){
 .viewer-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:12px;padding:14px 16px 8px;min-height:0}
 .viewer-header .brand{grid-column:1;grid-row:1;font-size:19px;white-space:normal;min-width:0}.viewer-header .wordmark-symbol{flex-shrink:0;width:32px;height:32px;font-size:30px}
 .viewer-header .language-switcher{grid-column:2;grid-row:1;padding-left:0;border:0}.viewer-header .language-code{display:inline}
 .viewer-header nav{grid-column:1/-1;grid-row:2;display:flex;width:100%;margin:0;gap:4px;overflow-x:auto;border-top:1px solid #b9eb7c26;padding-top:8px;scrollbar-width:thin}
 .viewer-header nav a{flex:1 0 auto;padding:10px 12px;font-size:13px}.viewer-header nav a span{font-size:17px}
 .catalog-page .cosplay-cover{height:auto;min-height:0;padding-top:66%;display:flex;flex-direction:column}
 .catalog-page .cosplay-character{width:100%;height:auto;aspect-ratio:1.5;object-position:center!important}
 .catalog-page .cosplay-cover:after{height:0;display:none}
 .catalog-page .cosplay-copy{max-width:none;height:auto;padding:24px;background:#101e16;border-top:1px solid #b9eb7c26}
 .catalog-page .cosplay-copy h1{font-size:34px}.catalog-page .cosplay-copy h1 br{display:block}.catalog-page .cosplay-copy p{font-size:14px;margin:16px 0 24px;max-width:32ch}
 .catalog-page .catalog-intro{padding:24px 0}.hero-actions{gap:24px}.catalog-page .cover-caption{display:none}
}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Compact information dock: contacts stay visible; long notices expand on demand. */
.footer-panels{width:calc(100% - 64px);max-width:1600px;margin:24px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.footer-panels:empty{display:none}
.footer-panels>.container{width:100%;max-width:none;margin:0;padding:24px;border-radius:8px;background:rgba(22,32,24,.8);border:1px solid #b9eb7c30;box-sizing:border-box;min-width:0}
.footer-panels>.container:only-child{grid-column:1/-1}
.footer-panels .business-section{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-panels .business-copy{min-width:0;flex:1}
.footer-panels .business-copy h2{font-size:16px;margin:0;color:var(--muted)}
.footer-panels .business-contact{max-width:none;margin:8px 0 0;padding:0;font-size:20px;font-weight:600;color:var(--text);overflow-wrap:anywhere}
.footer-panels .business-copy>p:not(.business-contact){margin-top:12px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.footer-panels .business-section .button{flex-shrink:0;font-size:13px;border-color:#c1ff3866;background:#c1ff380a;color:var(--accent);border-radius:4px}
.footer-panels .disclaimer-section{padding:0}
.disclaimer-section summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:24px;min-height:96px;font-size:16px;font-weight:600}
.disclaimer-section summary::-webkit-details-marker{display:none}
.disclaimer-section summary:hover{color:var(--accent);background:#c1ff3808}
.disclaimer-section summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
.footer-disclosure{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c1ff3844;border-radius:4px;font-size:23px;color:var(--accent);transition:transform .2s}
.disclaimer-section[open] .footer-disclosure{transform:rotate(45deg)}
.disclaimer-body{padding:0 24px 24px}
.disclaimer-body p{padding-top:20px;border-top:1px solid #b9eb7c26;max-width:75ch;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.catalog-page .page-footer{width:calc(100% - 64px);max-width:1600px;margin:20px auto 0;padding:20px 0 28px;align-items:center;flex-direction:row;gap:20px;border-color:#b9eb7c26;font-size:12px}
.catalog-page .page-footer span{color:#d5e2cc;font-weight:600}.catalog-page .page-footer a{min-height:44px;display:flex;align-items:center}
#landing-ads{margin-top:24px}#landing-ads .advert{border:1px solid #b9eb7c30;border-radius:8px;background:rgba(22,32,24,.8);backdrop-filter:blur(20px)}
#landing-ads .ad-link{padding:20px 24px}#landing-ads .ad-copy h3{font-size:18px}#landing-ads .ad-copy p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.footer-panels,.catalog-page .page-footer{width:calc(100% - 32px)}}
@media(max-width:650px){.footer-panels{grid-template-columns:1fr;gap:12px;margin-top:16px}.footer-panels>.container{padding:20px}.footer-panels .disclaimer-section{padding:0}.disclaimer-section summary{padding:16px 20px;min-height:72px}.disclaimer-body{padding:0 20px 20px}.footer-panels .business-section{flex-wrap:wrap;gap:16px}.footer-panels .business-contact{font-size:18px}.catalog-page .page-footer{margin-top:16px;flex-wrap:wrap;padding:12px 0 20px;gap:8px 16px}#landing-ads .ad-link{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){.footer-disclosure{transition:none}}


.featured-stage.fixed-recommendations{display:block;padding:20px}.recommendation-heading{padding:0 4px 16px}.recommendation-heading h2{font-size:22px}.recommendation-heading p{color:var(--muted);font-size:13px;margin-top:8px}.recommendation-row{display:grid;grid-template-columns:180px minmax(0,1fr);border-top:1px solid #c8f6a52b;padding-block:12px}.recommendation-row .feature-picture{border-radius:10px}.recommendation-row h3{font-size:20px}.recommendation-row .feature-copy p[role=status]:empty{display:none}@media(max-width:650px){.featured-stage.fixed-recommendations{padding:14px}.recommendation-row{grid-template-columns:95px minmax(0,1fr)}.recommendation-row .feature-copy{padding:12px}.recommendation-row h3{font-size:17px}}

.recommendation-row .feature-picture{display:grid;place-items:center}

.cosplay-copy [data-site="heroTitle"],.cosplay-copy [data-site="heroDescription"]{white-space:pre-line;overflow-wrap:anywhere}.cosplay-copy .title-period{color:#baff30}.catalog-description{color:var(--muted,#aab7a5);margin:0 0 20px}.catalog-description:empty,.page-footer [data-site]:empty{display:none}

.playback-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0}.playback-options label{font-size:14px}.playback-options select{max-width:100%;min-height:44px;padding:8px 12px;color:#e9f2df;background:#17251c;border:1px solid #a9d87055;border-radius:8px}.playback-options span{font-size:12px;color:#b5c6ab}@media(max-width:650px){.playback-options span{flex-basis:100%}}
.rift-logo{width:40px;height:40px;flex:0 0 40px;object-fit:contain}.viewer-header .brand{display:flex;align-items:center;gap:10px}
.fixed-recommendations .recommendation-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 4px 22px}.recommendation-heading h2{font-family:'Noto Serif SC','Songti SC',serif;letter-spacing:.04em;font-size:28px}.recommendation-heading p{max-width:44ch;line-height:1.7}.trial-pass-link{display:inline-block;color:#c1ff38;font-size:13px;margin-top:12px;padding:6px 0;min-height:32px}.trial-chips{display:flex;gap:7px;margin-top:12px}.trial-chip{width:22px;height:5px;background:#52634e;border-radius:2px}.trial-chip.available{background:#c1ff38}.trial-jade{position:relative;isolation:isolate;flex:0 0 112px;min-height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center}.jade-shard{position:absolute;inset:0;z-index:-1;transition:transform .5s,opacity .5s}.jade-shard img{width:100%;height:100%;opacity:.6}.jade-shard.left{clip-path:polygon(0 0,58% 0,44% 44%,58% 52%,42% 100%,0 100%)}.jade-shard.right{clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%,58% 52%,44% 44%)}.trial-counter{font:600 32px/1.1 Georgia,serif;color:#efffde;font-variant-numeric:tabular-nums}.trial-caption{font-size:11px;margin-top:8px;background:#10231fea;padding:3px 5px;color:#daeacb}.depleted .jade-shard.left{transform:translate(-7px,4px) rotate(-9deg);opacity:.4}.depleted .jade-shard.right{transform:translate(7px,7px) rotate(9deg);opacity:.4}.shattering .jade-shard.left{animation:jade-break-left .9s ease-out}.shattering .jade-shard.right{animation:jade-break-right .9s ease-out}
.fixed-recommendations .recommendation-row{grid-template-columns:220px minmax(0,1fr);gap:22px;padding:20px 0}.recommendation-row .feature-picture{position:relative;overflow:hidden;aspect-ratio:16/10;height:auto;min-height:0}.recommendation-row .feature-picture>img{width:100%;height:100%;object-fit:cover}.recommendation-row .feature-copy{padding:8px 0;gap:8px 20px;min-width:0}.recommendation-row h3{overflow-wrap:anywhere}.recommendation-seal{position:absolute;inset:0;display:grid;place-items:center;background:#06130d65;color:#edffce;letter-spacing:.2em;font:600 17px 'Noto Serif SC','Songti SC',serif}.recommendation-seal:before{content:'';position:absolute;width:74px;height:74px;border:1px solid #d1e9a5;transform:rotate(45deg)}.is-unlocked:not(.unsealing) .recommendation-seal{display:none}.unsealing .recommendation-seal{animation:trial-release .9s ease-out forwards}.unsealing .recommendation-seal:before{animation:trial-ring .9s ease-out forwards}.recommendation-row .button{min-height:44px}.recommendation-row .feature-copy p[role=status]{grid-column:1/-1;color:#d7efba;font-size:12px;line-height:1.6}
@keyframes trial-release{0%{opacity:1}55%{background:#b6ff3833;opacity:1}100%{opacity:0;filter:blur(4px)}}@keyframes trial-ring{to{transform:rotate(90deg) scale(2.2);opacity:0}}@keyframes jade-break-left{from{transform:none;opacity:1}to{transform:translate(-7px,4px) rotate(-9deg);opacity:.4}}@keyframes jade-break-right{from{transform:none;opacity:1}to{transform:translate(7px,7px) rotate(9deg);opacity:.4}}
@media(max-width:650px){.rift-logo{width:34px;height:34px;flex-basis:34px}.featured-stage.fixed-recommendations{padding:18px 16px}.fixed-recommendations .recommendation-heading{gap:12px;padding-bottom:16px}.recommendation-heading h2{font-size:25px}.trial-jade{flex-basis:90px;min-height:108px}.trial-counter{font-size:29px}.trial-caption{font-size:10px}.fixed-recommendations .recommendation-row{grid-template-columns:minmax(0,1fr);gap:0;padding:20px 0}.recommendation-row .feature-picture{aspect-ratio:16/9;min-height:0;width:100%}.recommendation-row .feature-copy{display:flex;flex-direction:column;padding:14px 0 0;gap:10px}.recommendation-row .feature-copy h3{font-size:20px;line-height:1.5;margin:0}.recommendation-row .feature-copy p{margin:0;line-height:1.6;font-size:13px}.recommendation-row .feature-copy .button{width:100%;margin-top:4px;min-height:46px}.recommendation-row:last-child{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.jade-shard{transition:none}.shattering .jade-shard,.unsealing .recommendation-seal,.unsealing .recommendation-seal:before{animation:none}.unsealing .recommendation-seal{display:none}}

.trial-counter{background:#10271fe8;border-radius:4px;padding:2px 7px}

.category-panel{margin:0 0 20px;border-block:1px solid #c8f6a52b}.category-panel summary{cursor:pointer;min-height:48px;padding:13px 0;color:#e4eedb;font-size:14px}.category-panel summary span{color:#bbed82;margin-left:12px;font-size:12px}.category-panel[open] summary{margin-bottom:6px}.category-panel .catalog-filters{padding-bottom:16px;margin-bottom:0}@media(max-width:650px){.category-panel .catalog-filters{max-height:240px;overflow-y:auto;overscroll-behavior:contain}.category-panel summary{padding-block:14px}}