/* r1576 | FBRKH cinematic editorial app — approved artwork, original runtime, no external dependencies. */
#r1532-shell.r1536-app.r1560-app{
 background:radial-gradient(ellipse 55% 35% at 84% 1%,#e9e2fa,#f8f9fc 82%)!important;
 gap:clamp(7px,1vh,11px)!important;
}
#r1532-shell.r1536-app.r1560-app .header{
 background:#fff!important;border:1px solid #eae7f2!important;
 border-radius:18px!important;box-shadow:0 5px 16px #27174e0e!important;
}
#r1532-shell.r1536-app.r1560-app .header-links{background:#f7f4fc!important;border:0!important}
#r1532-shell.r1536-app.r1560-app .header-links a{font-weight:800!important;color:#4e4268!important}
#r1532-shell.r1536-app.r1560-app .header-links .r1574-free-nav{color:#5323b9!important}
#r1532-shell.r1536-app.r1560-app .hero{
 position:relative!important;isolation:isolate!important;
 height:clamp(178px,23vh,225px)!important;
 border:1px solid #311a65!important;border-radius:24px!important;
 background:radial-gradient(ellipse 53% 110% at 12% 48%,#7836ca 0%,#4a1e94 41%,transparent 92%),
 radial-gradient(ellipse 55% 90% at 90% 0%,#5a249a,transparent 76%),
 linear-gradient(112deg,#2a145b,#20113f 61%,#39236b)!important;
 box-shadow:0 13px 35px #28115333,inset 0 1px #ffffff1f!important;
 padding:clamp(19px,2.8vw,36px) clamp(25px,4vw,65px)!important;
 overflow:hidden!important;
}
#r1532-shell.r1536-app.r1560-app .hero::before{
 display:block!important;content:""!important;position:absolute!important;
 width:300px!important;height:300px!important;left:3%!important;bottom:-210px!important;
 border:1px solid #ffffff35!important;border-radius:50%!important;
 background:transparent!important;box-shadow:0 0 0 44px #ffffff08,0 0 0 88px #ffffff06!important;
 z-index:0!important;pointer-events:none!important;
}
#r1532-shell.r1536-app.r1560-app .hero::after{
 display:block!important;content:""!important;position:absolute!important;
 inset:0!important;width:100%!important;height:100%!important;
 background:linear-gradient(130deg,transparent 41%,#f2a9f60c 49%,transparent 58%)!important;
 box-shadow:none!important;z-index:0!important;pointer-events:none!important;
}
#r1532-shell.r1536-app.r1560-app .r1536-copy{z-index:3!important;max-width:650px!important}
#r1532-shell.r1536-app.r1560-app .hero h1{
 color:#fff!important;font-weight:900!important;line-height:1.14!important;
 font-size:clamp(31px,3.35vw,54px)!important;letter-spacing:-.4px!important;
 text-shadow:0 3px 8px #160d3b33!important;
}
#r1532-shell.r1536-app.r1560-app .hero h1 em{
 background:linear-gradient(100deg,#ffeaac,#ffba90 46%,#ff8ac9 100%)!important;
 background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;
}
#r1532-shell.r1536-app.r1560-app .hero p{
 color:#e7def9!important;font-size:clamp(12px,1.13vw,16px)!important;
 line-height:1.65!important;font-weight:650!important;
}
#r1532-shell.r1536-app.r1560-app .r1536-join-button{
 color:#391867!important;background:#fff!important;border:1px solid #fff!important;
 box-shadow:0 7px 17px #130c3c3b!important;font-weight:850!important;
 padding:0 18px!important;border-radius:12px!important;
}
#r1532-shell.r1536-app.r1560-app .r1536-join-button:hover{background:#fcf2ff!important}
#r1532-shell.r1536-app.r1560-app .hero-art{
 z-index:2!important;left:1%!important;right:auto!important;
 width:37%!important;max-width:350px!important;
 justify-content:center!important;align-items:flex-end!important;
}
#r1532-shell.r1536-app.r1560-app .hero-art::before{
 width:220px!important;height:220px!important;left:calc(50% - 110px)!important;
 bottom:-118px!important;border-radius:50%!important;
 background:radial-gradient(circle at 50% 27%,#efc7ff99 0%,#bd74ee36 55%,transparent 75%)!important;
 box-shadow:0 0 0 1px #ffffff52,0 0 0 20px #ffffff11!important;filter:none!important;
}
#r1532-shell.r1536-app.r1560-app .hero-art img{
 object-fit:contain!important;object-position:center bottom!important;
 max-width:160px!important;max-height:200px!important;
 filter:drop-shadow(0 13px 13px #0e06285c)!important;
 -webkit-mask-image:none!important;mask-image:none!important;
}
#r1532-shell.r1536-app.r1560-app .r1574-category-bar{padding:0 4px!important;min-height:42px!important}
#r1532-shell.r1536-app.r1560-app .r1574-category-title{
 font-size:clamp(19px,1.8vw,26px)!important;color:#271d46!important;
}
#r1532-shell.r1536-app.r1560-app .r1574-category-tabs{
 background:#efecf7!important;border:1px solid #e5deef!important;
}
#r1532-shell.r1536-app.r1560-app .r1574-category-tab.active{
 background:#fff!important;color:#6030be!important;box-shadow:0 2px 7px #31205d19!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena),
