#r11App{
 position:fixed!important;inset:0!important;
 z-index:2147483000!important;
 display:block!important;width:100vw!important;
 height:100vh!important;height:100dvh!important;
 max-width:none!important;min-width:0!important;
 margin:0!important;padding:0!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 color:#fff!important;background:#080411!important;
 font:14px/1.5 Arial,sans-serif!important;
 box-sizing:border-box!important;isolation:isolate!important;
 -webkit-overflow-scrolling:touch!important;
 overscroll-behavior:contain!important;
}
#r11App *,#r11App *:before,#r11App *:after{
 box-sizing:border-box;
}
#r11App [hidden]{display:none!important}
#r11App .r11-loading{
 position:fixed!important;inset:0!important;
 z-index:999999!important;display:flex!important;
 justify-content:center!important;align-items:center!important;
 width:100%!important;height:100dvh!important;
 overflow:hidden!important;
 background:radial-gradient(ellipse at 50% 45%,#4a174d,#080411 76%)!important;
 color:#fff!important;
 animation:r11Failsafe .3s 5.5s forwards;
}
@keyframes r11Failsafe{
 to{opacity:0;visibility:hidden;pointer-events:none}
}
#r11App .r11-loading.done{
 animation:none!important;opacity:0!important;
 visibility:hidden!important;pointer-events:none!important;
 transition:opacity .35s ease!important;
}
#r11App .r11-loader-box{
 position:relative;z-index:3;width:min(460px,90vw);
 padding:25px 20px;text-align:center;
}
#r11App .r11-loader-logo{
 display:block;width:165px;height:65px;
 object-fit:contain;margin:0 auto 20px;
}
#r11App .r11-loader-title{
 color:white!important;font-size:clamp(38px,8vw,66px)!important;
 line-height:1!important;font-weight:900!important;
 margin:14px 0!important;
}
#r11App .r11-loader-title span{color:#ff63b8!important}
#r11App .r11-track{
 height:8px;width:100%;margin:25px 0 9px;
 border:1px solid #b04b8a;background:#301439;
 border-radius:20px;overflow:hidden;
}
#r11Bar{
 display:block;width:0;height:100%;
 background:linear-gradient(90deg,#e51b91,#ff70c4,#52e7f5);
}
#r11App .r11-page{
 display:block;min-height:100%;background:#080411;color:#fff;
}
#r11App .r11-container{
 width:min(1200px,calc(100% - 28px));margin:auto;
}
#r11App a{color:inherit;text-decoration:none}
#r11App button,#r11App input{font:inherit}
#r11App img{display:block;max-width:100%}
#r11App h1,#r11App h2,#r11App h3{color:#fff}

/* ==========================================
 RR4WIN AUS V11 / JK BACKEND
 CYBERPUNK + MOBILE FULLSCREEN
========================================== */

#r11App{
 --pink:#ff329e;
 --hot:#ff70bf;
 --cyan:#56e6f5;
 --dark:#080411;
 --panel:#251132;
 color:#fff!important;
 font-family:Inter,Arial,Helvetica,sans-serif!important;
 scrollbar-width:thin;
 scrollbar-color:#a13c80 #170a20;
}
#r11App *,#r11App *:before,#r11App *:after{
 box-sizing:border-box;
}
#r11App [hidden]{display:none!important}
#r11App img{display:block;max-width:100%}
#r11App a{text-decoration:none;color:inherit}
#r11App button{cursor:pointer}
#r11App h1,#r11App h2,#r11App h3,#r11App p{
 margin-top:0;
}
#r11App h1,#r11App h2,#r11App h3{
 font-family:inherit!important;
 color:#fff!important;
 text-transform:none!important;
 line-height:1.1;
}
#r11App .r11-container{
 width:min(1200px,calc(100% - 36px));
 margin:auto;
}
#r11App .r11-page{
 position:relative;
 width:100%;
 min-height:100%;
 background:#080411;
}

/* LOADING */

