#cdbe-enter{position:fixed;left:22px;right:auto;bottom:22px;z-index:999990;background:#161111;color:#f8d957;border:1px solid #a48e38;border-radius:8px;padding:13px 19px;font:800 12px/1.2 system-ui;letter-spacing:2px;box-shadow:0 8px 40px #0008;cursor:pointer}#cdbe-enter:hover{background:#292b2d} #cdbe-root{position:fixed;inset:0;z-index:999999;background:#111214;color:#f5f1e9;display:none;overflow-y:auto;font-family:Arial,Helvetica,sans-serif;isolation:isolate}#cdbe-root.cdbe-on{display:block}body.cdbe-locked{overflow:hidden!important}#cdbe-root *{box-sizing:border-box}#cdbe-root:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.10;background-image:url('assets/beast-atmosphere.webp');background-size:600px}#cdbe-shell{opacity:0;transition:opacity .5s}#cdbe-root.cdbe-ready #cdbe-shell{opacity:1}#cdbe-transition{position:fixed;inset:0;z-index:15;background:#080607;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:opacity .45s}#cdbe-transition span{font:800 13px Arial;letter-spacing:8px;color:#e3bf51}#cdbe-transition strong{font:900 clamp(26px,4vw,65px) Arial;letter-spacing:-2px;text-align:center}#cdbe-root.cdbe-ready #cdbe-transition{opacity:0;pointer-events:none} #cdbe-shell header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff25;position:sticky;top:0;z-index:10;background:#111214ef;backdrop-filter:blur(15px)}#cdbe-shell .cdbe-brand{font-weight:950;font-size:23px;letter-spacing:-1px;line-height:1}#cdbe-shell .cdbe-brand em{color:#e4c657;font-style:normal}#cdbe-shell .cdbe-brand small{display:block;color:#e0c54a;font-size:8px;letter-spacing:4px;margin-top:7px}#cdbe-shell button{background:transparent;border:0;color:#eee;cursor:pointer;font-weight:800;letter-spacing:1px}#cdbe-shell nav{display:flex;gap:32px}#cdbe-shell nav button{font-size:11px}#cdbe-shell nav button:hover{color:#e4c657}#cdbe-exit{border:1px solid #ffffff45!important;padding:12px 16px!important;font-size:11px!important}#cdbe-exit:hover{background:#343639!important}#cdbe-shell main{max-width:1900px;margin:auto} #cdbe-feature{padding:0 4.5% 40px;background:radial-gradient(ellipse at 80% 25%,#252629,transparent 70%)}.cdbe-spotlight{height:clamp(440px,52vw,710px);position:relative;overflow:hidden;background:#222426}.cdbe-spotlight-bg{position:absolute;inset:-2%;background-position:center 40%;background-size:cover;filter:brightness(.66) saturate(.82);transition:background-image .3s,transform 1.2s;transform:scale(1.04)}.cdbe-spotlight:hover .cdbe-spotlight-bg{transform:scale(1.07)}.cdbe-spotlight-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0a0de8 0%,#100b11b5 35%,#120a1020 85%),linear-gradient(0deg,#0b080bdd,transparent 34%),radial-gradient(ellipse at 100% 80%,#4b101b80,transparent 60%)}.cdbe-spotlight-content{position:absolute;z-index:2;left:5%;bottom:17%;width:min(760px,72%)}.cdbe-eyebrow{font-size:10px;font-weight:900;letter-spacing:4px;color:#e4c657;display:flex;align-items:center;gap:15px}.cdbe-line{display:inline-block;width:40px;height:1px;background:#e0c54a}.cdbe-index{margin-top:26px;font-size:11px;letter-spacing:4px;font-weight:800;color:#d4b8ae}#cdbe-feature h1{font-size:clamp(45px,5.8vw,102px);line-height:.98;letter-spacing:-3px;font-weight:950;text-transform:uppercase;margin:14px 0 20px;max-width:900px;overflow-wrap:break-word}#cdbe-feature h1 i{font-style:normal;color:#d3b64f}.cdbe-spotlight-content p{color:#d0c7c8;font-size:15px;line-height:1.55;max-width:540px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#cdbe-read{display:inline-flex;align-items:center;gap:32px;margin-top:24px;background:#e3c34f;color:#141014;text-decoration:none;font-size:11px;font-weight:950;letter-spacing:2px;padding:17px 22px}#cdbe-read:hover{background:#fff0a1}#cdbe-read span{font-size:19px}.cdbe-spotlight-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:3px;color:#b7a9ab;z-index:2}.cdbe-fan-head{display:flex;justify-content:space-between;gap:12px;color:#d7bc55;letter-spacing:3px;font-size:10px;font-weight:900;padding:27px 0 16px}.cdbe-fan-head span:last-child{color:#8f8588} .cdbe-fan{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.cdbe-poster{min-width:0;display:block;text-decoration:none!important;color:#fff!important;position:relative;overflow:hidden;background:#242628;aspect-ratio:3/4;transition:transform .28s,filter .28s,border-color .28s;filter:saturate(.76);border:1px solid #ffffff14}.cdbe-poster:hover,.cdbe-poster:focus{transform:translateY(-10px);filter:saturate(1.16);z-index:2}.cdbe-fan-card.cdbe-active{border-color:#e3c34f;filter:saturate(1.08)}.cdbe-poster img{width:100%;height:100%;object-fit:cover;display:block}.cdbe-poster:after{content:'';position:absolute;inset:18% 0 0;background:linear-gradient(transparent,#050405ef)}.cdbe-poster .cdbe-copy{position:absolute;bottom:0;left:0;right:0;padding:17px;z-index:1}.cdbe-poster b{font-size:clamp(13px,1.3vw,23px);line-height:1.12;display:block;text-transform:uppercase}.cdbe-poster small{display:block;color:#e4c657;font-size:10px;letter-spacing:2px;font-weight:900;margin-bottom:9px;text-transform:uppercase}.cdbe-card-arrow{display:block;margin-top:12px;font-size:20px;color:#e4c657} .cdbe-channel{padding:50px 4.5% 20px}.cdbe-channel-deep{background:linear-gradient(120deg,#17191b,#111214)}.cdbe-sectiontitle{padding:0 0 26px}.cdbe-sectiontitle>span{font-size:10px;color:#d7b84c;letter-spacing:4px;font-weight:900}.cdbe-sectiontitle h2{font-size:clamp(38px,4.7vw,76px);font-weight:950;letter-spacing:-3px;margin:9px 0 6px;line-height:1}.cdbe-sectiontitle p{color:#a99fa2;font-size:14px;margin:0}.cdbe-dot{color:#e0c54a}.cdbe-track{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 4px 35px;scrollbar-color:#ae4042 #202225;scrollbar-width:thin}.cdbe-track .cdbe-poster{flex:0 0 clamp(190px,20vw,305px);aspect-ratio:3/3.6;scroll-snap-align:start}.cdbe-error{padding:40px;color:#ddd}.cdbe-error a{color:#e4c657}#cdbe-shell footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:55px 4.5%;color:#999b99;letter-spacing:3px;font-size:10px;border-top:1px solid #ffffff22}#cdbe-shell footer strong{color:#eee;font-size:17px}#cdbe-back-top{font-size:10px!important} @media(max-width:900px){#cdbe-enter,#cdbe-root{display:none!important}}@media(min-width:901px) and (max-width:1150px){#cdbe-shell nav{gap:14px}#cdbe-feature h1{font-size:55px}.cdbe-spotlight-content{width:80%}.cdbe-fan{gap:7px}.cdbe-poster .cdbe-copy{padding:11px}.cdbe-poster b{font-size:13px}}@media(prefers-reduced-motion:reduce){#cdbe-shell,#cdbe-transition,.cdbe-poster,.cdbe-spotlight-bg{transition:none!important}} /* v0.3 desktop-only widescreen artwork: typography is baked into approved posters */ #cdbe-spotlight{height:min(76vw,760px)!important;min-height:490px!important;max-height:calc(100vh - 100px)!important;overflow:hidden} #cdbe-spotlight .cdbe-spotlight-bg{background-size:cover!important;background-position:center center!important;filter:none!important} #cdbe-spotlight .cdbe-spotlight-shade{display:none!important} #cdbe-spotlight .cdbe-spotlight-content{display:none!important} #cdbe-spotlight .cdbe-spotlight-bottom{background:linear-gradient(transparent,#080709bb);z-index:2} #cdbe-hero .cdbe-fan-card{cursor:pointer} #cdbe-hero .cdbe-fan-card .cdbe-copy{pointer-events:none} /* v0.3.2 — approved desktop posters, uncropped heads and a seamless cinematic fade */ #cdbe-feature{padding-bottom:0!important;background:#111214!important} #cdbe-spotlight{height:clamp(470px,52vw,760px)!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#111214!important} #cdbe-spotlight .cdbe-spotlight-bg{inset:0!important;transform:none!important;background-position:center top!important;background-size:cover!important;filter:none!important;transition:background-image .35s ease!important} #cdbe-spotlight:hover .cdbe-spotlight-bg{transform:none!important} #cdbe-spotlight:after{content:"";position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(to bottom,transparent 0%,rgba(16,14,17,.55) 58%,#111214 100%);pointer-events:none;z-index:2} #cdbe-spotlight .cdbe-spotlight-bottom{z-index:3!important;background:none!important;bottom:16px!important} #cdbe-hero-link{position:absolute;inset:0;display:block;z-index:1;cursor:pointer} #cdbe-hero-link:focus-visible{outline:3px solid #e4c657;outline-offset:-5px} #cdbe-latest{padding-top:36px!important;background:#111214!important} /* v0.3.3: preserve the ENTIRE approved 1536x1024 landscape poster, including baked-in title. The fade occurs AFTER the image, never over the artwork. */ #cdbe-feature{position:relative!important;padding-bottom:76px!important;background:#111214!important} #cdbe-spotlight{width:100%!important;height:auto!important;aspect-ratio:3 / 2!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#111214!important} #cdbe-spotlight .cdbe-spotlight-bg{inset:0!important;background-size:100% 100%!important;background-position:center center!important;transform:none!important;filter:none!important} #cdbe-spotlight:after{display:none!important;content:none!important} #cdbe-spotlight .cdbe-spotlight-bottom{display:none!important} #cdbe-feature:after{content:"";position:absolute;bottom:0;left:0;right:0;height:76px;pointer-events:none;background:linear-gradient(to bottom,#111214 0%,#17191b 65%,#17191b 100%)} #cdbe-latest{padding-top:14px!important;background:#17191b!important} /* v0.4: shorter, fully visible artwork, soft transition BELOW poster */ #cdbe-feature{padding-bottom:42px!important;background:linear-gradient(180deg,#111214 0%,#17191b 100%)!important} #cdbe-spotlight{width:100%!important;height:min(66vh,760px)!important;aspect-ratio:auto!important;min-height:420px!important;max-height:none!important;background:#111214!important} #cdbe-spotlight .cdbe-spotlight-bg{background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important} #cdbe-feature:after{height:42px!important;background:linear-gradient(180deg,#111214,#17191b)!important} #cdbe-latest{padding-top:24px!important;background:radial-gradient(ellipse at 50% 80%,#303235 0%,#202225 45%,#17191b 82%)!important} .cdbe-wheel{position:relative;overflow:hidden;margin:0 -4.9vw;touch-action:pan-y;user-select:none;padding:10px 0 0} .cdbe-wheel-stage{height:clamp(390px,40vw,600px);position:relative;max-width:1450px;margin:auto;perspective:1400px;overflow:hidden} .cdbe-wheel-card{--offset:var(--slot);position:absolute;left:50%;top:6%;width:clamp(180px,23vw,315px);height:82%;transform:translateX(calc(-50% + var(--slot)*73%)) rotateY(calc(var(--slot)*-12deg)) rotateZ(calc(var(--slot)*-4deg)) scale(calc(1 - (var(--slot)*var(--slot))*0.085));transform-origin:center 90%;border:2px solid #5e6062;border-radius:24px;overflow:hidden;box-shadow:0 12px 50px #000b,0 0 25px #b49a4140;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;filter:brightness(.65);z-index:calc(10 - var(--slot)*var(--slot));background:#181a1c;cursor:pointer;text-decoration:none!important} .cdbe-wheel-card[data-offset="0"]{border:4px solid #e4c448;filter:brightness(1);box-shadow:0 0 22px #d4b13c77,0 20px 65px #000c;z-index:20} .cdbe-wheel-card[data-offset="-1"]{border-color:#d0b45d}.cdbe-wheel-card[data-offset="1"]{border-color:#bca46b} .cdbe-wheel-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none} .cdbe-wheel-caption{position:absolute;bottom:0;left:0;right:0;padding:45px 12px 16px;background:linear-gradient(transparent,#0c0d0e);color:white;font-weight:900;font-size:15px;text-transform:uppercase} .cdbe-wheel-controls{display:flex;align-items:center;justify-content:center;gap:28px;color:#b8b5ab;font-size:10px;letter-spacing:3px;font-weight:900;padding:0 0 24px} .cdbe-wheel-controls button{border:1px solid #e9c34a!important;border-radius:50%;height:42px;width:42px;font-size:22px;background:#181a1c!important;color:#fff!important} #cdbe-top{background:linear-gradient(180deg,#202225,#17191b)!important} @media(max-width:1100px){.cdbe-wheel-card{width:25vw}.cdbe-wheel-stage{height:450px}} /* v0.4.1: restore full-bleed hero, keep entire 3:2 approved poster legible. */ #cdbe-feature{padding-left:0!important;padding-right:0!important;padding-bottom:0!important} #cdbe-spotlight{width:100%!important;height:auto!important;aspect-ratio:3/2!important;min-height:0!important;max-height:none!important;overflow:hidden!important} #cdbe-spotlight .cdbe-spotlight-bg{background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important} #cdbe-spotlight:after{display:none!important} #cdbe-feature:after{content:"";display:block;height:58px;background:linear-gradient(180deg,#121416 0%,#191b1d 100%);pointer-events:none} /* Continuous circular fan: transform driven by the exact same drag/inertia maths as mobile. */ .cdbe-wheel-card{left:50%!important;top:6%!important;width:clamp(180px,23vw,315px)!important;height:82%!important;transition:none!important;transform-origin:center 90%!important;will-change:transform,opacity,filter} .cdbe-wheel-card.cdbe-front{border:4px solid #e4c448!important;filter:brightness(1)!important;box-shadow:0 0 22px #d4b13c77,0 20px 65px #000c!important} .cdbe-wheel-stage{overflow:hidden!important} /* v0.4.3 - seven-card full-width revolving fan; preserve the v0.4.2 pointer engine. */ #cdbe-latest{position:relative!important;z-index:5!important;margin-top:-42px!important;padding-top:24px!important;background:linear-gradient(180deg,rgba(22,24,26,.12),#242629 25%,#292b2e 70%,#17191b)!important} .cdbe-wheel{margin:0!important;overflow:visible!important;padding:0!important} .cdbe-wheel-stage{max-width:none!important;width:calc(100% - 40px)!important;margin:-30px 20px 0!important;overflow:hidden!important;height:clamp(430px,39vw,640px)!important} .cdbe-wheel-card{width:clamp(170px,20vw,310px)!important;height:82%!important;top:8%!important;border-radius:24px!important;box-shadow:0 18px 55px #000c,0 0 14px #d4b13c33!important} .cdbe-wheel-card.cdbe-front{box-shadow:0 0 0 1px #e2c24a,0 0 24px #d4b13c66,0 18px 65px #000d!important} .cdbe-wheel-stage:before{content:"";position:absolute;inset:12% 5% 0;pointer-events:none;background:radial-gradient(ellipse at 50% 80%,#d4b13c1f,transparent 58%);filter:blur(24px)} @media(min-width:1450px){.cdbe-wheel-stage{width:calc(100% - 60px)!important;margin-left:30px!important;margin-right:30px!important}} /* v0.4.4: remove fan heading and lift the revolving wheel over the bottom of the hero. Preserve v0.4.2 pointer and circular animation logic unchanged. */ #cdbe-latest{margin-top:-170px!important;padding-top:0!important;z-index:7!important;background:linear-gradient(180deg,transparent 0%,rgba(30,32,34,.50) 34%,#292b2e 73%,#17191b 100%)!important;} #cdbe-latest .cdbe-sectiontitle{display:none!important;} #cdbe-latest .cdbe-wheel{position:relative!important;z-index:8!important;} #cdbe-latest .cdbe-wheel-stage{margin-top:0!important;height:clamp(430px,39vw,640px)!important;} #cdbe-feature:after{height:0!important;display:none!important;} @media (min-width:901px) and (max-width:1150px){#cdbe-latest{margin-top:-110px!important;}} /* v0.4.5 — Mobile-inspired hero-to-fan atmospheric dissolve. Fade only the bottom of the hero; keep the headline above the fade and keep the working seven-card carousel/pointer engine completely unchanged. */ #cdbe-spotlight{isolation:isolate!important;} #cdbe-spotlight::after{ content:""!important; display:block!important; position:absolute!important; left:0!important;right:0!important;bottom:0!important; top:auto!important; height:27%!important; z-index:3!important; pointer-events:none!important; background:linear-gradient(to bottom, rgba(23,25,27,0) 0%, rgba(23,25,27,.07) 18%, rgba(23,25,27,.32) 48%, rgba(23,25,27,.76) 78%, #17191b 100%)!important; } #cdbe-latest{ background:linear-gradient(to bottom, rgba(23,25,27,0) 0%, rgba(30,32,34,.50) 22%, #292b2e 72%, #17191b 100%)!important; } /* v0.4.6: edge-to-edge desktop fan; preserve the existing carousel engine. */ @media(min-width:901px){ #cdbe-latest{padding-left:0!important;padding-right:0!important;} #cdbe-latest .cdbe-wheel{width:100vw!important;max-width:none!important;position:relative!important;left:50%!important;transform:translateX(-50%)!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;} #cdbe-latest .cdbe-wheel-stage{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;} } /* v0.4.7 — TOP 10 TODAY, styled after the mobile Beast Mode ranking. */ #cdbe-top.cdbe-top10-section{position:relative;isolation:isolate;padding:58px 0 64px;background:linear-gradient(180deg,#202225 0%,#282a2d 34%,#1d1f21 78%,#111416 100%);overflow:hidden} #cdbe-top .cdbe-top10-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 4.5% 30px} #cdbe-top .cdbe-top10-heading h2{font:950 clamp(38px,4.6vw,72px)/1 system-ui,sans-serif;letter-spacing:-2.5px;margin:0;color:#fff} #cdbe-top .cdbe-top10-heading span{font:850 clamp(11px,1.05vw,16px)/1.2 system-ui,sans-serif;letter-spacing:2px;color:#e8d19a} #cdbe-top .cdbe-top10-track{display:flex;gap:clamp(10px,1.4vw,24px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:14px 4.5% 32px;scrollbar-width:thin;scrollbar-color:#b7983f #252729;min-height:365px} #cdbe-top .cdbe-top10-item{position:relative;flex:0 0 clamp(245px,24vw,385px);height:clamp(340px,34vw,520px);scroll-snap-align:start;isolation:isolate;text-decoration:none!important;color:#fff!important;transition:transform .25s ease} #cdbe-top .cdbe-top10-item:hover{transform:translateY(-8px)} #cdbe-top .cdbe-top10-number{position:absolute;left:0;bottom:4px;z-index:0;font:1000 clamp(240px,27vw,420px)/.8 Impact,'Arial Black',system-ui,sans-serif;letter-spacing:-.13em;color:transparent;-webkit-text-stroke:2.5px #e9dcb09e;text-shadow:0 12px 30px #0003;pointer-events:none} #cdbe-top .cdbe-top10-cover{position:absolute;top:0;bottom:14px;left:29%;right:0;z-index:1;display:block;overflow:hidden;border-radius:13px;background:#202225;border:1px solid #ffffff3b;box-shadow:0 18px 40px #0009} #cdbe-top .cdbe-top10-cover img{display:block;width:100%;height:100%;object-fit:cover} #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-cover{border-color:#e4c448;box-shadow:0 18px 40px #000a,0 0 30px #e7b93675} #cdbe-top .cdbe-top10-caption{position:absolute;left:0;right:0;bottom:0;padding:45px 12px 15px;background:linear-gradient(transparent,#08070be8);font:850 14px/1.12 system-ui,sans-serif;text-transform:uppercase} #cdbe-top .cdbe-top10-loading{color:#d1cec3;font:600 14px/1.6 system-ui,sans-serif;align-self:center} #cdbe-top .cdbe-top10-item:nth-child(10) .cdbe-top10-number{font-size:clamp(175px,21vw,310px)} @media(max-width:1100px){#cdbe-top .cdbe-top10-item{flex-basis:275px;height:380px}#cdbe-top .cdbe-top10-number{font-size:265px}} /* v0.4.10 — final palette lock, keeping the v0.4.7 layout and fan engine unchanged. */ #cdbe-latest .cdbe-wheel-card.cdbe-front,#cdbe-latest .cdbe-wheel-card[data-offset="0"]{border-color:#e4c448!important;box-shadow:0 0 0 1px #e2c24a,0 0 24px #d4b13c66,0 18px 65px #000d!important} #cdbe-latest .cdbe-wheel-stage:before{background:radial-gradient(ellipse at 50% 80%,#d4b13c1f,transparent 58%)!important} #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-cover{border-color:#e4c448!important;box-shadow:0 18px 40px #000a,0 0 30px #e7b93675!important} /* v0.4.11 — Asphalt Black × Dirty Yellow: restrained editorial finishing. */ #cdbe-root{background:#111214!important;color:#f2f0e9!important} #cdbe-shell header{background:#111214f2!important} #cdbe-feature{background:#111214!important} #cdbe-spotlight{background:#111214!important} #cdbe-spotlight::after{background:linear-gradient(to bottom,rgba(17,18,20,0) 0%,rgba(17,18,20,.12) 22%,rgba(17,18,20,.46) 58%,#17191b 100%)!important} #cdbe-latest{background:linear-gradient(180deg,transparent 0%,rgba(22,24,26,.58) 30%,#242628 72%,#1c1e20 100%)!important} #cdbe-latest .cdbe-wheel-card{border-color:#65686a!important;box-shadow:0 16px 45px #000a!important} #cdbe-latest .cdbe-wheel-card[data-offset="-1"],#cdbe-latest .cdbe-wheel-card[data-offset="1"]{border-color:#89877b!important} #cdbe-latest .cdbe-wheel-card.cdbe-front,#cdbe-latest .cdbe-wheel-card[data-offset="0"]{border-color:#e4c448!important;box-shadow:0 0 0 1px #d8bb45,0 0 22px #d6b94466,0 22px 65px #000c!important} #cdbe-latest .cdbe-wheel-stage:before{background:radial-gradient(ellipse at 50% 80%,#c1a74319,transparent 60%)!important} #cdbe-top.cdbe-top10-section{background:linear-gradient(180deg,#1c1e20 0%,#252729 35%,#191b1d 75%,#111416 100%)!important} #cdbe-top .cdbe-top10-number{-webkit-text-stroke:2.5px #92958c80!important} #cdbe-top .cdbe-top10-cover{background:#1b1d1f!important} #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-cover{border-color:#d8ba43!important;box-shadow:0 18px 40px #000a,0 0 17px #d8ba4340!important} #cdbe-top .cdbe-top10-heading span{color:#dfc453!important} #cdbe-top .cdbe-top10-track{scrollbar-color:#8c7939 #252729!important} /* v0.4.12 / AFTER HOURS: industrial editorial spectacle; scoped to desktop overlay */ #cdbe-root{--beast-accent:#d9b83f;--beast-ink:#0c0d0f;--beast-concrete:#1c1e20} #cdbe-shell header{box-shadow:0 1px 0 #d9b83f44,0 15px 40px #0008!important} #cdbe-latest{padding-bottom:0!important;background:linear-gradient(180deg,transparent 0%,#17191b 45%,#101214 100%)!important} #cdbe-latest:before{content:"BEAST";position:absolute;z-index:0;top:4%;left:50%;transform:translateX(-50%);font:1000 clamp(150px,24vw,420px)/.85 Impact,'Arial Black',sans-serif;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:2px #f0f0e61a;pointer-events:none;white-space:nowrap} #cdbe-latest:after{content:"03 / CITY AFTER DARK • NO FILTER • NO APOLOGIES";position:absolute;left:4.5%;bottom:7px;color:#b9a54e;font:800 9px/1.3 system-ui,sans-serif;letter-spacing:3px;opacity:.85;pointer-events:none} #cdbe-latest .cdbe-wheel-stage{height:clamp(440px,37vw,590px)!important} #cdbe-latest .cdbe-wheel-stage:before{inset:10% 15% -8%!important;background:radial-gradient(ellipse at 50% 65%,#d8b84b25,transparent 50%),linear-gradient(90deg,transparent 49.9%,#e3ca5b1a 50%,transparent 50.1%)!important;filter:blur(18px)} #cdbe-latest .cdbe-wheel-card{border-width:1px!important;border-radius:14px!important;box-shadow:0 24px 55px #000c!important} #cdbe-latest .cdbe-wheel-card.cdbe-front{border:3px solid #e0c14d!important;box-shadow:0 0 0 1px #f4da7b66,0 0 13px #d8b84b77,0 28px 75px #000f!important} #cdbe-latest .cdbe-wheel-controls{position:relative;z-index:3;padding:0 0 40px!important} #cdbe-latest .cdbe-wheel-controls button{border-color:#bba447!important} #cdbe-top.cdbe-top10-section{padding-top:32px!important;padding-bottom:92px!important;background:linear-gradient(180deg,#101214 0%,#191b1e 40%,#0d0e10 100%)!important} #cdbe-top.cdbe-top10-section:before{content:"THE COUNTDOWN";position:absolute;top:10px;right:-1%;font:1000 clamp(95px,14vw,250px)/1 Impact,'Arial Black',sans-serif;letter-spacing:-.06em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #f0f0e60b;pointer-events:none;z-index:-1} #cdbe-top .cdbe-top10-heading{align-items:end!important;margin-bottom:12px!important} #cdbe-top .cdbe-top10-heading h2{font-family:Impact,'Arial Black',system-ui,sans-serif!important;font-size:clamp(60px,7vw,112px)!important;letter-spacing:-.025em!important;line-height:.88!important;text-transform:uppercase} #cdbe-top .cdbe-top10-heading h2:before{content:"02 / WHAT'S HOT RIGHT NOW";display:block;color:#d9b83f;font:900 10px/1.3 system-ui,sans-serif;letter-spacing:3px;margin-bottom:15px} #cdbe-top .cdbe-top10-track{gap:clamp(16px,2.2vw,38px)!important;padding:34px 4.5% 22px!important;scrollbar-width:none!important;cursor:grab;user-select:none;touch-action:pan-y;scroll-snap-type:x proximity!important} #cdbe-top .cdbe-top10-track::-webkit-scrollbar{display:none!important} #cdbe-top .cdbe-top10-track.cdbe-dragging{cursor:grabbing;scroll-snap-type:none!important} #cdbe-top .cdbe-top10-item{flex:0 0 clamp(310px,31vw,480px)!important;height:clamp(300px,30vw,450px)!important;transition:transform .35s ease,filter .35s ease!important} #cdbe-top .cdbe-top10-item:hover{transform:translateY(-12px) scale(1.015)!important;filter:brightness(1.12)} #cdbe-top .cdbe-top10-number{font-size:clamp(240px,28vw,425px)!important;-webkit-text-stroke:2px #969a9d99!important;left:-2%!important;bottom:1%!important} #cdbe-top .cdbe-top10-cover{left:22%!important;bottom:10px!important;right:2%!important;top:0!important;border-radius:5px!important;box-shadow:12px 22px 45px #000c!important} #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-number{-webkit-text-stroke:2px #d9b83fcc!important} #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-cover{box-shadow:0 0 0 1px #d9b83f,0 0 20px #d9b83f40,16px 24px 50px #000e!important} #cdbe-top .cdbe-top10-track:after{content:"DRAG → EXPLORE THE RANKINGS";flex:0 0 180px;align-self:center;color:#bba44b;font:900 10px/1.7 system-ui,sans-serif;letter-spacing:2px} #cdbe-top .cdbe-top10-cover img{pointer-events:none} #cdbe-root:before{opacity:.14!important;mix-blend-mode:screen} @media(prefers-reduced-motion:reduce){#cdbe-top .cdbe-top10-item{transition:none!important}} /* v0.4.13 CRIMSON UNDERGROUND: all changes visual-only, fan and API untouched */ #cdbe-root{--beast-accent:#f20a54;--beast-ink:#090609;--beast-concrete:#190d13;background:#090609!important;color:#f7f1f3!important} #cdbe-shell header{background:#0c080df5!important;box-shadow:0 1px 0 #ff255633,0 12px 35px #000b!important} #cdbe-shell header small,#cdbe-shell header .cdbe-brand-sub{color:#f74d75!important} #cdbe-feature,#cdbe-spotlight{background:#090609!important} #cdbe-spotlight::after{background:linear-gradient(to bottom,#09060900 0%,#11081055 28%,#190912b3 65%,#0d080d 100%)!important} #cdbe-latest{isolation:isolate;overflow:hidden!important;background: radial-gradient(ellipse 55% 48% at 50% 58%,#a7083b70 0%,#600a2840 45%,transparent 90%), radial-gradient(ellipse 35% 48% at 14% 75%,#e0094c26,transparent 90%), radial-gradient(ellipse 35% 48% at 89% 72%,#9e074226,transparent 90%), linear-gradient(180deg,#110910aa 0%,#190a15 48%,#0c080e 100%)!important} #cdbe-latest:before{content:"";position:absolute;inset:0;transform:none;pointer-events:none;z-index:0;background: radial-gradient(ellipse 33% 32% at 50% 51%,#ff176866,transparent 72%), linear-gradient(116deg,transparent 34%,#fa155016 45%,transparent 55%), linear-gradient(64deg,transparent 39%,#ed12551a 49%,transparent 58%); filter:blur(24px);animation:cdbeCrimsonBreath 5.8s ease-in-out infinite alternate} #cdbe-latest:after{content:"";position:absolute;inset:0;left:auto;bottom:auto;width:100%;height:100%;pointer-events:none;opacity:.28;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 6px);mask-image:linear-gradient(to bottom,transparent,#000 50%,transparent)} #cdbe-latest .cdbe-wheel-stage{position:relative;z-index:2} #cdbe-latest .cdbe-wheel-stage:before{inset:0 9% -8%!important;background: radial-gradient(ellipse 35% 60% at 50% 62%,#fb0c5860,transparent 78%), radial-gradient(ellipse 65% 45% at 50% 100%,#a3004044,transparent 75%)!important; filter:blur(34px)!important;animation:cdbeCrimsonBreath 4.5s ease-in-out infinite alternate} #cdbe-latest .cdbe-wheel-card{border:1px solid #b438626b!important;border-radius:18px!important;box-shadow:0 22px 65px #000e,0 0 16px #a30a3428!important;transition:box-shadow .25s ease,border-color .25s ease!important} #cdbe-latest .cdbe-wheel-card[data-offset="-1"],#cdbe-latest .cdbe-wheel-card[data-offset="1"]{border-color:#ee2b7388!important;box-shadow:0 24px 65px #000e,0 0 20px #c30d4b33!important} #cdbe-latest .cdbe-wheel-card.cdbe-front,#cdbe-latest .cdbe-wheel-card[data-offset="0"]{border:3px solid #ff2d70!important;box-shadow:0 0 0 1px #ff7fa988,0 0 19px #ff155eaa,0 0 48px #fa105c88,0 0 100px #d4084a55,0 28px 75px #000f!important} #cdbe-latest .cdbe-wheel-controls{z-index:4!important} #cdbe-latest .cdbe-wheel-controls button{border-color:#ff477b!important;color:#ffe8f0!important;box-shadow:0 0 18px #d70d4d44!important} #cdbe-latest .cdbe-wheel-controls button:hover{background:#a40c41!important;box-shadow:0 0 22px #fb2b73aa!important} #cdbe-top.cdbe-top10-section{isolation:isolate;background: radial-gradient(ellipse 55% 34% at 25% 47%,#8d0b343d,transparent 80%), radial-gradient(ellipse 45% 40% at 85% 76%,#9f0b3c2b,transparent 80%), linear-gradient(180deg,#0c080e 0%,#190b15 45%,#090609 100%)!important} #cdbe-top.cdbe-top10-section:before{content:"";inset:0;right:auto;top:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse 50% 35% at 20% 60%,#ed14551c,transparent 80%);pointer-events:none} #cdbe-top .cdbe-top10-heading h2:before{color:#fb2c72!important} #cdbe-top .cdbe-top10-heading span{color:#ff638d!important} #cdbe-top .cdbe-top10-number{-webkit-text-stroke:2px #ad395c99!important;text-shadow:0 0 26px #9c123933!important} #cdbe-top .cdbe-top10-cover{background:#160b13!important;border:1px solid #e5487c5c!important;box-shadow:0 22px 52px #000e,0 0 20px #a6083822!important;border-radius:13px!important} #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-number{-webkit-text-stroke:2px #fa2e74c9!important} #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-cover{border-color:#ff2d70!important;box-shadow:0 0 0 1px #ff467e77,0 0 28px #f90e5b99,0 0 70px #bc0a4b66,16px 24px 50px #000e!important} #cdbe-top .cdbe-top10-track:after{color:#ff5a89!important} #cdbe-root:before{opacity:.21!important} @keyframes cdbeCrimsonBreath{0%{opacity:.55;transform:scale(.97)}100%{opacity:1;transform:scale(1.04)}} @media(prefers-reduced-motion:reduce){#cdbe-latest:before,#cdbe-latest .cdbe-wheel-stage:before{animation:none!important}} /* v0.4.22 — Back to the original crimson editorial look. No AI background imagery. */ #cdbe-shell main{background:#090609!important;background-image:none!important;background-attachment:scroll!important;} #cdbe-spotlight{overflow:hidden!important;isolation:isolate!important;background:#090609!important;} #cdbe-spotlight .cdbe-spotlight-bg{mask-image:none!important;-webkit-mask-image:none!important;} #cdbe-spotlight::before{content:none!important;display:none!important;} #cdbe-hero-cta{position:absolute!important;right:5%!important;bottom:7%!important;z-index:8!important;display:inline-flex!important;align-items:center!important;gap:14px!important;padding:13px 19px!important;background:#110b11ee!important;border:1px solid #ff397b!important;color:#fff!important;text-decoration:none!important;font:800 11px/1.2 Arial,sans-serif!important;letter-spacing:1.5px!important;box-shadow:0 0 14px #f20a5466!important;transition:background .2s ease!important;} #cdbe-hero-cta:hover{background:#c40849!important;} #cdbe-hero-cta span{font-size:19px!important;} @media(max-width:850px){#cdbe-hero-cta{right:4%!important;bottom:5%!important;padding:11px 13px!important;font-size:9px!important;}} /* v0.4.23 — HERO-TO-CRIMSON DISSOLVE ONLY. The approved hero poster has baked-in typography; protect its upper 82%. Mask the photographic layer, not the article link or the full hero container. A matching base colour beneath the mask makes the transition continuous. */ #cdbe-feature{ position:relative!important; padding-bottom:0!important; background:linear-gradient(180deg,#090609 0%,#100710 68%,#170915 100%)!important; } #cdbe-feature::after{content:none!important;display:none!important;} #cdbe-spotlight{ background:linear-gradient(180deg,#090609 0%,#100710 68%,#170915 100%)!important; isolation:isolate!important; } #cdbe-spotlight .cdbe-spotlight-bg{ -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 81%,rgba(0,0,0,.98) 84%,rgba(0,0,0,.88) 87%,rgba(0,0,0,.63) 91%,rgba(0,0,0,.30) 95%,transparent 100%)!important; mask-image:linear-gradient(to bottom,#000 0%,#000 81%,rgba(0,0,0,.98) 84%,rgba(0,0,0,.88) 87%,rgba(0,0,0,.63) 91%,rgba(0,0,0,.30) 95%,transparent 100%)!important; } /* Remove the legacy opaque band: it hid the bottom of the baked-in title. */ #cdbe-spotlight::after{content:none!important;display:none!important;} /* The wheel already overlaps the hero; its first pixels must be transparent. */ #cdbe-latest{ background:radial-gradient(ellipse 55% 48% at 50% 58%,#a7083b70 0%,#600a2840 45%,transparent 90%), radial-gradient(ellipse 35% 48% at 14% 75%,#e0094c26,transparent 90%), radial-gradient(ellipse 35% 48% at 89% 72%,#9e074226,transparent 90%), linear-gradient(180deg,rgba(23,9,21,0) 0%,rgba(23,9,21,.18) 25%,#190a15 58%,#0c080e 100%)!important; } @media(max-width:900px){ #cdbe-spotlight .cdbe-spotlight-bg{ -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,rgba(0,0,0,.75) 91%,transparent 100%)!important; mask-image:linear-gradient(to bottom,#000 0%,#000 85%,rgba(0,0,0,.75) 91%,transparent 100%)!important; } } /* v0.4.27 CINEMA FOUNDATION — consolidated presentation rules. Full-bleed hero, black canvas, first row entering hero dissolve, taller posters. The original article engine and dynamic poster rendering are unchanged. */ #cdbe-root.cdbe-cinema {background:#050506!important;color:#f6f3f4!important;} #cdbe-root.cdbe-cinema::before{display:none!important;content:none!important;} #cdbe-root.cdbe-cinema #cdbe-shell, #cdbe-root.cdbe-cinema #cdbe-shell main, #cdbe-root.cdbe-cinema #cdbe-feature, #cdbe-root.cdbe-cinema #cdbe-spotlight, #cdbe-root.cdbe-cinema #cdbe-latest, #cdbe-root.cdbe-cinema #cdbe-top, #cdbe-root.cdbe-cinema #cdbe-deeper, #cdbe-root.cdbe-cinema #cdbe-shell footer{ background:#050506!important;background-image:none!important;box-shadow:none!important; } #cdbe-root.cdbe-cinema #cdbe-shell main{width:100%!important;max-width:none!important;margin:0!important;} #cdbe-root.cdbe-cinema #cdbe-feature{padding:0!important;margin:0!important;position:relative!important;} #cdbe-root.cdbe-cinema #cdbe-feature::after{display:none!important;content:none!important;} #cdbe-root.cdbe-cinema #cdbe-spotlight{ height:calc(100vh - 78px)!important;min-height:580px!important;max-height:none!important; width:100%!important;aspect-ratio:auto!important;overflow:hidden!important;position:relative!important; } #cdbe-root.cdbe-cinema #cdbe-spotlight .cdbe-spotlight-bg{ inset:0!important;background-position:center center!important;background-size:cover!important; background-repeat:no-repeat!important;filter:none!important;transform:none!important; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 71%,rgba(0,0,0,.98) 76%,rgba(0,0,0,.78) 83%,rgba(0,0,0,.36) 91%,transparent 100%)!important; mask-image:linear-gradient(to bottom,#000 0%,#000 71%,rgba(0,0,0,.98) 76%,rgba(0,0,0,.78) 83%,rgba(0,0,0,.36) 91%,transparent 100%)!important; } #cdbe-root.cdbe-cinema #cdbe-spotlight:hover .cdbe-spotlight-bg{transform:none!important;} #cdbe-root.cdbe-cinema #cdbe-spotlight::after, #cdbe-root.cdbe-cinema #cdbe-spotlight::before{content:none!important;display:none!important;} #cdbe-root.cdbe-cinema #cdbe-hero-cta{ right:5%!important;bottom:23%!important;z-index:8!important; display:inline-flex!important;align-items:center!important;gap:12px!important; background:rgba(6,6,8,.88)!important;border:1px solid #fa3679!important; color:#fff!important;padding:14px 20px!important;text-decoration:none!important; box-shadow:0 0 18px #ed1a6444!important; } #cdbe-root.cdbe-cinema #cdbe-hero-cta:hover{background:#ba174e!important;box-shadow:0 0 26px #f52a78aa!important;} /* The first poster row actually enters the bottom of the hero, rather than starting below a blank gap. The section itself is transparent. */ #cdbe-root.cdbe-cinema #cdbe-latest{ position:relative!important;z-index:7!important;margin:-230px 0 0!important; padding:10px 0 38px!important;overflow:visible!important;isolation:auto!important; background:transparent!important;background-image:none!important; } #cdbe-root.cdbe-cinema #cdbe-latest::before, #cdbe-root.cdbe-cinema #cdbe-latest::after, #cdbe-root.cdbe-cinema .cdbe-wheel-stage::before, #cdbe-root.cdbe-cinema #cdbe-top::before, #cdbe-root.cdbe-cinema #cdbe-top::after{display:none!important;content:none!important;} #cdbe-root.cdbe-cinema .cdbe-cinema-heading{display:block!important;padding:0 5% 16px!important;position:relative!important;z-index:3!important;} #cdbe-root.cdbe-cinema .cdbe-cinema-heading span{font:800 10px Arial,sans-serif!important;letter-spacing:3px!important;color:#ff4788!important;} #cdbe-root.cdbe-cinema .cdbe-cinema-heading h2{margin:8px 0 5px!important;color:#fff!important;font:950 clamp(30px,3.3vw,52px)/1 Arial,sans-serif!important;letter-spacing:-1.3px!important;} #cdbe-root.cdbe-cinema .cdbe-cinema-heading p{margin:0!important;color:#d1c8cc!important;font-size:13px!important;} #cdbe-root.cdbe-cinema .cdbe-wheel{position:relative!important;z-index:3!important;width:100%!important;left:auto!important;transform:none!important;margin:0!important;padding:0!important;overflow:hidden!important;touch-action:auto!important;} #cdbe-root.cdbe-cinema .cdbe-wheel-stage{ display:flex!important;position:relative!important;gap:23px!important; width:100%!important;max-width:none!important;margin:0!important; height:clamp(460px,41vw,580px)!important; padding:20px 5% 48px!important;overflow-x:auto!important;overflow-y:hidden!important; scroll-snap-type:x proximity!important;scroll-padding-inline:5%!important; scrollbar-width:none!important;-ms-overflow-style:none!important; perspective:none!important;touch-action:pan-x pan-y!important; } #cdbe-root.cdbe-cinema .cdbe-wheel-card, #cdbe-root.cdbe-cinema .cdbe-wheel-card.cdbe-front{ position:relative!important;top:auto!important;left:auto!important; flex:0 0 clamp(210px,19vw,295px)!important; width:clamp(210px,19vw,295px)!important;height:100%!important; transform:none!important;transform-origin:center!important; opacity:1!important;filter:none!important;will-change:auto!important; border:1px solid #45313c!important;border-radius:9px!important; background:#0c0b0e!important; box-shadow:0 12px 35px #000b,0 0 14px #e5155c26!important; scroll-snap-align:start!important; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important; } #cdbe-root.cdbe-cinema .cdbe-wheel-card img{height:100%!important;width:100%!important;object-fit:cover!important;} #cdbe-root.cdbe-cinema .cdbe-wheel-card:hover, #cdbe-root.cdbe-cinema .cdbe-wheel-card:focus-visible{ transform:translateY(-9px) scale(1.025)!important;z-index:5!important; border-color:#ff4387!important; box-shadow:0 20px 42px #000e,0 0 0 1px #ff438777,0 0 30px #fb247c80!important; outline:2px solid #ff4387!important;outline-offset:2px!important; } #cdbe-root.cdbe-cinema .cdbe-wheel-caption{ padding:75px 15px 22px!important;line-height:1.18!important;font-size:clamp(15px,1.35vw,21px)!important; background:linear-gradient(transparent,#050506f5)!important; } #cdbe-root.cdbe-cinema .cdbe-wheel-controls{justify-content:flex-end!important;padding:0 5% 5px!important;gap:18px!important;} #cdbe-root.cdbe-cinema .cdbe-wheel-controls button{box-shadow:none!important;border-color:#c9376c!important;} #cdbe-root.cdbe-cinema .cdbe-wheel-controls button:hover{box-shadow:0 0 17px #fa347988!important;} #cdbe-root.cdbe-cinema #cdbe-top{position:relative!important;padding-top:36px!important;} #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-cover{border-color:#3d3139!important;box-shadow:0 14px 30px #000b!important;} #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover .cdbe-top10-cover{border-color:#ff4387!important;box-shadow:0 20px 36px #000d,0 0 24px #ef27716e!important;} #cdbe-root.cdbe-cinema .cdbe-track, #cdbe-root.cdbe-cinema .cdbe-top10-track{scrollbar-width:none!important;-ms-overflow-style:none!important;} #cdbe-root.cdbe-cinema .cdbe-wheel-stage::-webkit-scrollbar, #cdbe-root.cdbe-cinema .cdbe-track::-webkit-scrollbar, #cdbe-root.cdbe-cinema .cdbe-top10-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;} #cdbe-root.cdbe-cinema #cdbe-deeper{padding-top:40px!important;} @media(max-height:720px){ #cdbe-root.cdbe-cinema #cdbe-spotlight{min-height:500px!important;} #cdbe-root.cdbe-cinema #cdbe-latest{margin-top:-195px!important;} #cdbe-root.cdbe-cinema .cdbe-wheel-stage{height:470px!important;} } @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema .cdbe-wheel-card{transition:none!important;} } /* v0.4.28 — Cinema polish: no heading, no arrows, immersive direct manipulation. */ #cdbe-root.cdbe-cinema .cdbe-cinema-heading, #cdbe-root.cdbe-cinema .cdbe-wheel-controls{display:none!important;} #cdbe-root.cdbe-cinema #cdbe-latest{padding-top:0!important;margin-top:-230px!important;} #cdbe-root.cdbe-cinema .cdbe-wheel-stage{ padding-top:24px!important;padding-bottom:46px!important; overscroll-behavior-x:contain!important; -webkit-overflow-scrolling:touch!important; scroll-behavior:smooth!important; scroll-snap-type:x proximity!important; cursor:grab!important; user-select:none!important; -webkit-user-select:none!important; touch-action:pan-x pan-y!important; } #cdbe-root.cdbe-cinema .cdbe-wheel-stage.cdbe-swipe-dragging{ cursor:grabbing!important;scroll-snap-type:none!important;scroll-behavior:auto!important; } #cdbe-root.cdbe-cinema .cdbe-wheel-stage.cdbe-swipe-dragging a{cursor:grabbing!important;} #cdbe-root.cdbe-cinema #cdbe-hero-cta{ left:5%!important;right:auto!important;bottom:260px!important; border:1px solid #ff3c86!important; border-radius:3px!important; background:#e91661!important;color:#fff!important; font:900 13px/1.1 Arial,sans-serif!important;letter-spacing:1.7px!important; padding:18px 24px!important;gap:22px!important; box-shadow:0 12px 34px #000a,0 0 28px #ef24747a!important; transition:background .2s,transform .2s,box-shadow .2s!important; } #cdbe-root.cdbe-cinema #cdbe-hero-cta span{font-size:21px!important;line-height:.7!important;} #cdbe-root.cdbe-cinema #cdbe-hero-cta:hover{ background:#ff397e!important;transform:translateY(-3px)!important; box-shadow:0 15px 42px #000b,0 0 38px #ff4387b0!important; } @media(max-height:720px){ #cdbe-root.cdbe-cinema #cdbe-latest{margin-top:-195px!important;} #cdbe-root.cdbe-cinema #cdbe-hero-cta{bottom:225px!important;} } /* v0.4.29 — Netflix-style editorial introduction, scoped to the Gaweł hero. */ #cdbe-root.cdbe-cinema .cdbe-hero-editorial{ position:absolute!important;z-index:12!important;left:5%!important;top:clamp(42px,8vh,110px)!important; width:min(365px,32vw)!important;max-width:calc(100% - 40px)!important; color:#f4f0ed!important;pointer-events:none!important; text-shadow:0 2px 12px #000,0 1px 3px #000!important; } #cdbe-root.cdbe-cinema .cdbe-hero-editorial p{ margin:0!important;font:500 clamp(13px,1.05vw,16px)/1.62 Arial,Helvetica,sans-serif!important; letter-spacing:.04px!important;color:#f4f0ed!important; } #cdbe-root.cdbe-cinema .cdbe-hero-editorial strong{font-weight:800!important;color:#fff!important;} #cdbe-root.cdbe-cinema:has(.cdbe-hero-editorial) #cdbe-hero-cta{ left:5%!important;top:clamp(320px,44vh,455px)!important;bottom:auto!important;right:auto!important; } @media(max-width:1050px){ #cdbe-root.cdbe-cinema .cdbe-hero-editorial{width:300px!important;top:45px!important;} #cdbe-root.cdbe-cinema:has(.cdbe-hero-editorial) #cdbe-hero-cta{top:355px!important;} } @media(max-height:760px){ #cdbe-root.cdbe-cinema .cdbe-hero-editorial{top:25px!important;} #cdbe-root.cdbe-cinema:has(.cdbe-hero-editorial) #cdbe-hero-cta{top:325px!important;} } /* v0.4.30: ensure editorial intro remains visible over the featured hero */ #cdbe-root.cdbe-cinema .cdbe-hero-editorial{display:block!important;visibility:visible!important;opacity:1!important;} /* v0.4.31 — Anchor the editorial copy directly above its existing CTA. No change to the hero, button position, card interactions or article data. */ #cdbe-root.cdbe-cinema .cdbe-hero-editorial{ top:calc(clamp(320px,44vh,455px) - 20px)!important; transform:translateY(-100%)!important; } @media(max-width:1050px) and (min-height:761px){ #cdbe-root.cdbe-cinema .cdbe-hero-editorial{top:335px!important;} } @media(max-height:760px){ #cdbe-root.cdbe-cinema .cdbe-hero-editorial{top:305px!important;} } /* v0.4.33: let the user control cinema motion; no CSS smooth/snap feedback loops. */ #cdbe-root.cdbe-cinema .cdbe-wheel-stage{scroll-behavior:auto!important;scroll-snap-type:none!important;} /* v0.4.35 — BEAST AFTER DARK. Lighting-only pass. Preserve all geometry, overflow, pointer behavior and carousel mechanics. */ #cdbe-root.cdbe-cinema .cdbe-wheel-card, #cdbe-root.cdbe-cinema .cdbe-wheel-card.cdbe-front{ border-color:rgba(202,59,105,.48)!important; box-shadow:0 16px 38px rgba(0,0,0,.78), 0 0 17px rgba(231,28,93,.17), 0 0 42px rgba(181,15,65,.08)!important; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important; } #cdbe-root.cdbe-cinema .cdbe-wheel-card:hover, #cdbe-root.cdbe-cinema .cdbe-wheel-card:focus-visible{ border-color:rgba(255,87,142,.92)!important; box-shadow:0 22px 48px rgba(0,0,0,.91), 0 0 0 1px rgba(255,75,134,.45), 0 0 24px rgba(249,36,109,.48), 0 0 55px rgba(228,22,91,.22)!important; } /* A whisper of spill light at the transition from hero to cinema, without a visible colored section or image overlay. */ #cdbe-root.cdbe-cinema #cdbe-latest{ background:radial-gradient(ellipse 56% 24% at 52% 76%,rgba(125,12,50,.075),transparent 83%)!important; } #cdbe-root.cdbe-cinema #cdbe-hero-cta{ box-shadow:0 0 0 1px rgba(255,67,130,.08), 0 0 18px rgba(237,26,100,.28), 0 0 46px rgba(215,16,79,.11)!important; } #cdbe-root.cdbe-cinema #cdbe-hero-cta:hover{ box-shadow:0 0 0 1px rgba(255,110,164,.35), 0 0 26px rgba(245,42,120,.58), 0 0 54px rgba(220,20,87,.20)!important; } @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema .cdbe-wheel-card, #cdbe-root.cdbe-cinema .cdbe-wheel-card.cdbe-front{transition:none!important;} } /* v0.4.36 — UNDERGROUND RED. Visual-only overrides; preserve carousel geometry and motion. */ #cdbe-root.cdbe-cinema .cdbe-wheel-card, #cdbe-root.cdbe-cinema .cdbe-wheel-card.cdbe-front, #cdbe-root.cdbe-cinema .cdbe-wheel-card[data-offset]{ border:1px solid transparent!important; outline:none!important; box-shadow:0 16px 38px rgba(0,0,0,.82)!important; transition:transform .22s ease,box-shadow .28s ease!important; } #cdbe-root.cdbe-cinema .cdbe-wheel-card:hover, #cdbe-root.cdbe-cinema .cdbe-wheel-card:focus-visible, #cdbe-root.cdbe-cinema .cdbe-wheel-card.cdbe-front:hover{ border-color:transparent!important; outline:none!important; /* Wide, saturated underground-red light emanates from behind the poster. */ box-shadow:0 25px 42px rgba(0,0,0,.92), 0 14px 26px rgba(220,0,22,.8), 0 0 42px 11px rgba(213,0,25,.66), 0 0 88px 22px rgba(168,0,15,.38)!important; } #cdbe-root.cdbe-cinema #cdbe-hero-cta{ background:#b60019!important; border-color:#c5001d!important; box-shadow:0 12px 34px rgba(0,0,0,.72),0 0 26px rgba(185,0,25,.48)!important; } #cdbe-root.cdbe-cinema #cdbe-hero-cta:hover{ background:#e00020!important; border-color:#e00020!important; box-shadow:0 15px 42px rgba(0,0,0,.78),0 0 38px rgba(225,0,27,.8),0 0 70px rgba(160,0,20,.4)!important; } /* v0.4.37 — Unclipped underground glow: light is a sibling of the scroll viewport. Carousel dimensions, clipping, position, and mechanics remain unchanged. */ #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-underground-light{ position:absolute!important;pointer-events:none!important;z-index:2!important; transform:translate(-50%,-50%)!important;opacity:0!important; border-radius:50%!important; background:radial-gradient(ellipse at center,rgba(215,0,20,.83) 0%,rgba(190,0,20,.55) 24%,rgba(150,0,17,.30) 46%,transparent 72%)!important; filter:blur(23px)!important;transition:opacity .24s ease!important; } #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-underground-light.cdbe-lit{opacity:1!important;} /* Keep the glow behind the card instead of painting a clipped halo inside the viewport. */ #cdbe-root.cdbe-cinema .cdbe-wheel-card:hover, #cdbe-root.cdbe-cinema .cdbe-wheel-card:focus-visible, #cdbe-root.cdbe-cinema .cdbe-wheel-card.cdbe-front:hover{ box-shadow:0 25px 42px rgba(0,0,0,.92)!important; } @media(prefers-reduced-motion:reduce){#cdbe-root.cdbe-cinema #cdbe-latest .cdbe-underground-light{transition:none!important;}} /* v0.4.38 — restore fierce underground-red illumination without viewport clipping. Purely decorative sibling light; no changes to poster geometry or scrolling. */ #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-underground-light{ background:radial-gradient(ellipse at center, rgba(255,8,28,.98) 0%, rgba(230,0,23,.88) 15%, rgba(193,0,18,.68) 32%, rgba(150,0,15,.39) 51%, transparent 76%)!important; filter:blur(12px)!important; } #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-underground-light::after{ content:""!important;display:block!important; position:absolute!important;inset:12% 17%!important;border-radius:50%!important; background:radial-gradient(ellipse at center,rgba(255,10,27,.95) 0%,rgba(215,0,19,.7) 32%,transparent 76%)!important; filter:blur(17px)!important; } /* v0.4.39 — THE CITY'S MOST WANTED. TOP 10 ONLY. Hero and cinema strip are deliberately not targeted. */ #cdbe-root.cdbe-cinema #cdbe-top.cdbe-top10-section{ padding-top:4px!important; padding-bottom:54px!important; overflow:hidden!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-heading{ margin:0 4.5% 8px!important; align-items:end!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-heading h2{ font-size:clamp(34px,4vw,62px)!important; line-height:.95!important; letter-spacing:-.025em!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-heading h2::before{ margin-bottom:8px!important; color:#d40b25!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-heading span{ color:#b9aeb2!important; font-size:clamp(10px,.85vw,13px)!important; letter-spacing:1.4px!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-track{ padding-top:16px!important; padding-bottom:12px!important; } /* Giant solid crimson rankings, never strokes or outlines. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-number{ color:#5c0714!important; -webkit-text-stroke:0 transparent!important; text-shadow:0 8px 26px rgba(0,0,0,.75)!important; transition:color .28s ease,text-shadow .28s ease!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:focus-visible .cdbe-top10-number{ color:#cf0925!important; text-shadow:0 0 28px rgba(235,0,36,.78),0 0 75px rgba(168,0,22,.55)!important; } /* No card borders: light comes from behind the poster. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-cover, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-cover{ border:1px solid transparent!important; outline:none!important; box-shadow:12px 22px 45px rgba(0,0,0,.85)!important; transition:box-shadow .3s ease,filter .3s ease!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover .cdbe-top10-cover, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:focus-visible .cdbe-top10-cover{ border-color:transparent!important; box-shadow:12px 22px 45px rgba(0,0,0,.9),0 0 36px 10px rgba(224,0,28,.68),0 0 75px 22px rgba(155,0,19,.36)!important; } /* #1: a little more heat, plus a restrained editorial label. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-number{ color:#8e091b!important; text-shadow:0 0 30px rgba(176,0,26,.38)!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:first-child:hover .cdbe-top10-number{ color:#f00c2d!important; text-shadow:0 0 42px rgba(255,0,38,.8),0 0 90px rgba(184,0,24,.56)!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:first-child::after{ content:'MOST WANTED';position:absolute;z-index:3;top:12px;right:calc(2% + 10px); pointer-events:none;background:#b6001b;color:white; font:900 10px/1 Arial,sans-serif;letter-spacing:1.5px; padding:8px 10px;border-radius:2px; box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 18px rgba(200,0,26,.28); } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-track::after{color:#b70b29!important;} @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-cover{transition:none!important;} } /* v0.4.40 — TOP 10 ONLY: taller full posters and first-row-equivalent momentum loop. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item{ height:clamp(440px,41vw,580px)!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-cover{ bottom:4px!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-track{ scroll-behavior:auto!important; scroll-snap-type:none!important; touch-action:pan-x pan-y!important; cursor:grab!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-track.cdbe-dragging{ cursor:grabbing!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item{ scroll-snap-align:none!important; } /* Rank-one styling survives the invisible duplicate sets in the endless carousel. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item.cdbe-top10-first .cdbe-top10-number{ color:#8e091b!important;text-shadow:0 0 30px rgba(176,0,26,.38)!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item.cdbe-top10-first:hover .cdbe-top10-number{ color:#f00c2d!important;text-shadow:0 0 42px rgba(255,0,38,.8),0 0 90px rgba(184,0,24,.56)!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item.cdbe-top10-first::after{ content:'MOST WANTED';position:absolute;z-index:3;top:12px;right:calc(2% + 10px); pointer-events:none;background:#b6001b;color:#fff;font:900 10px/1 Arial,sans-serif; letter-spacing:1.5px;padding:8px 10px;border-radius:2px; box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 18px rgba(200,0,26,.28); } /* v0.4.41 — TOP 10 ONLY: finite ranking and crisp white edge on crimson numerals. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:first-child .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item.cdbe-top10-first .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:focus-visible .cdbe-top10-number{ -webkit-text-stroke:1.5px rgba(255,255,255,.9)!important; } /* No fake eleventh item after the finite Top 10. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-track::after{content:none!important;display:none!important;} /* v0.4.42 REDLINE — TOP 10 visual effects only. Hero and Cinema Cards unchanged. */ @keyframes cdbe-redline-wake{ 0%{opacity:0;transform:translateX(-12px) scale(.78)} 38%{opacity:1;transform:translateX(0) scale(1.05)} 100%{opacity:.72;transform:translateX(0) scale(1)} } @keyframes cdbe-redline-impact{ 0%{filter:brightness(1)} 36%{filter:brightness(1.85)} 100%{filter:brightness(1)} } @keyframes cdbe-redline-crown{ 0%,100%{filter:drop-shadow(0 0 7px rgba(190,0,30,.22))} 50%{filter:drop-shadow(0 0 22px rgba(235,0,39,.55))} } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item::before{ content:'';position:absolute;z-index:0;pointer-events:none; left:9%;right:-8%;top:8%;bottom:3%;border-radius:40%; background:radial-gradient(ellipse at 58% 57%,rgba(242,0,37,.64) 0%,rgba(174,0,28,.45) 31%,rgba(107,0,20,.16) 58%,transparent 77%); filter:blur(26px);opacity:0;transform:scale(.8); transition:opacity .42s ease,transform .42s ease; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover::before, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:focus-visible::before{ opacity:.72;transform:scale(1);animation:cdbe-redline-wake .72s ease-out both; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:focus-visible .cdbe-top10-number{ animation:cdbe-redline-impact .46s ease-out 1; } /* First place alone gets a restrained idle heartbeat. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item.cdbe-top10-first:not(:hover):not(:focus-visible) .cdbe-top10-number{ animation:cdbe-redline-crown 4.8s ease-in-out infinite; } @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item::before, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover::before, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item .cdbe-top10-number{ animation:none!important;transition:none!important; } } /* v0.4.43 — Top 10 unclipped atmospheric light. Do not touch first row. */ #cdbe-root.cdbe-cinema #cdbe-top.cdbe-top10-section{ overflow:visible!important; position:relative!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-heading{ position:relative!important;z-index:2!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-track{ position:relative!important;z-index:2!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-floating-glow{ position:absolute!important;z-index:1!important;pointer-events:none!important; transform:translate(-50%,-50%)!important;border-radius:50%!important; opacity:0;transition:opacity .24s ease!important; background:radial-gradient(ellipse at center,rgba(255,0,28,.93) 0%,rgba(224,0,27,.75) 19%,rgba(167,0,22,.53) 37%,rgba(110,0,18,.22) 55%,transparent 76%)!important; filter:blur(24px)!important; } #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-floating-glow.cdbe-lit{opacity:1!important;} /* The former card-attached bloom was clipped by the horizontal scrollport. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item::before{display:none!important;} /* Retain number impact and #1 crown; remove the rectangular cover shadow bloom. */ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover .cdbe-top10-cover, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:focus-visible .cdbe-top10-cover{ box-shadow:12px 22px 45px rgba(0,0,0,.9)!important; } @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-floating-glow{transition:none!important;} } /* v0.4.47 — new collections only. No changes to locked hero, cinema or Top 10. */ #cdbe-root.cdbe-cinema #cdbe-collections{background:#050506!important;padding:24px 0 55px!important;} #cdbe-root.cdbe-cinema .cdbe-collection{padding:28px 0 35px!important;background:#050506!important;} #cdbe-root.cdbe-cinema .cdbe-collection-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:0 4.3% 20px;gap:20px;} #cdbe-root.cdbe-cinema .cdbe-collection-heading small{font:800 9px/1.4 system-ui,sans-serif;letter-spacing:3px;color:#d9283f;} #cdbe-root.cdbe-cinema .cdbe-collection-heading h2{font:950 clamp(28px,3.2vw,48px)/1.03 system-ui,sans-serif;letter-spacing:-1.8px;color:#fff;margin:7px 0 0;} #cdbe-root.cdbe-cinema .cdbe-collection-heading>span{font:800 10px system-ui,sans-serif;letter-spacing:1.5px;color:#a99ca0;white-space:nowrap;} #cdbe-root.cdbe-cinema .cdbe-collection-track{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scroll-snap-type:none;padding:12px 4.3% 32px;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;cursor:grab;} #cdbe-root.cdbe-cinema .cdbe-collection-track::-webkit-scrollbar{display:none;} #cdbe-root.cdbe-cinema .cdbe-collection-track:active{cursor:grabbing;} #cdbe-root.cdbe-cinema .cdbe-collection-card{position:relative;flex:0 0 clamp(215px,18.5vw,290px);aspect-ratio:0.69;border-radius:8px;overflow:hidden;background:#181417;box-shadow:0 15px 28px #000b;transition:transform .25s ease,box-shadow .25s ease;text-decoration:none;color:#fff;isolation:isolate;} #cdbe-root.cdbe-cinema .cdbe-collection-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #000e,0 0 35px #c20b2d8a;z-index:2;} #cdbe-root.cdbe-cinema .cdbe-collection-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;} #cdbe-root.cdbe-cinema .cdbe-collection-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 16px 18px;background:linear-gradient(transparent,#080507ed);font:900 clamp(16px,1.5vw,24px)/1.06 system-ui,sans-serif;text-transform:uppercase;} #cdbe-root.cdbe-cinema .cdbe-collection-empty{color:#a8a1a4;font:600 14px system-ui,sans-serif;padding:25px 0;} #cdbe-root.cdbe-cinema .cdbe-spin-feature{margin:24px 4.3% 34px;min-height:300px;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#4d0719 0%,#1d060e 35%,#090709 76%);position:relative;border:1px solid #4d1b27;} #cdbe-root.cdbe-cinema .cdbe-spin-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:45px 5%;min-height:300px;} #cdbe-root.cdbe-cinema .cdbe-spin-inner small{color:#f44760;font:900 10px system-ui,sans-serif;letter-spacing:3px;} #cdbe-root.cdbe-cinema .cdbe-spin-inner h2{font:950 clamp(42px,5.3vw,85px)/1 system-ui,sans-serif;letter-spacing:-3px;margin:12px 0;color:#fff;} #cdbe-root.cdbe-cinema .cdbe-spin-inner h2 span{color:#f22c47;} #cdbe-root.cdbe-cinema .cdbe-spin-inner p{font:500 15px/1.5 system-ui,sans-serif;color:#cfc3c7;max-width:380px;} #cdbe-root.cdbe-cinema .cdbe-spin-art{display:flex;gap:10px;transform:rotate(-8deg);font:950 clamp(38px,5vw,76px) system-ui,sans-serif;color:#fff;text-shadow:0 0 30px #f00a;} #cdbe-root.cdbe-cinema .cdbe-spin-art span{display:grid;place-items:center;width:clamp(60px,6vw,100px);height:115px;background:#120b10;border:1px solid #a52840;border-radius:8px;box-shadow:0 10px 35px #0009;} #cdbe-root.cdbe-cinema .cdbe-spin-action{display:flex;flex-direction:column;gap:9px;text-align:right;font:800 10px system-ui,sans-serif;letter-spacing:1.5px;color:#f3d4d9;} #cdbe-root.cdbe-cinema .cdbe-spin-action em{color:#ef4660;font-style:normal;} @media(max-width:1150px){#cdbe-root.cdbe-cinema .cdbe-spin-art{display:none;}#cdbe-root.cdbe-cinema .cdbe-spin-inner{padding:30px 4%;}} @media(prefers-reduced-motion:reduce){#cdbe-root.cdbe-cinema .cdbe-collection-card{transition:none!important;}} /* v0.4.48 — compact spacing for new category collections ONLY. */ #cdbe-root.cdbe-cinema #cdbe-collections{padding:8px 0 26px!important;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection{padding:10px 0 9px!important;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-heading{padding-bottom:12px!important;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-track{padding-bottom:12px!important;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-spin-feature{margin-top:12px!important;margin-bottom:16px!important;} /* v0.4.49 UNDERGROUND TAKEOVER — isolated to new category rows. */ #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection{position:relative;isolation:isolate;--beast-progress:0%;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-heading{position:relative;z-index:3;align-items:end;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-beast-title{font-size:clamp(32px,4.15vw,66px)!important;line-height:.94!important;letter-spacing:-2.8px!important;max-width:900px;opacity:0;transform:translateY(15px);transition:opacity .48s ease,transform .6s cubic-bezier(.2,.8,.2,1);} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-beast-title strong{font-weight:950;color:#ec1537;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-beast-tagline{font:500 12px/1.5 system-ui,sans-serif;color:#a8a0a2;margin:8px 0 0;opacity:0;transition:opacity .65s ease .15s;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-beast-entered .cdbe-beast-title{opacity:1;transform:translateY(0);} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-beast-entered .cdbe-beast-tagline{opacity:1;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-status{font-variant-numeric:tabular-nums;color:#f25b6d!important;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-beast-ghost{position:absolute;top:46%;left:4%;z-index:0;pointer-events:none;white-space:nowrap;font:950 clamp(110px,17vw,270px)/1 system-ui,sans-serif;letter-spacing:-.075em;color:#a90b26;opacity:0;filter:blur(3px);transform:translateY(-30%) scale(.96);transition:opacity .35s ease,transform .5s ease;max-width:96%;overflow:hidden;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection:has(.cdbe-collection-card:hover) .cdbe-beast-ghost{opacity:.19;transform:translateY(-30%) scale(1);} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-track{position:relative;z-index:1;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card{transition:transform .27s ease,box-shadow .27s ease,filter .27s ease!important;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-track:has(.cdbe-collection-card:hover) .cdbe-collection-card:not(:hover){filter:brightness(.68);} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card:hover{box-shadow:0 19px 42px #000f,0 0 46px 12px #e10b3299!important;} #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection::after{content:"";position:absolute;bottom:1px;left:4.3%;width:91.4%;height:2px;background:linear-gradient(90deg,#ed183d var(--beast-progress),#33121c var(--beast-progress));pointer-events:none;z-index:3;} @media(prefers-reduced-motion:reduce){#cdbe-root.cdbe-cinema #cdbe-collections .cdbe-beast-title,#cdbe-root.cdbe-cinema #cdbe-collections .cdbe-beast-tagline{opacity:1;transform:none;transition:none;}#cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card{transition:none!important;}} /* v0.4.50 BEAST SPOTLIGHT — ONLY the seven underground collection rows. Extra internal track clearance prevents enlarged cards/glows being cut off; compensating margins keep the established row spacing essentially intact. */ @media (hover:hover) and (pointer:fine){ #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-track{ padding-top:58px!important;padding-bottom:60px!important; margin-top:-46px!important;margin-bottom:-48px!important; } #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card{ transform-origin:center center; transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,filter .3s ease!important; } #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card img{ transition:filter .36s ease!important; } #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card::after{ content:"";position:absolute;inset:0;pointer-events:none;z-index:3; background:radial-gradient(ellipse 72% 65% at 50% 27%,rgba(255,255,255,.21),rgba(255,255,255,.065) 47%,transparent 83%); opacity:0;transition:opacity .38s ease .06s;mix-blend-mode:screen; } #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card:hover{ transform:scale(1.15)!important;z-index:20!important; box-shadow:0 26px 62px 12px #000e,0 0 35px 10px #a30022cc,0 0 78px 25px #d20b355c!important; } #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card:hover img{ filter:brightness(1.21) contrast(1.065) saturate(1.055)!important; } #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card:hover::after{opacity:1;} } @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card, #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card img, #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card::after{transition:none!important;} } /* v0.4.51 — category-only unclipped BEAST SPOTLIGHT. Light is painted on the section, never inside the overflow-x scrollport. */ @media (hover:hover) and (pointer:fine){ #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection::before{ content:"";position:absolute;pointer-events:none;z-index:0; left:var(--beast-light-x,50%);top:var(--beast-light-y,55%); width:540px;height:640px;transform:translate(-50%,-50%); background:radial-gradient(ellipse at center,rgba(228,12,47,.64) 0%,rgba(181,0,35,.45) 25%,rgba(111,0,25,.22) 49%,transparent 74%); filter:blur(17px);opacity:0;transition:opacity .3s ease; } #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection.cdbe-spotlight-active::before{opacity:1;} /* Remove only the shadow that the browser necessarily clips at the track edge. */ #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card:hover{ box-shadow:0 20px 44px 3px rgba(0,0,0,.78)!important; } } /* v0.4.54: fresh stories identity; carousel mechanics untouched */ #cdbe-latest .cdbe-fresh-heading{position:relative;z-index:10;padding:0 0 10px 0;pointer-events:none;max-width:1100px;margin:0 auto;} #cdbe-latest .cdbe-fresh-heading h2{font:950 clamp(25px,3vw,46px)/1 Impact,'Arial Black',sans-serif;letter-spacing:.025em;color:#f5f5f5;margin:0;text-shadow:0 2px 16px #000a;} #cdbe-latest .cdbe-fresh-heading h2 strong{color:#e82942;font:inherit;} #cdbe-latest .cdbe-fresh-heading p{font:800 9px/1.4 system-ui,sans-serif;letter-spacing:2.5px;color:#d2d2d2;margin:8px 0 0;} #cdbe-latest .cdbe-fresh-new{position:absolute;top:12px;left:12px;z-index:2;background:#d91d3c;color:#fff;font:900 10px/1 system-ui,sans-serif;letter-spacing:1.5px;padding:7px 9px;border-radius:2px;pointer-events:none;} /* v0.4.55 — align first-row heading with the editorial left gutter. Category spotlight already uses 115% scaling in v0.4.50/51; keep its proven geometry. */ #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-fresh-heading{ box-sizing:border-box!important;max-width:none!important;width:100%!important; margin:0!important;padding-left:4.3%!important;padding-right:4.3%!important; text-align:left!important; } @media (hover:hover) and (pointer:fine){ #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card{ transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,filter .45s ease!important; } #cdbe-root.cdbe-cinema #cdbe-collections .cdbe-collection-card img{transition:filter .5s ease!important;} } /* v0.4.56 — FRESH OFF THE PRESS ONLY: cinematic 115% Beast Spotlight. Keep carousel sizing, scrolling and existing sibling glow untouched. */ @media (hover:hover) and (pointer:fine){ #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card, #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card.cdbe-front{ transform-origin:center center!important; transition:transform .65s cubic-bezier(.22,1,.36,1),filter .55s ease,box-shadow .6s ease!important; } #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card img{ transition:filter .6s ease!important; } #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-stage:has(.cdbe-wheel-card:hover) .cdbe-wheel-card:not(:hover){ filter:brightness(.68)!important; } #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card:hover, #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card:focus-visible, #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card.cdbe-front:hover{ transform:scale(1.15)!important; filter:brightness(1.08)!important; z-index:30!important; outline:none!important; box-shadow:0 24px 48px rgba(0,0,0,.88)!important; } #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card:hover img, #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card:focus-visible img{ filter:brightness(1.18) contrast(1.055) saturate(1.055)!important; } } @media (prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card, #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card img{transition:none!important;} } /* v0.4.57 — quiet editorial NEW label on every Fresh Off the Press card. */ #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-wheel-card .cdbe-fresh-new{ position:absolute;top:12px;left:12px;z-index:35; background:#d91d3c;color:#fff; font:900 10px/1 system-ui,sans-serif;letter-spacing:1.5px; padding:7px 9px;border-radius:2px;pointer-events:none; box-shadow:0 3px 13px rgba(0,0,0,.55); } /* v0.4.58 — 25px more breathing room between Fresh heading and posters. Isolated to the Fresh carousel; does not change hero, cards or scrolling. */ #cdbe-root.cdbe-cinema #cdbe-latest .cdbe-fresh-heading{padding-bottom:35px!important;} /* v0.4.61 — continuous, irregular faulty-neon flicker while hovered. Only brightness/opacity changes; original typography, fill, stroke and geometry remain. */ @keyframes cdbe-top10-faulty-neon{ 0%, 11%, 12.8%, 30%, 31.5%, 49%, 50.5%, 69%, 70.8%, 87%, 88.4%, 100% {opacity:1;filter:none} 11.5%, 12.2% {opacity:.10;filter:brightness(.2)} 30.5% {opacity:.25;filter:brightness(.35)} 49.5% {opacity:.06;filter:brightness(.15)} 69.6% {opacity:.15;filter:brightness(.22)} 87.5% {opacity:.08;filter:brightness(.18)} } @media (hover:hover) and (pointer:fine){ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:focus-visible .cdbe-top10-number{ animation:cdbe-top10-faulty-neon 3.7s linear infinite!important; } } @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:hover .cdbe-top10-number, #cdbe-root.cdbe-cinema #cdbe-top .cdbe-top10-item:focus-visible .cdbe-top10-number{ animation:none!important;opacity:1!important;filter:none!important; } } /* v0.5.05 — homepage teaser: deep RED, live preview reels; preserves original banner height. */ #cdbe-root.cdbe-cinema .cdbe-spin-feature{background:radial-gradient(ellipse at 75% 45%,#5a0808 0%,#230909 39%,#090708 79%);border-color:#9e2626;transition:border-color .2s,filter .2s} #cdbe-root.cdbe-cinema .cdbe-spin-inner{display:grid;grid-template-columns:minmax(290px,1.1fr) minmax(390px,1.35fr) minmax(135px,.5fr);gap:25px;min-height:300px;padding:35px 4.5%} #cdbe-root.cdbe-cinema .cdbe-spin-copy{min-width:0} #cdbe-root.cdbe-cinema .cdbe-spin-inner small{color:#ef4444} #cdbe-root.cdbe-cinema .cdbe-spin-inner h2{font-size:clamp(36px,4.2vw,68px);letter-spacing:-2.7px;white-space:nowrap} #cdbe-root.cdbe-cinema .cdbe-spin-inner h2 span{color:#e32727} #cdbe-root.cdbe-cinema .cdbe-spin-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;transform:none;text-shadow:none;font:inherit;min-width:0;width:100%} #cdbe-root.cdbe-cinema .cdbe-teaser-reel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;height:128px;padding:10px 5px;background:linear-gradient(145deg,#330b0b,#11090b);border:1px solid #a52b2b;border-radius:9px;box-shadow:inset 0 0 22px #f00a,0 9px 20px #0008} #cdbe-root.cdbe-cinema .cdbe-teaser-reel b{font:900 9px system-ui,sans-serif;letter-spacing:2px;color:#f6c947} #cdbe-root.cdbe-cinema .cdbe-teaser-reel span{display:block;max-width:100%;font:900 clamp(12px,1.25vw,18px)/1.2 system-ui,sans-serif;color:#fff;text-align:center;overflow-wrap:anywhere;transition:opacity .2s,transform .2s} #cdbe-root.cdbe-cinema .cdbe-teaser-reel span.cdbe-teaser-flip{opacity:.2;transform:translateY(-5px)} #cdbe-root.cdbe-cinema .cdbe-spin-action{align-items:flex-end;gap:15px;color:#e4cccc;text-align:right} #cdbe-root.cdbe-cinema .cdbe-spin-action em{display:inline-block;padding:13px 15px;border-radius:5px;background:#c82020;color:white;font:900 11px system-ui,sans-serif;letter-spacing:.7px;white-space:nowrap;box-shadow:0 6px 18px #0007} #cdbe-root.cdbe-cinema .cdbe-spin-feature:hover .cdbe-spin-action em{background:#ed3030} @media(max-width:1200px){#cdbe-root.cdbe-cinema .cdbe-spin-inner{grid-template-columns:minmax(230px,1fr) minmax(300px,1.2fr);gap:20px}#cdbe-root.cdbe-cinema .cdbe-spin-action{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}#cdbe-root.cdbe-cinema .cdbe-spin-inner{padding-top:25px;padding-bottom:25px}#cdbe-root.cdbe-cinema .cdbe-spin-art{display:grid}} @media(max-width:720px){#cdbe-root.cdbe-cinema .cdbe-spin-inner{grid-template-columns:1fr}#cdbe-root.cdbe-cinema .cdbe-spin-inner h2{white-space:normal}#cdbe-root.cdbe-cinema .cdbe-teaser-reel{height:90px}#cdbe-root.cdbe-cinema .cdbe-spin-action{grid-column:auto}} @media(prefers-reduced-motion:reduce){#cdbe-root.cdbe-cinema .cdbe-teaser-reel span{transition:none}} /* v0.5.13 — isolated Beast Explore panel; existing homepage sections unchanged */ #cdbe-explore[hidden]{display:none!important} #cdbe-explore{position:fixed;inset:66px 0 0;z-index:1000;overflow:auto;background:#0b080b;color:#f7f2f2;padding:42px max(30px,calc((100vw - 1180px)/2)) 80px;overscroll-behavior:contain} #cdbe-explore .cdbe-explore-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px} #cdbe-explore .cdbe-explore-top small{color:#ef3753;font-size:10px;letter-spacing:3px;font-weight:800} #cdbe-explore h2{font-size:clamp(35px,5vw,72px);letter-spacing:-2px;line-height:1;margin:10px 0;font-weight:900} #cdbe-explore h2 em{font-style:normal;color:#e52848} #cdbe-explore .cdbe-explore-top p{font-size:14px;color:#aaa} #cdbe-explore button{cursor:pointer} #cdbe-explore-close,#cdbe-explore-clear{border:1px solid #63323d;background:transparent;color:#fff;padding:12px 17px;font-weight:800;letter-spacing:1px} #cdbe-explore .cdbe-explore-search-label{display:block;color:#c6a5ac;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:10px} #cdbe-explore-search{display:block;width:100%;background:#20171d;border:1px solid #74424f;border-radius:4px;color:#fff;padding:17px 20px;font-size:19px;outline:none} #cdbe-explore-search:focus{border-color:#f42a51;box-shadow:0 0 0 2px #f42a5130} #cdbe-explore .cdbe-explore-filters{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin:28px 0} #cdbe-explore fieldset{border:0;padding:0;margin:0;min-width:0} #cdbe-explore legend{font-size:12px;color:#e33a56;font-weight:900;letter-spacing:2px;margin-bottom:13px} #cdbe-explore .cdbe-explore-choices{display:flex;gap:8px;flex-wrap:wrap} #cdbe-explore .cdbe-explore-choice{background:#21171e;border:1px solid #47303a;color:#d9cbd0;border-radius:3px;padding:11px 13px;font-size:11px;letter-spacing:.5px;font-weight:800} #cdbe-explore .cdbe-explore-choice.is-active{background:#c81338;color:#fff;border-color:#e63055} #cdbe-explore .cdbe-explore-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #54313d;padding:22px 0 15px} #cdbe-explore-count{font-size:16px;letter-spacing:2px} #cdbe-explore .cdbe-explore-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #cdbe-explore .cdbe-explore-result{display:flex;gap:12px;background:#181116;border:1px solid #39242d;color:#fff;text-decoration:none;min-width:0;padding:10px} #cdbe-explore .cdbe-explore-result:hover{border-color:#e42b4f;background:#26151e} #cdbe-explore .cdbe-explore-image{width:88px;min-width:88px;height:110px;background:#271c22;overflow:hidden} #cdbe-explore .cdbe-explore-image img{width:100%;height:100%;object-fit:cover} #cdbe-explore .cdbe-explore-result-copy{min-width:0} #cdbe-explore .cdbe-explore-result-copy small{display:block;color:#f04463;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:8px} #cdbe-explore .cdbe-explore-result-copy strong{display:block;font-size:14px;line-height:1.25} #cdbe-explore .cdbe-explore-result-copy p{font-size:11px;color:#aaa;line-height:1.4} #cdbe-explore .cdbe-explore-empty{color:#b8aeb3} #cdbe-explore-open{color:#fff!important} @media(max-width:1100px){#cdbe-explore .cdbe-explore-results{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){#cdbe-explore{display:none!important}} /* v0.5.14: paginated full-archive search */ #cdbe-explore-more{display:block;margin:24px auto 0;background:#b50f32;border:1px solid #ef3556;color:#fff;padding:14px 28px;font-size:12px;font-weight:900;letter-spacing:1px;cursor:pointer} #cdbe-explore-more[hidden]{display:none!important} /* v0.5.15 Red Portal: animation only; search UI and engine remain intact. */ #cdbe-explore{transform-origin:50% 45%;will-change:opacity,transform,clip-path} #cdbe-explore::before{content:"";position:fixed;inset:66px 0 0;pointer-events:none;z-index:9999;opacity:0;background:radial-gradient(ellipse at center,transparent 22%,#e31a4938 56%,transparent 80%);border-top:2px solid #f13057;box-shadow:inset 0 0 100px #bd123125} #cdbe-explore.portal-in{animation:cdbePortalEnter .68s cubic-bezier(.18,.75,.23,1) both} #cdbe-explore.portal-in::before{animation:cdbePortalFlash .68s ease-out both} #cdbe-explore.portal-in .cdbe-explore-top h2{animation:cdbePortalTitle .58s .12s both} #cdbe-explore.portal-out{animation:cdbePortalExit .33s ease-in both;pointer-events:none} @keyframes cdbePortalEnter{0%{opacity:0;clip-path:inset(47% 48% 47% 48%);transform:scale(.96);filter:brightness(1.5)}38%{opacity:1;clip-path:inset(18% 20% 18% 20%);transform:scale(1.02)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1);filter:brightness(1)}} @keyframes cdbePortalFlash{0%,15%{opacity:0}40%{opacity:1}100%{opacity:0}} @keyframes cdbePortalTitle{0%{opacity:0;transform:translateY(20px);letter-spacing:3px}100%{opacity:1;transform:translateY(0);letter-spacing:normal}} @keyframes cdbePortalExit{0%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}100%{opacity:0;clip-path:inset(44% 46% 44% 46%);transform:scale(.97)}} @media(prefers-reduced-motion:reduce){#cdbe-explore.portal-in,#cdbe-explore.portal-out,#cdbe-explore.portal-in::before,#cdbe-explore.portal-in .cdbe-explore-top h2{animation:none!important}} /* v0.5.16: PLAY top-nav anchor to existing Spin the City section */ #cdbe-root #cdbe-spin-the-city{scroll-margin-top:96px} #cdbe-root .cdbe-header nav button[data-jump="cdbe-spin-the-city"]{color:#f5f0f0} /* v0.5.18 — Underground Slots: visual-only enhancement. Existing teaser data and slot engine untouched. */ #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-feature{ isolation:isolate;min-height:375px;border-radius:15px; border:1px solid #932a3c; background: radial-gradient(ellipse at 54% 88%,rgba(225,20,58,.26),transparent 58%), radial-gradient(ellipse at 90% 20%,rgba(129,13,39,.21),transparent 55%), repeating-linear-gradient(100deg,transparent 0 90px,rgba(255,255,255,.012) 91px 92px), #080609; box-shadow:inset 0 1px 0 #f3546b45,inset 0 -40px 100px #0009,0 18px 55px #0007; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city::before{ content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background:linear-gradient(110deg,transparent 8%,#ef204011 45%,transparent 82%); } #cdbe-root.cdbe-cinema #cdbe-spin-the-city::after{ content:"3CITY DAILY • DISCOVERY ENGINE • NO PLANS / NO RULES"; position:absolute;bottom:14px;left:4.5%;right:4.5%;border-top:1px solid #a338493b; padding-top:12px;letter-spacing:3px;color:#c08b96;font:800 8px system-ui,sans-serif;pointer-events:none; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-inner{ position:relative;z-index:1;min-height:375px;display:grid; grid-template-columns:minmax(210px,.9fr) minmax(420px,1.8fr); grid-template-rows:1fr auto;gap:16px 32px;align-items:center; padding:38px 4.5% 56px; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy small{ color:#ff4d6c;letter-spacing:3px;font-size:10px; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy h2{ font-size:clamp(40px,4.2vw,70px);line-height:.95;white-space:normal;letter-spacing:-3px; text-shadow:0 2px 20px #000b; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy p{color:#c3afb6;font-size:13px;max-width:270px} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px; position:relative;padding:16px 18px 20px;align-self:center; background:linear-gradient(135deg,#351b24,#080609 15%,#25101a 48%,#09070a 80%,#5a2735); border:1px solid #a55b6b;border-radius:17px; box-shadow:0 3px 0 #0a0508,0 9px 0 #39111c,0 20px 38px #000d, inset 0 1px 0 #f7a7b366,0 0 30px #e7193e18; transform:perspective(900px) rotateX(1deg); } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art::before{ content:"";position:absolute;inset:8px 9px auto;height:4px;border-radius:100%; background:linear-gradient(90deg,transparent,#ff3a5d,#fff2f3,#ff3a5d,transparent); opacity:.7;box-shadow:0 0 15px #fa264a; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art::after{ content:"◀ ◀ ◀";position:absolute;left:0;right:0;top:54%;text-align:center; font:900 11px system-ui,sans-serif;letter-spacing:calc(11vw - 5px); color:#ff385d;opacity:.0;pointer-events:none; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel{ position:relative;overflow:hidden;min-width:0;height:178px;border-radius:6px;gap:0; border:1px solid #a64155; background:linear-gradient(180deg,#0a070a 0%,#2a101b 18%,#10090e 35%,#0b080d 60%,#2c101a 84%,#09070a 100%); box-shadow:inset 0 0 25px #000,inset 0 0 35px #ee25411b,0 0 0 2px #090609; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel::before, #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel::after{ content:"";position:absolute;left:0;right:0;height:25px;pointer-events:none; background:linear-gradient(#000e,transparent);top:0; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel::after{ top:auto;bottom:0;transform:rotate(180deg); } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel b{ position:absolute;top:18px;left:0;right:0;color:#ff6078; font-size:10px;letter-spacing:2.5px;text-shadow:0 0 10px #fb2645; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel span{ width:100%;padding:17px 7px 13px;max-width:100%; border-top:1px solid #e64d6355;border-bottom:1px solid #e64d6355; background:linear-gradient(180deg,#b9253b14,#eb355023,#b9253b14); color:#fff;font:950 clamp(15px,1.65vw,24px)/1.12 system-ui,sans-serif; letter-spacing:-.5px;text-shadow:0 0 14px #ff355e70; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action{ grid-column:2;display:flex;flex-direction:row;align-items:center;justify-content:center; gap:20px;text-align:center;padding-top:2px; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action span{ color:#d0a4af;font-size:9px;letter-spacing:2px; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action em{ background:linear-gradient(180deg,#ff3b61,#b60830); border:1px solid #ff7990;border-radius:7px;padding:15px 30px; font-size:13px;letter-spacing:2px;box-shadow:0 0 0 3px #320d19,0 0 24px #f0134e80,0 7px 0 #570a20; transition:transform .16s,box-shadow .16s; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city:hover .cdbe-spin-action em{ background:linear-gradient(180deg,#ff4b6c,#c70c36); box-shadow:0 0 0 3px #320d19,0 0 35px #f0134eaa,0 7px 0 #570a20; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city:active .cdbe-spin-action em{transform:translateY(3px)} @media(max-width:1250px){ #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-inner{grid-template-columns:minmax(190px,.8fr) minmax(350px,1.7fr);gap:12px 22px} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action span{display:none} } @media(max-width:950px){ #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:34px 5% 55px} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action{grid-column:1} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art{max-width:650px} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy h2{font-size:44px} } @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action em{transition:none} } /* v0.5.19 SLOT THEATRE — one visual identity before and during a spin. Presentation only. No edits to the selection, sound, article or reel engines. */ #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-feature{ --st-red:#f5224c;--st-cream:#fff2e9; height:490px!important;min-height:490px!important;max-height:none!important; margin-top:30px!important;margin-bottom:38px!important; border:1px solid #7e273b!important;border-radius:4px!important; overflow:hidden!important;position:relative!important; background: radial-gradient(ellipse at 50% 78%,#a90d334d,transparent 55%), linear-gradient(130deg,#09080c 5%,#220b16 50%,#08070b 95%)!important; box-shadow:inset 0 0 0 8px #08070b,inset 0 0 0 9px #75243a99,0 24px 80px #000b!important; transition:none!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city::before{ content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background: linear-gradient(90deg,transparent 49.85%,#ed30502b 50%,transparent 50.15%), repeating-linear-gradient(0deg,transparent 0 5px,#ffffff04 6px 7px), radial-gradient(ellipse at 50% 115%,#f2163b44,transparent 48%); } #cdbe-root.cdbe-cinema #cdbe-spin-the-city::after{ content:"✦ 3CITY DAILY / THE CITY DECIDES ✦";position:absolute;bottom:20px;left:0;right:0; border:0!important;text-align:center;color:#bb7587;letter-spacing:5px; font:800 9px system-ui,sans-serif;pointer-events:none; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-inner{ display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important; height:100%!important;min-height:0!important;gap:0!important; padding:43px 5% 50px!important;position:relative;z-index:1; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy{text-align:center;flex:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy small{ font:900 10px system-ui,sans-serif!important;letter-spacing:5px!important;color:#f45772!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy h2{ margin:9px 0 7px!important;font:1000 clamp(48px,5.4vw,88px)/.94 system-ui,sans-serif!important; letter-spacing:-5px!important;white-space:nowrap!important;color:var(--st-cream)!important; text-shadow:0 5px 25px #000c; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy h2 span{color:var(--st-red)!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy p{ max-width:none!important;font:700 11px system-ui,sans-serif!important; letter-spacing:2.4px!important;text-transform:uppercase;color:#d4a8b3!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important; width:min(770px,85%)!important;min-width:0!important;margin:24px auto 0!important; padding:12px!important;transform:none!important; border:1px solid #bd6375!important;border-radius:12px!important; background:linear-gradient(160deg,#38151f,#0a070b 19%,#25101a 85%,#5b2738)!important; box-shadow:0 6px 0 #18070d,0 14px 0 #460d22,0 24px 35px #000b, inset 0 1px #ffb1b38c,0 0 60px #ec21412e!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art::before{ content:"";position:absolute;top:4px;left:15px;right:15px;height:3px; background:linear-gradient(90deg,transparent,#f83e62,#ffe0e0,#f83e62,transparent); opacity:.8;box-shadow:0 0 12px #ff3d63; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art::after{content:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel{ height:151px!important;padding:0!important;gap:0!important;border-radius:3px!important; border:1px solid #a83e53!important;position:relative!important; background:linear-gradient(180deg,#080609,#32131f 16%,#10080e 38%,#10080e 65%,#32131f 86%,#080609)!important; box-shadow:inset 0 18px 28px #000a,inset 0 -18px 28px #000a,0 0 0 2px #090609!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel b{ position:static!important;margin-top:12px!important;margin-bottom:12px!important; font:900 10px system-ui,sans-serif!important;letter-spacing:3px!important;color:#f5a3b3!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel span{ position:relative!important;display:grid!important;place-items:center!important; width:100%!important;min-height:67px!important;max-height:67px!important; background:linear-gradient(180deg,#cf1e3a18,#a516322d,#cf1e3a18)!important; border-top:1px solid #f149626e!important;border-bottom:1px solid #f149626e!important; padding:10px 6px!important;font:950 clamp(14px,1.6vw,23px)/1.1 system-ui,sans-serif!important; letter-spacing:-.5px!important;text-align:center!important;color:#fff!important; text-shadow:0 0 20px #fa2a58a0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action{ display:flex!important;flex-direction:column!important;gap:9px!important; grid-column:auto!important;justify-content:center!important;align-items:center!important; padding:0!important;margin:25px 0 0!important;text-align:center!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action span{display:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action em{ display:block!important;padding:15px 55px!important;border-radius:4px!important; background:linear-gradient(#ff3b5f,#bf0d35)!important;border:1px solid #ff8da0!important; box-shadow:0 0 0 4px #250813,0 0 32px #f51c4f88,0 7px 0 #640c23!important; font:900 14px system-ui,sans-serif!important;letter-spacing:3px!important;color:#fff!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city:not(.cdbe-spin-inline-active):hover .cdbe-spin-action em{ box-shadow:0 0 0 4px #250813,0 0 48px #f51c4fcc,0 7px 0 #640c23!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-inline-active{ cursor:default!important;height:490px!important;min-height:490px!important;max-height:none!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-inline-active .cdbe-spin-inner{display:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline{ position:absolute!important;inset:0!important;z-index:2!important; height:100%!important;max-height:none!important;min-height:0!important; background:transparent!important;overflow:hidden!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-machine{ box-sizing:border-box!important;width:100%!important;max-width:none!important; height:100%!important;min-height:0!important;max-height:none!important; margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important; background:transparent!important;box-shadow:none!important; display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important; grid-template-rows:28px 116px 178px 62px!important; gap:7px 20px!important;align-content:center!important; padding:24px 6% 36px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-top{ grid-column:1/-1!important;grid-row:1!important;display:flex!important; justify-content:space-between!important;align-items:center!important; border:0!important;padding:0!important;min-height:0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-top>span{ color:#f45772!important;letter-spacing:3px!important;font-size:9px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading{ grid-column:1/-1!important;grid-row:2!important;align-self:center!important; text-align:center!important;min-width:0!important;margin:0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading small{ color:#f45772!important;font-size:9px!important;letter-spacing:4px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading h2{ font:1000 clamp(40px,4.6vw,70px)/.98 system-ui,sans-serif!important; letter-spacing:-3px!important;margin:4px 0!important;color:#fff2e9!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading h2 em{color:#f5224c!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading p{ color:#d4a8b3!important;font-size:10px!important;letter-spacing:2px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reels{ grid-column:1/3!important;grid-row:3!important; display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important;width:100%!important;max-width:none!important;min-width:0!important; height:100%!important;margin:0!important;padding:11px!important; border:1px solid #b85a6f!important;border-radius:10px!important; background:linear-gradient(140deg,#391521,#0a070b 20%,#30101c 85%,#4e1a2c)!important; box-shadow:0 6px 0 #16070b,0 12px 0 #460d22,0 18px 30px #000a, inset 0 1px #ffb1b366,0 0 45px #ec21413a!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel{ box-sizing:border-box!important;height:100%!important;min-width:0!important; padding:8px 5px!important;overflow:hidden!important; border:1px solid #a33b52!important;border-radius:3px!important; background:linear-gradient(180deg,#0a070a,#32131f 20%,#10090e 48%,#32131f 82%,#0a070a)!important; box-shadow:inset 0 15px 25px #000b,inset 0 -15px 25px #000b!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel span{ display:flex!important;flex-direction:column!important;align-items:center!important; justify-content:center!important;gap:8px!important; font-size:28px!important;color:#fff!important;text-shadow:0 0 15px #fa2a58a0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel span small{ font:950 clamp(12px,1.4vw,20px)/1.15 system-ui,sans-serif!important; color:#fff!important;letter-spacing:.2px!important;text-align:center!important; overflow-wrap:anywhere!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-status{ grid-column:1/3!important;grid-row:4!important;align-self:start!important; margin:3px 0!important;color:#f2b0c0!important;letter-spacing:2px!important;font-size:9px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result{ grid-column:3!important;grid-row:3!important; display:flex!important;flex-direction:column!important;align-items:center!important; justify-content:center!important;gap:5px!important; width:100%!important;height:100%!important;min-height:0!important;max-height:none!important; overflow:hidden!important;padding:8px!important;margin:0!important; border:1px solid #5b2c3b!important;background:#110b10aa!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result-label{ font-size:9px!important;color:#f35676!important;letter-spacing:2px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-winner-poster{ width:auto!important;max-width:85px!important;height:90px!important;max-height:90px!important; object-fit:contain!important;grid-column:auto!important;grid-row:auto!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result-title{ font-size:clamp(10px,1vw,14px)!important;line-height:1.2!important; text-align:center!important;max-height:55px!important;overflow:hidden!important; display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline #cdbe-slot-read{ grid-column:auto!important;grid-row:auto!important;font-size:9px!important; padding:7px 10px!important;align-self:center!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-controls{ grid-column:2/4!important;grid-row:4!important;display:flex!important; flex-direction:row!important;justify-content:flex-end!important;align-items:flex-start!important; gap:15px!important;margin:0!important;padding:0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline #cdbe-slot-spin{ padding:12px 25px!important;background:linear-gradient(#ff3b5f,#bf0d35)!important; border:1px solid #ff8da0!important;box-shadow:0 0 24px #f51c4f88!important; font:900 11px system-ui,sans-serif!important;letter-spacing:1px!important;white-space:nowrap!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-dismiss{ padding:12px 8px!important;font-size:9px!important;white-space:nowrap!important; } @media(max-width:1100px){ #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-machine{ padding-left:3%!important;padding-right:3%!important;gap:6px 10px!important; } } @media(prefers-reduced-motion:reduce){ #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel span{transition:none!important} } /* v0.5.20 / FLOATING THREE — visual layer only, existing reel engine unchanged */ #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-feature{height:620px!important;min-height:620px!important;max-height:none!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 72%,#7c0b283d 0%,transparent 53%),#050406!important;box-shadow:none!important;margin:28px 0 35px!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 67%,#f51c4b20,transparent 55%);z-index:0} #cdbe-root.cdbe-cinema #cdbe-spin-the-city::after{content:"THE CITY IS YOURS. THE CHOICE ISN'T.";bottom:20px;border:0!important;text-align:center;font:800 9px system-ui,sans-serif;letter-spacing:4px;color:#7c5965} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-inner{height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;padding:50px 5% 60px!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy{text-align:center!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy h2{font:1000 clamp(48px,5.8vw,90px)/.95 system-ui,sans-serif!important;letter-spacing:-5px!important;white-space:nowrap!important;margin:10px 0!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy p{max-width:none!important;font-size:11px!important;letter-spacing:2px!important;text-transform:uppercase!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art{position:relative!important;width:min(1100px,94%)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;margin:45px auto 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art::before,#cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art::after{content:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel{height:215px!important;position:relative!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;border:0!important;border-radius:0!important;padding:10px!important;background:transparent!important;box-shadow:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel::before{content:""!important;position:absolute!important;inset:auto 8% -19px!important;height:35px!important;background:#f1164c!important;filter:blur(35px)!important;opacity:.43!important;transform:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel::after{content:""!important;position:absolute!important;top:55px!important;left:8%!important;right:8%!important;height:1px!important;background:linear-gradient(90deg,transparent,#d52c5070,transparent)!important;transform:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel b{position:static!important;display:block!important;font:900 12px system-ui,sans-serif!important;letter-spacing:5px!important;color:#e84c70!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel span{display:grid!important;place-items:center!important;position:relative!important;width:100%!important;min-height:118px!important;max-height:none!important;padding:12px!important;border:0!important;background:transparent!important;color:#fff!important;font:1000 clamp(27px,3vw,48px)/1.05 system-ui,sans-serif!important;letter-spacing:-2px!important;text-align:center!important;text-shadow:0 0 35px #eb164e65,0 4px 5px #000!important;overflow-wrap:anywhere!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action{display:flex!important;flex-direction:column!important;grid-column:auto!important;align-items:center!important;justify-content:center!important;gap:0!important;margin:42px 0 0!important;padding:0!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action span{display:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action em{padding:18px 62px!important;border-radius:2px!important;border:1px solid #fa496e!important;background:#d20e3b!important;box-shadow:0 0 42px #e6124d77!important;font:950 14px system-ui,sans-serif!important;letter-spacing:3px!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-inline-active{height:620px!important;min-height:620px!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline{position:absolute!important;inset:0!important;height:100%!important;z-index:3!important;background:transparent!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-machine{height:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:28px 116px 255px 33px 76px!important;gap:0!important;padding:22px 5% 35px!important;align-content:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-top{grid-column:1!important;grid-row:1!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading{grid-column:1!important;grid-row:2!important;text-align:center!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading h2{font:1000 clamp(48px,5.8vw,90px)/.95 system-ui,sans-serif!important;letter-spacing:-5px!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reels{grid-column:1!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;width:min(1100px,94%)!important;height:100%!important;max-width:none!important;min-width:0!important;justify-self:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel{position:relative!important;height:100%!important;display:grid!important;place-items:center!important;padding:10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel::after{content:"";position:absolute;bottom:25px;left:15%;right:15%;height:20px;background:#f1174c;filter:blur(30px);opacity:.43;pointer-events:none} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:13px!important;font-size:35px!important;text-shadow:0 0 35px #e91c4b88!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel span small{font:1000 clamp(25px,2.9vw,46px)/1.05 system-ui,sans-serif!important;letter-spacing:-1.8px!important;color:#fff!important;overflow-wrap:anywhere!important;text-align:center!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-status{grid-column:1!important;grid-row:4!important;justify-self:center!important;align-self:center!important;margin:0!important;font-size:10px!important;letter-spacing:2px!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-controls{grid-column:1!important;grid-row:5!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:24px!important;margin:0!important;padding:0!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline #cdbe-slot-spin{font:950 13px system-ui,sans-serif!important;letter-spacing:2px!important;padding:18px 50px!important;background:#d20e3b!important;border:1px solid #fa496e!important;box-shadow:0 0 42px #e6124d77!important;border-radius:2px!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result{position:absolute!important;z-index:5!important;right:20px!important;bottom:13px!important;width:240px!important;height:auto!important;min-height:0!important;max-height:125px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:7px!important;background:#10080dbb!important;border:1px solid #6b233b66!important;overflow:hidden!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result-label{display:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-winner-poster{max-width:52px!important;width:52px!important;height:70px!important;object-fit:cover!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result-title{font-size:10px!important;line-height:1.2!important;max-height:52px!important;overflow:hidden!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline #cdbe-slot-read{font-size:9px!important;padding:6px!important} @media(max-width:1050px){#cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art,#cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reels{gap:12px!important}#cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result{right:7px!important;width:175px!important}} /* v0.5.21: genuinely borderless, unclipped floating reels; same geometry in both states. */ #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-feature, #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-inline-active{ height:auto!important;min-height:650px!important;max-height:none!important; overflow:visible!important;border:0!important;border-radius:0!important; background:radial-gradient(ellipse at 50% 60%,#5d09211f,transparent 62%),#050507!important; box-shadow:none!important;margin:30px 0 55px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city::before, #cdbe-root.cdbe-cinema #cdbe-spin-the-city::after{content:none!important;display:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-inner{ display:flex!important;flex-direction:column!important;align-items:center!important; justify-content:flex-start!important;min-height:650px!important;height:auto!important; padding:46px 3% 55px!important;gap:0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-copy h2{ font-size:clamp(44px,5vw,78px)!important;margin:10px 0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art{ width:100%!important;max-width:1200px!important;display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,2.5vw,42px)!important; margin:45px auto 0!important;padding:0!important;transform:none!important; background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art::before, #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art::after{display:none!important;content:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel{ height:240px!important;min-height:240px!important;border:0!important;border-radius:0!important; box-shadow:0 30px 50px -35px #ff23565c!important; background:radial-gradient(ellipse at 50% 75%,#9c10332e,transparent 70%)!important; display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel::before, #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel::after{display:none!important;content:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel b{ position:static!important;margin:0 0 16px!important;font-size:11px!important;letter-spacing:5px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel span{ min-height:130px!important;max-height:none!important;width:100%!important;padding:10px!important; background:none!important;border:0!important;color:#fff!important; font:1000 clamp(24px,3.3vw,52px)/1.05 system-ui,sans-serif!important; letter-spacing:-2px!important;text-shadow:0 5px 35px #eb24567a!important; display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action{ grid-column:auto!important;display:flex!important;flex-direction:column!important; align-items:center!important;justify-content:center!important;margin:32px auto 0!important; padding:0!important;gap:10px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-action em{ border-radius:100px!important;padding:18px 70px!important;font-size:15px!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-inline-active .cdbe-spin-inner{display:none!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline{ position:relative!important;inset:auto!important;width:100%!important;height:auto!important; min-height:650px!important;max-height:none!important;overflow:visible!important; background:none!important;display:block!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-machine{ display:flex!important;flex-direction:column!important;align-items:center!important; width:100%!important;max-width:none!important;min-height:650px!important;height:auto!important; max-height:none!important;overflow:visible!important;gap:0!important; padding:28px 3% 45px!important;margin:0!important;background:none!important; border:0!important;border-radius:0!important;box-shadow:none!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-top{ display:flex!important;width:100%!important;justify-content:space-between!important;align-items:center!important; min-height:36px!important;padding:0!important;margin:0!important;border:0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading{ display:block!important;text-align:center!important;margin:16px 0 0!important;padding:0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-heading h2{ font-size:clamp(44px,5vw,78px)!important;line-height:1!important;margin:8px 0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reels{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(14px,2.5vw,42px)!important;width:100%!important;max-width:1200px!important; height:240px!important;min-height:240px!important;margin:40px auto 0!important;padding:0!important; background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel{ display:flex!important;align-items:center!important;justify-content:center!important; height:240px!important;min-height:240px!important;max-height:none!important; border:0!important;border-radius:0!important;padding:10px!important; background:radial-gradient(ellipse at 50% 75%,#9c10332e,transparent 70%)!important; box-shadow:0 30px 50px -35px #ff23565c!important;overflow:hidden!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel span{ display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important; font-size:30px!important;text-shadow:0 5px 35px #eb24567a!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel span small{ font:1000 clamp(24px,3vw,48px)/1.06 system-ui,sans-serif!important; letter-spacing:-1px!important;text-align:center!important;overflow-wrap:anywhere!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-status{ display:block!important;margin:18px auto 0!important;text-align:center!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result{ position:relative!important;inset:auto!important;width:min(850px,100%)!important; min-height:0!important;max-height:none!important;height:auto!important;margin:16px auto 0!important; padding:12px 18px!important;display:flex!important;flex-direction:row!important; align-items:center!important;justify-content:center!important;gap:15px!important; background:#170a1199!important;border:0!important;box-shadow:none!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-winner-poster{ width:55px!important;max-width:55px!important;height:70px!important;max-height:70px!important; object-fit:cover!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-result-title{ font-size:15px!important;max-height:none!important;line-height:1.25!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-controls{ display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important; gap:20px!important;margin:20px auto 0!important;padding:0!important; } #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline #cdbe-slot-spin{ border-radius:100px!important;padding:16px 48px!important;font-size:14px!important; } @media(max-width:760px){ #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-spin-art, #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reels{gap:5px!important} #cdbe-root.cdbe-cinema #cdbe-spin-the-city .cdbe-teaser-reel span, #cdbe-root.cdbe-cinema #cdbe-spin-the-city #cdbe-slot-overlay.cdbe-slot-inline .cdbe-slot-reel span small{font-size:18px!important;letter-spacing:0!important} } /* v0.5.22: Hide desktop-only slots, collapse layout space. PWA plugin unaffected. */ #cdbe-root #cdbe-spin-the-city, #cdbe-root.cdbe-cinema #cdbe-spin-the-city.cdbe-spin-feature { display:none!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } /* v0.5.25: single original cinematic entrance on first desktop visit. */ html.cdbe-beast-default #cdbe-transition{background:#080607;z-index:100;opacity:1;visibility:visible} html.cdbe-beast-default #cdbe-root.cdbe-ready #cdbe-transition{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s linear .55s} html.cdbe-beast-default #cdbe-transition span{color:#e3bf51} /* v0.5.32 Events: landscape-only row, no overlaid title or copy. */ #cdbe-events[hidden]{display:none!important} .cdbe-events-section{padding:48px clamp(22px,4vw,72px) 54px;background:#09070b;color:#fff;border-top:1px solid #391322} .cdbe-events-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px} .cdbe-events-heading small{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.24em;color:#ff416d} .cdbe-events-heading h2{font:900 clamp(30px,3.5vw,56px)/1 Arial,sans-serif;letter-spacing:-.035em;margin:8px 0 0;color:#fff} .cdbe-events-heading h2 strong{color:#ff3268} .cdbe-events-all{font:800 12px Arial,sans-serif;color:#fff;text-decoration:none;white-space:nowrap} .cdbe-events-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 18px;scrollbar-width:thin} .cdbe-event-card{position:relative;display:block;flex:0 0 min(31vw,510px);aspect-ratio:16/9;border:1px solid #a02a52;border-radius:13px;overflow:hidden;background:#170b12;scroll-snap-align:start;box-shadow:0 4px 20px #0007} .cdbe-event-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease} .cdbe-event-card:hover img{transform:scale(1.035)} .cdbe-event-date{position:absolute;top:13px;right:13px;background:#120b13ed;border:1px solid #ef5482;border-radius:7px;padding:7px 9px;color:#fff;display:flex;flex-direction:column;align-items:center;line-height:1.05;box-shadow:0 2px 12px #0009} .cdbe-event-date b{font:900 25px Arial,sans-serif}.cdbe-event-date small{font:800 10px Arial,sans-serif;letter-spacing:.06em} @media(max-width:800px){.cdbe-event-card{flex-basis:75vw}.cdbe-events-section{padding:30px 20px}} /* Events: high-contrast date badge, without changing article poster styles */ .cdbe-event-date{background:#ffe02e!important;border:2px solid #fff1a3!important;color:#111!important;box-shadow:0 3px 20px #000b,0 0 18px #ffe02e66!important;padding:9px 11px!important} .cdbe-event-date b,.cdbe-event-date small{color:#111!important} /* v0.5.35: isolated desktop ALL EVENTS gallery (no homepage card changes) */ #cdbe-events-gallery[hidden]{display:none!important} #cdbe-events-gallery{position:fixed;inset:0;z-index:1000;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 90% 0%,#35111e 0%,transparent 42%),#09070b;color:#fff;padding:42px clamp(24px,4.4vw,80px) 85px} .cdbe-events-gallery-top{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:32px;border-bottom:1px solid #512034;margin-bottom:30px} .cdbe-events-gallery-top small{font:800 11px Arial,sans-serif;letter-spacing:2.6px;color:#ff4b79} .cdbe-events-gallery-top h2{font:900 clamp(42px,5vw,82px)/1 Arial,sans-serif;letter-spacing:-.055em;margin:12px 0 10px} .cdbe-events-gallery-top h2 strong{color:#ff3268} .cdbe-events-gallery-top p{color:#b7aab0;font:16px/1.5 Arial,sans-serif;margin:0} .cdbe-events-gallery-close{flex-shrink:0;border:1px solid #8e3852;background:#1b0d15;color:#fff;border-radius:8px;padding:15px 20px;font:800 12px Arial,sans-serif;letter-spacing:.08em;cursor:pointer} .cdbe-events-gallery-close:hover,.cdbe-events-gallery-close:focus-visible{background:#a4193f;outline:2px solid #ff6589;outline-offset:2px} .cdbe-events-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;max-width:1800px;margin:auto} .cdbe-events-gallery-card{display:flex;flex-direction:column;gap:9px;min-width:0;color:#fff;text-decoration:none} .cdbe-events-gallery-art{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #923251;border-radius:12px;background:#180c14} .cdbe-events-gallery-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease} .cdbe-events-gallery-card:hover img{transform:scale(1.035)} .cdbe-events-gallery-card:focus-visible{outline:2px solid #ffcf39;outline-offset:5px} .cdbe-events-gallery-title{font:800 16px/1.35 Arial,sans-serif} .cdbe-events-gallery-city{font:800 10px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#ff7197} .cdbe-events-gallery-empty{color:#d9b7c4} @media(max-width:1000px){.cdbe-events-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.cdbe-events-gallery-grid{grid-template-columns:1fr}.cdbe-events-gallery-top{flex-direction:column}.cdbe-events-gallery-close{align-self:flex-end}} /* v0.5.36: city labels confined to event artwork only */ .cdbe-event-card,.cdbe-events-gallery-art{position:relative} .cdbe-event-city-badge{position:absolute;top:13px;left:13px;z-index:3;max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:rgba(10,8,13,.88);box-shadow:0 3px 12px rgba(0,0,0,.32);color:#fff;font:800 11px/1 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;pointer-events:none} /* v0.5.37: high-visibility event city chips, Events only */ #cdbe-root .cdbe-event-card .cdbe-event-city-badge,#cdbe-root .cdbe-events-gallery-art .cdbe-event-city-badge{top:13px;left:13px;padding:10px 15px;background:#f52970;color:#fff;border:2px solid #fff;border-radius:7px;font:900 12px/1 Arial,sans-serif;letter-spacing:1.7px;text-shadow:0 1px 2px #71052b;box-shadow:0 4px 0 #7c0b38,0 7px 19px #000c;z-index:7}