#r1532-shell.r1536-app.r1560-app .r1574-free-card{
 background:#fff!important;border:1px solid #e2dfeb!important;
 border-radius:17px!important;box-shadow:0 5px 14px #20143b12!important;
 overflow:hidden!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena):hover,
#r1532-shell.r1536-app.r1560-app .r1574-free-card:hover{
 box-shadow:0 10px 26px #22154322!important;transform:translateY(-2px)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .r1560-art,
#r1532-shell.r1536-app.r1560-app .r1574-free-art{
 background:linear-gradient(145deg,#421b79,#7132ad 62%,#312063)!important;
 border-radius:0!important;overflow:hidden!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .r1560-art img,
#r1532-shell.r1536-app.r1560-app .r1574-free-art img{
 object-fit:contain!important;object-position:center!important;
 filter:none!important;transform:none!important;padding:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .text,
#r1532-shell.r1536-app.r1560-app .r1574-free-copy{
 background:#fff!important;gap:5px!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .text h2,
#r1532-shell.r1536-app.r1560-app .r1574-free-copy strong{
 color:#291f4e!important;font-size:clamp(17px,1.5vw,23px)!important;font-weight:900!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .text p,
#r1532-shell.r1536-app.r1560-app .r1574-free-copy>span{
 color:#685f7f!important;font-size:clamp(10px,.91vw,12px)!important;
 font-weight:630!important;line-height:1.34!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .r1560-card-action,
#r1532-shell.r1536-app.r1560-app .r1574-free-action{
 background:#642bcb!important;color:#fff!important;border-radius:10px!important;
 box-shadow:none!important;font-weight:840!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena{
 position:relative!important;background:linear-gradient(170deg,#3e195f,#21113e)!important;
 border:1px solid #9d72c8!important;border-radius:19px!important;
 box-shadow:0 9px 26px #1c0f3c24!important;color:#fff!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art{
 flex:1 1 0!important;height:auto!important;max-height:none!important;
 width:100%!important;min-height:0!important;background:#291250!important;
 border-radius:18px 18px 0 0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art img{
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 object-fit:cover!important;object-position:center!important;
 filter:saturate(1.1) contrast(1.02)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text{
 flex:0 0 auto!important;background:linear-gradient(180deg,#251541,#1b1432)!important;
 padding:10px 12px 4px!important;gap:4px!important;min-height:0!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text h2{
 color:#ffdf9c!important;font-size:clamp(20px,2vw,29px)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text p{
 color:#e6d6f4!important;font-size:clamp(11px,.97vw,13px)!important;
}
#r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-card-action.inactive{
 background:#ffffff17!important;border:1px solid #ffffff3b!important;
 color:#fff!important;margin:4px 12px 12px!important;box-shadow:none!important;
}
#r1532-shell.r1536-app.r1560-app .r1574-free-intro{
 background:#fff!important;border:1px solid #e8e2f3!important;
}
#r1532-shell.r1536-app.r1560-app .footer{background:#fff!important;box-shadow:0 4px 14px #2c1c4b0b!important}
@media(min-width:1200px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel{
  grid-template-columns:minmax(0,1.22fr) repeat(2,minmax(0,1fr))!important;gap:14px!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .text{
  padding:6px 8px 0!important;
 }
}
@media(min-width:761px) and (max-width:1199px){
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel{
  display:flex!important;flex-direction:row!important;gap:12px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile{
  flex:0 0 calc((100% - 12px)/2)!important;width:calc((100% - 12px)/2)!important;
  display:flex!important;flex-direction:column!important;scroll-snap-align:start!important;
  grid-column:auto!important;grid-row:auto!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile .r1560-art{
  flex-basis:57%!important;height:57%!important;max-height:57%!important;
 }
}
@media(max-width:760px){
 #r1532-shell.r1536-app.r1560-app .hero{
  height:clamp(132px,22vh,192px)!important;border-radius:18px!important;
  padding:11px 17px!important;
  background:radial-gradient(ellipse 80% 100% at 0% 70%,#6e31b3,transparent 80%),
   linear-gradient(110deg,#2e1559,#251343)!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero h1{
  font-size:clamp(19px,5.35vw,29px)!important;margin-bottom:4px!important;line-height:1.12!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero p{
  font-size:clamp(10px,2.55vw,12px)!important;line-height:1.42!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero-art{width:41%!important;left:0!important}
 #r1532-shell.r1536-app.r1560-app .hero-art img{max-height:145px!important;max-width:116px!important}
 #r1532-shell.r1536-app.r1560-app .hero-art::before{
  width:135px!important;height:135px!important;left:calc(50% - 67px)!important;bottom:-72px!important;
 }
 #r1532-shell.r1536-app.r1560-app .hero::before{
  width:160px!important;height:160px!important;bottom:-120px!important;left:-55px!important;
 }
 #r1532-shell.r1536-app.r1560-app .r1574-category-bar{min-height:35px!important}
 #r1532-shell.r1536-app.r1560-app .r1574-category-title{font-size:clamp(16px,4.1vw,19px)!important}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel{
  display:flex!important;flex-direction:row!important;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;direction:rtl!important;gap:10px!important;min-height:0!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel::-webkit-scrollbar{display:none}
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile{
  flex:0 0 100%!important;width:100%!important;min-width:0!important;
  scroll-snap-align:center!important;grid-column:auto!important;grid-row:auto!important;
  display:flex!important;flex-direction:column!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .r1560-art{
  flex:0 0 56%!important;height:56%!important;max-height:56%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile:not(.arena) .text{
  flex:1 1 0!important;justify-content:center!important;min-height:0!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .r1560-art{
  flex:0 0 56%!important;height:56%!important;max-height:56%!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text{
  padding:5px 8px 0!important;
 }
 #r1532-shell.r1536-app.r1560-app #r1532-exclusive-panel .tile.arena .text h2{
  font-size:clamp(19px,5vw,24px)!important;
 }
}
@media(max-width:370px) and (max-height:650px){
 #r1532-shell.r1536-app.r1560-app .hero p{display:none!important}
 #r1532-shell.r1536-app.r1560-app .r1574-free-art{height:100%!important;max-height:none!important}
}
@media(prefers-reduced-motion:reduce){
 #r1532-shell.r1536-app.r1560-app .tile,
 #r1532-shell.r1536-app.r1560-app .r1574-free-card{transition:none!important}
}