#r11App .r11-loading{
 isolation:isolate;
}
#r11App .r11-load-grid{
 position:absolute;
 inset:-50%;
 background:
  linear-gradient(#ff329e18 1px,transparent 1px),
  linear-gradient(90deg,#ff329e18 1px,transparent 1px);
 background-size:36px 36px;
 transform:perspective(480px) rotateX(40deg);
 animation:r11Grid 9s linear infinite;
 pointer-events:none;
}
@keyframes r11Grid{
 to{background-position:0 72px}
}
#r11App .r11-scan{
 position:absolute;
 left:0;right:0;top:-150px;height:150px;
 background:linear-gradient(transparent,#ff329e16,#56e6f40c,transparent);
 animation:r11Scan 5s linear infinite;
}
@keyframes r11Scan{
 to{transform:translateY(120vh)}
}
#r11App .r11-orbit{
 position:absolute;
 top:50%;left:50%;
 border-radius:50%;
 pointer-events:none;
}
#r11App .r11-orbit-a{
 width:510px;height:510px;margin:-255px;
 border:1px dashed #ff70bf4a;
 animation:r11Spin 14s linear infinite;
}
#r11App .r11-orbit-b{
 width:370px;height:370px;margin:-185px;
 border:2px solid #56e6f435;
 border-top-color:#ff70bf;
 animation:r11Spin 9s linear infinite reverse;
}
@keyframes r11Spin{to{transform:rotate(360deg)}}
#r11App .r11-loader-box{
 background:linear-gradient(145deg,#2c1039e8,#10071be8);
 border:1px solid #b83d855c;
 clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%);
 box-shadow:inset 0 0 35px #ff329e15;
}
#r11App .r11-loader-top,
#r11App .r11-loader-foot,
#r11App .r11-load-meta{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:8px;
 font-size:9px;
 font-weight:900;
 letter-spacing:1px;
}
#r11App .r11-loader-top{
 padding-bottom:12px;margin-bottom:10px;
 border-bottom:1px solid #ff329e50;
 color:#edbcdf;
}
#r11App .r11-light{
 display:inline-block;
 width:7px;height:7px;
 border-radius:50%;
 background:#56e6f5;
 box-shadow:0 0 12px #56e6f5;
 vertical-align:middle;
 margin-right:5px;
 animation:r11Pulse 1.7s infinite;
}
@keyframes r11Pulse{50%{opacity:.3}}
#r11App .r11-loader-logo{
 filter:drop-shadow(0 0 16px #ff329e);
}
#r11App .r11-loader-games{
 position:relative;
 display:flex;
 justify-content:center;
 align-items:center;
 width:230px;
 height:130px;
 margin:0 auto 12px;
}
#r11App .r11-loader-games img{
 position:absolute;
 width:83px;
 height:107px;
 object-fit:cover;
 border:2px solid #ff80c8;
 border-radius:5px;
 box-shadow:0 0 18px #ff329e80;
}
#r11App .r11-loader-games img:nth-child(1){
 left:12px;transform:rotate(-12deg);
}
#r11App .r11-loader-games img:nth-child(2){
 z-index:2;left:73px;top:4px;
}
#r11App .r11-loader-games img:nth-child(3){
 right:12px;transform:rotate(12deg);
}
#r11App .r11-cyber-label{
 color:#56e6f5;
 font-size:10px;
 font-weight:900;
 letter-spacing:1.6px;
}
#r11App .r11-loader-title span{
 text-shadow:0 0 25px #ff329e;
}
#r11App .r11-loading-desc{
 color:#d5b6d2;font-size:12px;
}
#r11App .r11-load-meta{
 color:#daaace;
}
#r11App .r11-load-meta strong{
 color:#ff94d6;font-size:12px;
}
#r11App .r11-loader-foot{
 margin-top:25px;padding-top:14px;
 border-top:1px solid #ff329e38;
 color:#b389ac;
}

/* HEADER */

