.preview-note{text-align:center;background:#32233e;color:#ddcde5;font-size:10px;letter-spacing:.8px;padding:7px 10px}.preview-note span{color:#ffd34e;margin:0 7px}.header-actions{display:flex;align-items:center;gap:12px}.age{font-size:11px;border:1px solid #695374;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;color:#cfbada}.cz-shell{max-width:1480px}.cz-cat-item>span{width:20px;color:#d6af72;font-size:20px}.side-divider{height:1px;background:#ffffff12;margin:22px 10px}.side-ticket{margin:28px 0 20px;padding:22px 18px;border:1px solid #8e633957;border-radius:15px;background:radial-gradient(ellipse at top right,#73494a77,transparent 80%),#2a1b32}.side-ticket h3{font-size:24px;line-height:1.2;margin:13px 0;color:#ffe0a0}.side-ticket p{font-size:12px;color:#c8b3cb}.side-ticket a{font-size:11px;color:#ffe0a0;font-weight:700}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#d9b585}.side-help{display:flex;gap:10px;padding:14px 0;background:none;border:0;color:#d5c1de;text-align:left;align-items:center;width:100%;font-size:11px}.side-help small{display:block;color:#9f89b2;margin-top:3px}.side-help b{margin-left:auto}.side-help>span:first-child{font-size:25px;color:#54cabd}.cz-hero{margin-top:0!important;min-height:374px}.cz-hero-slide{min-height:374px}.cz-hero-art{opacity:1;object-position:center 48%}.cz-hero-slide:after{background:linear-gradient(90deg,#27102ac7 0,#28112b88 47%,#22102800 73%)}.cz-hero-copy{padding:43px 42px}.cz-hero-title{font-size:62px;max-width:450px}.hero-label{color:#ffe1a2;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.hero-label span{width:5px;height:5px;border-radius:50%;background:#ffe180;box-shadow:0 0 10px #ffe180}.hero-foot{margin-top:19px;font-size:8px;letter-spacing:2px;color:#eac8b1}.hero-stamp{position:absolute;z-index:2;right:29px;bottom:28px;border:1px solid #f8d88b88;border-radius:50%;width:94px;height:94px;color:#ffdc97;background:#281432ad;text-align:center;padding:16px 5px;font-size:7px;letter-spacing:1.5px;transform:rotate(12deg)}.hero-stamp strong{font-size:28px;line-height:1.1}.welcome-strip{margin-top:16px;padding:14px 17px;background:#2c213b;border:1px solid #ffffff12;border-radius:12px;display:flex;gap:12px;align-items:center;font-size:11px;color:#d4c4dc}.spark{color:#ffd34e;font-size:22px}.welcome-strip strong{color:#ffe095}.strip-end{margin-left:auto;font-size:8px;letter-spacing:1px;color:#bfa9cd;display:flex;align-items:center;gap:10px}.strip-end b{border:1px solid #75627d;padding:3px 5px;border-radius:5px}.cz-sec-title{margin:4px 0 0}.catalog-note{font-size:10px;color:#ad98bd}.game-controls{display:flex;align-items:center;gap:9px;margin:20px 0}.tabs{display:flex;gap:5px;flex:1;overflow:auto}.tabs button{color:#beaccd;background:none;border:1px solid transparent;padding:8px 13px;border-radius:8px;white-space:nowrap;font-size:12px}.tabs button:hover{color:#fff}.tabs .selected{background:#ffd34e;color:#281633;font-weight:800}.game-controls .ts-search{min-height:37px;width:210px;padding:0 11px;font-size:11px;border-color:#4e375c}.ts-search>span{font-size:22px;color:#bda5ca}.favorite-filter{width:38px;height:37px;border:1px solid #4e375c;border-radius:10px;background:#21162e;color:#ffd34e;font-size:20px}.favorite-filter[aria-pressed=true]{background:#ffd34e;color:#251936}.cz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cz-gcard-name{font-size:15px}.cz-gcard-body{padding:15px}.card-launch{position:absolute;inset:0;background:none;border:0;z-index:2;width:100%}.cz-gcard-fav{z-index:4}.card-arrow{color:#ffe095;align-self:center;font-size:20px}.catalog-foot{display:flex;align-items:center;gap:4px;font-size:10px;color:#a68eb6;margin-top:18px}.catalog-foot button{margin-left:auto;border:0;background:none;color:#d9b990;font-size:11px}.rewards-panel{margin-top:38px;border:1px solid #ffffff17;border-radius:19px;padding:30px 34px;background:radial-gradient(ellipse at 85% 50%,#60414755,transparent 70%),#251b34;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden}.rewards-panel h2{font-size:28px;letter-spacing:-.8px;margin:10px 0}.rewards-panel p{font-size:12px;color:#c2afce;max-width:360px}.rewards-panel .cz-btn{font-size:11px;min-height:38px;padding:8px 14px;margin-top:10px}.ticket-art{background:#e5bc79;color:#4a2639;padding:18px 24px;transform:rotate(9deg);outline:1px dashed #784a42;outline-offset:-8px;text-align:center;border-radius:8px;min-width:180px;box-shadow:9px 9px 0 #d3916544}.ticket-art span,.ticket-art small{display:block;font-size:7px;letter-spacing:2px}.ticket-art b{font-size:32px;line-height:1.5;display:block}.ticket-art strong{font-size:15px;line-height:1.15;display:block}.ticket-art small{font-size:5px;margin-top:12px}.guide{margin-top:38px}.text-button{background:transparent;color:#c5afcd;border:0;font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.steps article{border-top:1px solid #554063;padding-top:20px}.steps article>span{color:#bc925d;font-size:11px}.steps h3{font-size:14px;margin:9px 0}.steps p{font-size:11px;line-height:1.8;color:#b7a1c6;margin:0}.footer-logo{width:130px}.cz-footer>p{margin:6px}.footer-links{display:flex;gap:20px;justify-content:center;margin:22px}.footer-links button{font-size:11px;border:0;background:none;color:#c7b3d1}dialog{background:#251936;color:#fff8ed;border:1px solid #9b704f;border-radius:20px;padding:32px;max-width:460px;width:calc(100% - 32px);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#0c0715bd;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:14px;top:9px;border:0;background:none;color:#cfb9d6;font-size:28px}.dialog-image{width:100%;border-radius:12px;margin-top:10px}.dialog-title{font-size:27px;line-height:1.2;color:#ffdd91}.dialog-copy{font-size:14px;color:#cebcd8;line-height:1.8}.dialog-meta{font-size:11px;padding:12px;background:#190f25;border-radius:8px;color:#b9a5ca}.dialog-route{color:#46d5c5;font-size:12px;overflow-wrap:anywhere}.dialog-label{font-size:9px;letter-spacing:1.5px;color:#dbb87d} @media(min-width:1450px){.cz-hero-title{font-size:70px}.cz-hero-copy{padding:48px}}@media(max-width:1150px){.game-controls{flex-wrap:wrap}.tabs{flex-basis:100%}.game-controls .ts-search{flex:1}.cz-hero-title{font-size:54px}}@media(max-width:600px){.preview-note{font-size:8px}.age{display:none}.header-actions .cz-btn{font-size:11px;padding:9px 13px}.cz-hero,.cz-hero-slide{min-height:350px}.cz-hero-copy{padding:32px 23px}.cz-hero-title{font-size:48px;margin-top:16px}.hero-label{font-size:7px;letter-spacing:1.2px}.cz-hero-sub{max-width:240px;font-size:13px}.hero-stamp{right:14px;bottom:18px;width:65px;height:65px;padding:10px 2px;font-size:5px}.hero-stamp strong{font-size:20px}.hero-foot{font-size:6px;letter-spacing:1.5px}.cz-hero .cz-btn{padding:11px 17px;min-height:43px;font-size:12px}.welcome-strip{padding:10px 12px;font-size:10px}.strip-end{display:none}.catalog-note{display:none}.cz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cz-gcard-name{font-size:12px}.cz-gcard-body{padding:11px}.cz-gcard-tag{font-size:9px}.cz-sec-title{font-size:23px}.rewards-panel{padding:24px;position:relative;min-height:220px}.rewards-panel>div:first-child{z-index:1;max-width:80%}.rewards-panel h2{font-size:25px}.rewards-panel p{font-size:11px}.ticket-art{position:absolute;right:-65px;opacity:.25;transform:rotate(15deg)}.steps{gap:15px;grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:30px 1fr;gap:0 10px;padding-top:14px}.steps h3{margin:0}.steps p{grid-column:2}.footer-links{gap:10px;flex-wrap:wrap}.cz-footer-warning{font-size:10px}.cz-bottomnav span{font-size:20px}}
/* Animated peryahan featured-game stage */
.featured-showcase{min-height:440px;background:#261132;position:relative;padding:25px 32px 19px;touch-action:pan-y}.perya-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.perya-backdrop{width:100%;height:100%;object-fit:cover;opacity:.48}.perya-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#21102cf5 2%,#28132dcc 43%,#24102e38 100%),linear-gradient(0deg,#251332 0%,transparent 45%)}.perya-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 55%,#ec995b66,transparent 60%);animation:perya-glimmer 5s ease-in-out infinite alternate}.perya-wheel{position:absolute;right:-32px;top:8px;width:360px;height:420px;opacity:.5}.wheel-spin{transform-origin:180px 180px;animation:perya-turn 65s linear infinite}.perya-bulbs{position:absolute;left:-2%;right:-2%;top:0;display:flex;justify-content:space-around;padding:8px 0 10px;border-bottom:1px solid #e1ab5866;border-radius:0 0 50% 50%;z-index:1}.perya-bulbs i{width:5px;height:8px;border-radius:50%;background:#ffdc82;box-shadow:0 0 10px 3px #ffc45977;animation:perya-bulb 2.5s ease-in-out infinite alternate}.perya-bulbs i:nth-child(3n){background:#64e4d0;animation-delay:-1s}.perya-bulbs i:nth-child(3n + 1){animation-delay:-1.8s}.perya-sparkles{position:absolute;right:10%;top:18%;width:35%;height:70%;display:flex;justify-content:space-between;align-items:center;color:#ffe3a0;font-size:22px;animation:perya-float 7s ease-in-out infinite;z-index:1}.perya-sparkles span{align-self:flex-start;font-size:35px}.perya-sparkles span:last-child{align-self:flex-end}.showcase-topline,.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}.showcase-topline{margin:9px 0 12px}.showcase-topline .eyebrow{font-size:9px;color:#ffde9b;letter-spacing:2px}.live-spark{font-size:17px;margin-right:6px}.showcase-motto{font-size:7px;letter-spacing:1.7px;color:#ead3b6}.featured-slides{display:grid;position:relative;min-height:327px}.featured-slide{grid-area:1/1;display:grid;grid-template-columns:1fr 46%;align-items:center;gap:20px;visibility:hidden;opacity:0;transform:translateX(22px);transition:opacity .55s ease,transform .55s ease,visibility .55s;pointer-events:none;min-width:0}.featured-slide.is-active{visibility:visible;opacity:1;transform:none;pointer-events:auto}.featured-copy{padding:20px 0 25px;min-width:0}.featured-kicker{font-size:8px;color:var(--slide-accent);letter-spacing:2.1px;font-weight:800}.featured-title{font-size:clamp(40px,4.5vw,68px);letter-spacing:-2.5px;line-height:.98;margin:14px 0 16px;font-weight:900}.featured-title em{font-style:normal;color:#ffdc78}.featured-copy p{max-width:315px;font-size:12px;line-height:1.75;color:#dac9e0;margin:0 0 21px}.featured-open{font-size:12px;gap:24px}.featured-all{display:inline-block;font-size:10px;color:#e7d4da;margin:14px 0 0 15px}.featured-artwork{position:relative;display:block;padding:0;border:0;background:none;color:white;min-width:0;transform:rotate(-4deg);margin:15px 10px 25px 0;transition:transform .3s}.featured-artwork:hover{transform:rotate(0deg) scale(1.025)}.featured-artwork img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;border:2px solid #f9cf8180;box-shadow:0 22px 44px #0b051eaa;position:relative}.artwork-halo{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(ellipse,var(--slide-accent),transparent 68%);opacity:.2;filter:blur(15px)}.featured-art-label{position:relative;margin:-13px 12px 0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:#301d3cf2;border:1px solid #b7865470;border-radius:9px;font-size:10px;box-shadow:0 8px 20px #0005}.featured-art-label b{font-size:7px;letter-spacing:1px;color:#ffda84}.showcase-controls{border-top:1px solid #eab76926;padding-top:15px}.featured-dots{display:flex;gap:5px;align-items:center}.featured-dots button{width:25px;height:32px;background:transparent;border:0;padding:10px 4px}.featured-dots button:after{content:'';display:block;height:4px;width:100%;border-radius:5px;background:#ad8598;transition:background .25s}.featured-dots button[aria-current=true]{width:46px}.featured-dots button[aria-current=true]:after{background:#ffda78}.showcase-navigation{display:flex;align-items:center;gap:7px}.showcase-navigation button{width:36px;height:36px;background:#301c3b;border:1px solid #ad80536b;border-radius:50%;color:#ffe2a0;font-size:17px}.showcase-navigation button:hover{background:#62405a}.showcase-navigation #featuredPause{font-size:12px}.featured-count{font-size:9px;letter-spacing:2px;color:#c4a9ce;margin-right:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-paused .perya-scene *{animation-play-state:paused!important}@keyframes perya-turn{to{transform:rotate(360deg)}}@keyframes perya-bulb{to{opacity:.45;box-shadow:0 0 3px #ffd34e44}}@keyframes perya-glimmer{to{opacity:.45}}@keyframes perya-float{50%{transform:translateY(-13px)}}
@media(max-width:600px){.featured-showcase{padding:22px 20px 15px;min-height:590px}.showcase-motto{display:none}.showcase-topline{margin-bottom:5px}.featured-slides{min-height:480px}.featured-slide{grid-template-columns:1fr;gap:0;align-content:start}.featured-copy{padding:15px 0 12px;position:relative;z-index:1}.featured-title{font-size:45px;letter-spacing:-1.7px;margin:10px 0}.featured-title br{display:none}.featured-title em{margin-left:9px}.featured-copy p{font-size:11px;max-width:310px;margin-bottom:14px;min-height:39px}.featured-kicker{font-size:7px}.featured-open{min-height:41px;padding:10px 16px}.featured-all{font-size:9px;margin-left:12px}.featured-artwork{width:78%;max-width:285px;justify-self:center;margin:4px 0 22px;transform:rotate(-3deg)}.featured-artwork img{border-radius:14px}.featured-art-label{font-size:9px;padding:9px;margin-left:8px;margin-right:8px}.featured-art-label b{font-size:6px}.perya-wheel{width:320px;right:-70px;top:175px;opacity:.6}.perya-scene:after{background:linear-gradient(180deg,#21102ee6 0%,#261331c9 30%,#26133122 62%,#251332ee 100%)}.showcase-navigation button{width:34px;height:34px}.featured-count{margin-right:3px}.featured-dots{gap:1px}.featured-dots button{width:21px}.featured-dots button[aria-current=true]{width:35px}}@media(prefers-reduced-motion:reduce){.featured-showcase *{animation:none!important;transition:none!important}}
/* Bespoke peryahan line icons, drawn for the mobile navigation. */
@media(max-width:1023px){.cz-bottomnav{padding-top:7px;background:linear-gradient(180deg,#302039f7,#1b112afc);border-top:1px solid #bd925644;box-shadow:0 -8px 30px #120b2533}.cz-bottomnav a{position:relative;min-width:54px;gap:4px;padding:6px 8px;color:#bca9cb;border-radius:13px;transition:background .2s,color .2s}.cz-bottomnav .perya-nav-icon{width:29px;height:29px;overflow:visible;filter:drop-shadow(0 2px 2px #0003)}.cz-bottomnav .icon-accent{stroke:#d2aa6c}.cz-bottomnav .nav-label{font-size:9px;line-height:1.4;letter-spacing:.25px;font-weight:700}.cz-bottomnav a.active{background:linear-gradient(180deg,#ffd34e18,#ffd34e04);color:#ffe2a0}.cz-bottomnav a.active:before{content:'';position:absolute;top:-8px;width:24px;height:3px;border-radius:0 0 5px 5px;background:#ffda78;box-shadow:0 2px 10px #ffcf6370}.cz-bottomnav a.active .icon-accent{stroke:#ffe2a0;fill:#ffd34e33}.cz-bottomnav a:hover{color:#ffdf95;background:#ffda7810}}

/* Premium custom Tsubibo Club ticket artwork. */
.rewards-panel{gap:18px;padding:28px 30px;background:radial-gradient(ellipse at 83% 50%,#79502c40,transparent 63%),#251b34}.rewards-panel>div:first-child{flex:1;min-width:0}.premium-ticket-art{flex:0 1 46%;min-width:0;position:relative}.premium-ticket-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px;filter:drop-shadow(0 15px 20px #10071d55)}
@media(max-width:600px){.rewards-panel{padding:25px 22px 15px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.rewards-panel>div:first-child{max-width:100%;width:100%}.premium-ticket-art{flex:auto;width:100%;max-width:380px;align-self:center}.premium-ticket-art img{border-radius:12px}.rewards-panel h2{max-width:290px}.rewards-panel p{max-width:310px}}
/* Full-opacity carnival photography behind the Rewards content. */
.rewards-panel{position:relative;isolation:isolate;background-color:#281331;background-image:linear-gradient(90deg,rgba(25,10,36,.88) 0%,rgba(30,12,40,.76) 42%,rgba(32,12,36,.25) 100%),url('../asset/brands/tsubibo/lobby/backdrop.webp');background-size:cover;background-position:center,center 64%;border-color:#c6914b66;box-shadow:inset 0 1px 0 #ffda7720,0 12px 35px #0c051d25;min-height:285px}.rewards-panel>div:first-child{position:relative;z-index:1}.rewards-panel .eyebrow{color:#ffe0a0}.rewards-panel h2{text-shadow:0 2px 12px #18082488}.rewards-panel p{color:#eee0ee}.rewards-panel .cz-btn-ghost{background:#251533d9;border-color:#c59766;color:#ffe7b3}.rewards-panel .cz-btn-ghost:hover{background:#51304ce8}
@media(max-width:600px){.rewards-panel{background-image:linear-gradient(180deg,rgba(26,10,38,.87) 0%,rgba(30,11,40,.72) 45%,rgba(30,11,40,.2) 100%),url('../asset/brands/tsubibo/lobby/backdrop.webp');background-position:center,66% center;min-height:0}}

/* Fabric-like banderitas over the featured carousel. */
.featured-showcase{padding-top:100px}.slider-bunting{position:absolute;inset:0 0 auto;height:102px;z-index:2;pointer-events:none;overflow:hidden;filter:drop-shadow(0 5px 4px #12072044)}.slider-bunting svg{display:block;width:100%;height:110px;overflow:visible}.bunting-string{transform-origin:500px 0;animation:bunting-breeze 6s ease-in-out infinite}.bunting-flag{transform-box:fill-box;transform-origin:50% 0%;animation:flag-flutter var(--flag-duration,3.8s) ease-in-out var(--flag-delay,0s) infinite;will-change:transform}.perya-bulbs{opacity:.65}.is-paused .slider-bunting *{animation-play-state:paused!important}
@keyframes flag-flutter{0%,100%{transform:rotate(-3deg) skewX(-3deg) scaleY(.96)}35%{transform:rotate(5deg) skewX(5deg) scaleY(1)}70%{transform:rotate(-1deg) skewX(-2deg) scaleY(.91)}}
@keyframes bunting-breeze{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(3px) rotate(.3deg)}}
@media(max-width:600px){.featured-showcase{padding-top:77px}.slider-bunting{height:78px}.slider-bunting svg{width:680px;max-width:none;height:82px;position:relative;left:50%;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.slider-bunting *{animation:none!important;will-change:auto}}


/* Loading placeholders keep the existing card dimensions stable. */
.cz-gcard-img{position:relative;overflow:hidden;background:#342040}.cz-gcard-img.is-loading:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffe0a11a 45%,transparent 70%);animation:ts-card-shimmer 1.5s ease-in-out infinite}.cz-gcard-img.image-failed:after{content:'Artwork unavailable';position:absolute;inset:0;display:grid;place-items:center;color:#d4bedc;font-size:12px;background:#342040}.cz-gcard{transition:transform .18s ease,box-shadow .18s ease}.cz-gcard:focus-within{box-shadow:0 0 0 2px #ffe09c}.cz-gcard:active{transform:scale(.985)}
@media(hover:hover){.cz-gcard:hover{transform:translateY(-4px);box-shadow:0 10px 24px #11091d55,0 0 0 1px #dfba7066}}
@keyframes ts-card-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.cz-gcard{transition:none}.cz-gcard:hover,.cz-gcard:active{transform:none}.cz-gcard-img.is-loading:after{animation:none}}