#r11App .r11-header{
 position:sticky;
 top:0;z-index:100;
 background:#0d0619f4;
 border-bottom:1px solid #a4377c;
 backdrop-filter:blur(16px);
 -webkit-backdrop-filter:blur(16px);
}
#r11App .r11-nav{
 min-height:69px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
}
#r11App .r11-logo img{
 width:151px;height:51px;
 object-fit:contain;
 filter:drop-shadow(0 0 8px #ff329e70);
}
#r11App .r11-nav-right{
 display:flex;align-items:center;gap:8px;
}

/* BUTTONS */

#r11App .r11-btn{
 display:inline-flex;
 justify-content:center;
 align-items:center;
 gap:8px;
 min-height:41px;
 padding:11px 18px;
 background:linear-gradient(110deg,#ff6ac0,#df1985);
 border:1px solid #ff92d3;
 border-radius:6px;
 box-shadow:0 5px 20px #ff329e47;
 color:#fff!important;
 font-size:11px;
 font-weight:900;
 line-height:1.2;
 white-space:nowrap;
 text-align:center;
 transition:transform .2s,box-shadow .2s;
}
#r11App .r11-btn:hover{
 transform:translateY(-2px);
 box-shadow:0 6px 25px #ff329e80;
}
#r11App .r11-outline{
 background:#24102e;
 border-color:#a24d84;
 box-shadow:none;
}
#r11App .r11-large{
 min-height:46px;
 padding:13px 18px;
}

/* CSS ARROWS - NOT EMOJI */

#r11App .r11-arrow,
#r11App .r11-arrow-down{
 display:inline-block;
 position:relative;
 width:15px;height:15px;
 flex:0 0 15px;
 transition:transform .2s;
}
#r11App .r11-arrow:before{
 content:"";
 position:absolute;
 top:7px;left:1px;
 width:12px;height:1.5px;
 background:currentColor;
}
#r11App .r11-arrow:after{
 content:"";
 position:absolute;
 right:1px;top:3px;
 width:8px;height:8px;
 border-top:1.5px solid currentColor;
 border-right:1.5px solid currentColor;
 transform:rotate(45deg);
}
#r11App .r11-arrow-down:before{
 content:"";
 position:absolute;
 left:7px;top:1px;
 height:12px;width:1.5px;
 background:currentColor;
}
#r11App .r11-arrow-down:after{
 content:"";
 position:absolute;
 left:3px;bottom:1px;
 width:8px;height:8px;
 border-right:1.5px solid currentColor;
 border-bottom:1.5px solid currentColor;
 transform:rotate(45deg);
}
#r11App .r11-btn:hover .r11-arrow{
 transform:translateX(3px);
}
#r11App .r11-btn:hover .r11-arrow-down{
 transform:translateY(3px);
}

/* HERO */

#r11App .r11-hero{
 position:relative;
 overflow:hidden;
 background:
  radial-gradient(ellipse at 80% 34%,#561653aa,transparent 48%),
  linear-gradient(125deg,#170922,#080411);
}
#r11App .r11-hero-grid{
 position:absolute;inset:0;
 background:
  linear-gradient(#ff329e13 1px,transparent 1px),
  linear-gradient(90deg,#ff329e13 1px,transparent 1px);
 background-size:40px 40px;
 mask-image:linear-gradient(to bottom,transparent,#000);
 pointer-events:none;
}
#r11App .r11-hero-inner{
 position:relative;
 display:grid;
 grid-template-columns:1fr 1fr;
 align-items:center;
 gap:34px;
 padding:57px 0;
 min-height:460px;
}
#r11App .r11-eyebrow{
 color:#57e6f3;
 font-size:10px;
 font-weight:900;
 letter-spacing:1.5px;
}
#r11App .r11-hero h1{
 margin:15px 0 17px;
 font-size:clamp(37px,4.9vw,66px);
 font-weight:950;
 line-height:1.04!important;
 letter-spacing:-2.3px;
}
#r11App .r11-hero h1 em{
 font-style:normal;
 color:#ff5eb6;
 text-shadow:0 0 23px #ff329e75;
}
#r11App .r11-description{
 max-width:410px;
 color:#d6bdd4;
 font-size:14px;
 line-height:1.7;
}
#r11App .r11-actions{
 display:flex;
 flex-wrap:wrap;
 gap:9px;
 margin-top:22px;
}
#r11App .r11-tags{
 display:flex;
 flex-wrap:wrap;
 gap:7px;
 margin-top:18px;
}
#r11App .r11-tags span{
 padding:7px 9px;
 background:#281333;
 border:1px solid #87406f;
 border-radius:4px;
 color:#efc5e1;
 font-size:9px;
 font-weight:900;
}

/* HERO ART */

#r11App .r11-panel{
 position:relative;
 overflow:hidden;
 height:330px;
 border:1px solid #d43292;
 background:radial-gradient(ellipse,#802875,#260e38 65%,#100719);
 box-shadow:0 0 35px #ff329e30,inset 0 0 30px #ff329e25;
 clip-path:polygon(7% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%);
}
#r11App .r11-panel-grid{
 position:absolute;inset:0;
 background:
  linear-gradient(#ff329e20 1px,transparent 1px),
  linear-gradient(90deg,#ff329e20 1px,transparent 1px);
 background-size:25px 25px;
}
#r11App .r11-panel-head,
#r11App .r11-panel-foot{
 position:absolute;
 z-index:5;
 left:10%;right:8%;
 display:flex;justify-content:space-between;
 gap:8px;
 color:#ffc0e4;
 font-size:9px;
 letter-spacing:1px;
 font-weight:900;
}
#r11App .r11-panel-head{top:15px}
#r11App .r11-panel-foot{bottom:14px}
#r11App .r11-panel-cards{
 position:absolute;inset:0;
}
#r11App .r11-panel-cards img{
 position:absolute;
 width:40%;height:67%;
 object-fit:cover;
 border:3px solid #ff72c0;
 border-radius:8px;
 box-shadow:0 0 22px #ff329e7a;
 animation:r11Float 4s ease-in-out infinite;
}
#r11App .r11-card-a{
 left:7%;top:16%;transform:rotate(-10deg);
}
#r11App .r11-card-b{
 right:7%;top:15%;transform:rotate(10deg);
 animation-delay:-1s!important;
}
#r11App .r11-card-c{
 left:30%;bottom:6%;z-index:2;transform:rotate(3deg);
 animation-delay:-2s!important;
}
@keyframes r11Float{
 50%{translate:0 -7px}
}

/* STRIP */

#r11App .r11-strip{
 padding:13px;
 text-align:center;
 color:#ecb6d9;
 background:#24102f;
 border-block:1px solid #803364;
 font-size:10px;
 font-weight:900;
 letter-spacing:.5px;
}
#r11App .r11-strip b{
 margin:0 13px;color:#ff5fb9;
}

/* GAMES */

#r11App .r11-games{
 padding:43px 0 55px;
 background:#12091c;
}
#r11App .r11-games-head{
 display:flex;align-items:flex-end;
 justify-content:space-between;gap:15px;
}
#r11App .r11-games h2{
 font-size:clamp(26px,3.4vw,38px);
 font-weight:950;
 letter-spacing:-1px;
 margin:9px 0;
}
#r11App .r11-games-head p{
 color:#bfa6c0;font-size:12px;
}
#r11App .r11-search{
 display:flex;align-items:center;
 gap:12px;min-height:49px;
 margin-top:19px;padding:0 15px;
 background:#261333;
 border:1px solid #82406f;
 border-radius:6px;
}
#r11App .r11-search input{
 width:100%;min-width:0;height:46px;
 border:0;outline:0;background:transparent;
 color:#fff;font-size:13px;
}
#r11App .r11-search input::placeholder{color:#bda2ba}
#r11App .r11-search-icon{
 position:relative;
 display:block;width:13px;height:13px;
 border:2px solid #ff87cb;border-radius:50%;
 flex:0 0 13px;
}
#r11App .r11-search-icon:after{
 content:"";position:absolute;
 right:-6px;bottom:-3px;
 height:2px;width:7px;
 background:#ff87cb;transform:rotate(45deg);
}
#r11App .r11-categories{
 display:flex;gap:8px;overflow-x:auto;
 padding:14px 0 9px;scrollbar-width:none;
}
#r11App .r11-categories button{
 flex:0 0 auto;padding:9px 13px;
 border:1px solid #793966;border-radius:5px;
 background:#2c1738;color:#ebc5e1;
 font-size:10px;font-weight:900;
}
#r11App .r11-categories button.active{
 background:#df258d;border-color:#ff8cce;color:#fff;
}
#r11App .r11-group{margin-top:25px}
#r11App .r11-group-head{
 display:flex;align-items:flex-end;
 justify-content:space-between;
 gap:10px;margin-bottom:12px;
}
#r11App .r11-group-head small{
 color:#ff89cd;font-size:9px;letter-spacing:1px;
}
#r11App .r11-group-head h3{
 margin:4px 0;font-size:19px;font-weight:900;
}
#r11App .r11-controls{display:flex;gap:6px}
#r11App .r11-controls button{
 width:34px;height:34px;
 background:#30183b;border:1px solid #81416d;
 color:#ffb4df;border-radius:5px;
 font-size:22px;
}
#r11App .r11-carousel{
 display:grid;grid-auto-flow:column;
 grid-auto-columns:calc((100% - 50px)/6);
 gap:10px;overflow-x:auto;overflow-y:hidden;
 padding:2px 1px 12px;
 scroll-snap-type:x proximity;
 scroll-behavior:smooth;
 scrollbar-width:none;
 -webkit-overflow-scrolling:touch;
}
#r11App .r11-carousel::-webkit-scrollbar,
#r11App .r11-categories::-webkit-scrollbar{
 display:none;
}
#r11App .r11-game-card{
 display:block;min-width:0;overflow:hidden;
 background:#2b1637;border:1px solid #73335e;
 border-radius:8px;scroll-snap-align:start;
}
#r11App .r11-game-card:hover{border-color:#ff6aba}
#r11App .r11-game-image{
 position:relative;aspect-ratio:4/3;
 overflow:hidden;background:#341c40;
}
#r11App .r11-game-image img{
 width:100%;height:100%;object-fit:cover;
}
#r11App .r11-game-card strong{
 display:block;overflow:hidden;
 padding:10px 8px;
 color:#f5e1ef;font-size:11px;font-weight:850;
 white-space:nowrap;text-overflow:ellipsis;
}
#r11App .r11-img-error:after{
 content:"GAME PREVIEW";
 position:absolute;inset:0;display:grid;place-items:center;
 color:#ff9bd4;font-size:10px;
}
#r11App #r11Empty{
 text-align:center;padding:25px;color:#c9a6c6;
}
#r11App .r11-final-action{
 margin-top:30px;text-align:center;
}

/* FOOTER */

#r11App .r11-footer{
 text-align:center;background:#090411;
 border-top:1px solid #602951;
 padding:24px 15px;
 display:flex;flex-direction:column;
 align-items:center;gap:8px;
}
#r11App .r11-footer img{
 width:105px;height:39px;object-fit:contain;
}
#r11App .r11-footer p{
 color:#b9a0b9;font-size:10px;line-height:1.7;margin:0;
}
#r11App .r11-mobile-bar{display:none}

/* TABLET */

@media(max-width:950px){
 #r11App .r11-hero-inner{
  grid-template-columns:1fr;
  gap:20px;
  padding:35px 0 25px;
 }
 #r11App .r11-hero-text{text-align:center}
 #r11App .r11-description{margin-inline:auto}
 #r11App .r11-actions,
 #r11App .r11-tags{justify-content:center}
 #r11App .r11-hero-art{
  width:min(560px,100%);margin:auto;
 }
 #r11App .r11-carousel{
  grid-auto-columns:calc((100% - 30px)/4);
 }
}

/* MOBILE */

@media(max-width:760px){
 #r11App .r11-container{
  width:calc(100% - 26px);
 }
 #r11App .r11-nav{min-height:58px}
 #r11App .r11-logo img{
  width:106px;height:39px;
 }
 #r11App .r11-nav-right{gap:6px}
 #r11App .r11-nav-right .r11-btn{
  min-height:34px;padding:8px 10px;font-size:10px;
 }

 #r11App .r11-hero-inner{
  padding:26px 0 22px;gap:20px;
 }
 #r11App .r11-hero h1{
  font-size:clamp(31px,8.5vw,43px);
  letter-spacing:-1.5px;
  line-height:1.08!important;
  margin:11px 0 10px;
 }
 #r11App .r11-eyebrow{
  font-size:9px;letter-spacing:1.2px;
 }
 #r11App .r11-description{
  max-width:335px;
  font-size:12px;
  line-height:1.55;
 }
 #r11App .r11-actions{
  margin-top:16px;gap:8px;
 }
 #r11App .r11-actions .r11-btn{
  min-height:43px;
  padding:10px 12px;
  font-size:10px;
 }
 #r11App .r11-tags{
  margin-top:15px;gap:6px;
 }
 #r11App .r11-tags span{
  font-size:8px;padding:6px 7px;
 }
 #r11App .r11-panel{
  height:218px;
 }
 #r11App .r11-panel-cards img{
  border-width:2px;
  height:70%;
 }
 #r11App .r11-panel-head,
 #r11App .r11-panel-foot{
  font-size:7px;
 }
 #r11App .r11-strip{
  font-size:8px;line-height:1.9;
 }
 #r11App .r11-strip b{margin:0 5px}

 #r11App .r11-games{padding:33px 0 42px}
 #r11App .r11-games h2{font-size:26px}
 #r11App .r11-games-head p{font-size:11px}
 #r11App .r11-desktop-btn{display:none}
 #r11App .r11-categories button{
  padding:9px 11px;font-size:9px;
 }
 #r11App .r11-carousel{
  grid-auto-columns:47%;gap:9px;
 }
 #r11App .r11-controls{display:none}
 #r11App .r11-group-head h3{font-size:17px}

 #r11App .r11-mobile-bar{
  position:sticky;bottom:0;z-index:120;
  display:flex;justify-content:space-between;
  align-items:center;gap:10px;
  width:100%;
  padding:9px 13px;
  padding-bottom:calc(9px + env(safe-area-inset-bottom));
  background:#13091ef7;
  border-top:1px solid #a2377f;
  backdrop-filter:blur(15px);
 }
 #r11App .r11-mobile-bar img{
  width:88px;height:32px;object-fit:contain;
 }
 #r11App .r11-mobile-bar .r11-btn{
  min-height:39px;padding:10px 12px;font-size:10px;
 }

 #r11App .r11-loader-box{
  padding:18px 15px;
 }
 #r11App .r11-loader-games{
  transform:scale(.87);
  margin-bottom:0;
 }
 #r11App .r11-orbit-a{
  width:365px;height:365px;margin:-182.5px;
 }
 #r11App .r11-orbit-b{
  width:275px;height:275px;margin:-137.5px;
 }
}

/* SMALL PHONES */

@media(max-width:390px){
 #r11App .r11-hero h1{
  font-size:30px;
 }
 #r11App .r11-carousel{
  grid-auto-columns:60%;
 }
 #r11App .r11-panel{height:195px}
}

/* REDUCED MOTION */

@media(prefers-reduced-motion:reduce){
 #r11App *:not(.r11-loading),
 #r11App *:before,
 #r11App *:after{
  animation:none!important;
  scroll-behavior:auto!important;
  transition:none!important;
 }
}
/* Standalone deployment: use normal document scrolling, not JK fullscreen takeover */
html,body{margin:0;min-height:100%;overflow-x:hidden;background:#080411}
#r11App{position:relative!important;inset:auto!important;z-index:auto!important;width:100%!important;height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:visible!important;overscroll-behavior:auto!important}
#r11App .r11-page{min-height:100vh}
#r11App .r11-games{scroll-margin-top:65px}
#r11App .auto-loop-clone{scroll-snap-align:start}