@font-face{font-family:RstarTypographica;src:url('/files/assets/rstar-halloween/v3-20261004-8d4712b1/TYPOGRAPHICA_DEMO.OTF') format('opentype');font-weight:normal;font-display:swap;}
#rstar018,#rstar018 *{box-sizing:border-box;}
#rstar018 .viewport{position:relative;width:100%;height:100%;overflow:hidden;background:#85d4eb;isolation:isolate;}
#rstar018 .scene{position:absolute;left:50%;top:50%;width:2048px;height:1101px;overflow:visible;transform:translate(-50%,-50%) scale(var(--scene-scale,1));transform-origin:center;isolation:isolate;}
#rstar018 .tree{position:absolute;z-index:4;pointer-events:none;transform-origin:50% 98.5%;will-change:transform,clip-path;}
#rstar018 .tree img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;}
#rstar018 .tree--left{left:247px;top:126px;width:600px;height:800px;opacity:.18;}
#rstar018 .tree--right{left:1175px;top:249px;width:505px;height:690px;opacity:.18;}
#rstar018 .headline{position:absolute;inset:0;z-index:15;pointer-events:none;}
#rstar018 .happy,#rstar018 .word{position:absolute;background-image:url('/files/assets/rstar-halloween/v3-20261004-8d4712b1/assets/title-art.png');background-repeat:no-repeat;background-size:1188px 228.721px;transform-origin:center;}
#rstar018 .happy{left:458px;top:449px;width:220px;height:59px;background-position:0 0;}
#rstar018 .word{top:543px;height:138px;}
#rstar018 .word--hall{left:458px;width:470px;background-position:0 -94px;}
#rstar018 .word--ween{left:1143px;width:503px;background-position:-685px -94px;}
#rstar018 .booking-orb{position:absolute;z-index:22;left:940px;top:509px;width:190px;height:190px;border-radius:50%;pointer-events:auto;cursor:pointer;transform-origin:center;scale:1!important;transition:scale .25s ease;}
#rstar018 .orb-core{position:absolute;inset:0;}
#rstar018 .orb-core img{display:block;width:100%;height:100%;}
#rstar018 .booking-ring{position:absolute;left:8px;top:8px;width:174px;height:174px;pointer-events:none;}
#rstar018 .webgl-stage{position:absolute;inset:0;width:100%;height:100%;z-index:19;display:block;pointer-events:none;}
#rstar018 .webgl-fallback{position:absolute;z-index:18;left:760.5px;top:228.5px;width:445px;height:309px;pointer-events:none;opacity:0;}
#rstar018 .webgl-fallback img{width:100%;height:100%;object-fit:contain;display:block;}
#rstar018 .webgl-fallback.is-hidden{display:none;}
#rstar018.webgl-failed .webgl-fallback,#rstar018.reduced-motion .webgl-fallback{opacity:1;}
#rstar018.compact-ui .scene{top:43%;}
@media(prefers-reduced-motion:reduce){#rstar018 *,#rstar018 *::before,#rstar018 *::after{animation:none!important;transition:none!important;}}

#rstar018.initializing .happy,#rstar018.initializing .word,#rstar018.initializing .tree,#rstar018.initializing .booking-orb{visibility:hidden;}

@media(hover:hover){#rstar018 .booking-orb:hover{scale:1.05!important;}}
#rstar018 .booking-orb:focus-visible{scale:1.05!important;}
/* Keep hover scale independent of GSAP entrance transform and its inline scale reset. */

#rstar018 .happy,#rstar018 .word{background-image:none!important;display:flex;align-items:center;justify-content:flex-start;color:#111;font-family:RstarTypographica,Impact,sans-serif;font-weight:normal;line-height:.82;letter-spacing:-.045em;text-transform:uppercase;}
#rstar018 .happy::before{content:'HAPPY';font-size:64px;}
#rstar018 .word--hall::before{content:'HALL';font-size:150px;}
#rstar018 .word--ween::before{content:'WEEN';font-size:150px;}

/* RSTAR_BOX20_BACKGROUND_ONLY_20261007: internal box19 background removed; box20 owns background. */
#rstar018 .scene{z-index:3;}

/* RSTAR_LAYOUT_TUNE_20261007 */
#rstar018 .word{top:530px!important;height:160px!important;letter-spacing:8px!important;}
#rstar018 .word--hall{left:466px!important;width:620px!important;}
#rstar018 .word--ween{left:1171px!important;width:620px!important;top:537px!important;}
#rstar018 .word--hall::before{font-size:184px!important;letter-spacing:8px!important;}
#rstar018 .word--ween::before{font-size:184px!important;letter-spacing:8px!important;}
#rstar018 .happy{left:466px!important;top:436px!important;}
/* RSTAR_LAYOUT_TUNE_20261007_END */

/* RSTAR_BACKGROUND_FALLBACK_ONLY_20261007 */

/* RSTAR_BOX20_BACKGROUND_SOURCE_VISIBLE_20261007: do not hide box20 background. */

/* RSTAR_SCENE_POSITION_TUNE_20261007 */
#rstar018 .scene{top:calc(50% - 21px)!important;}
/* RSTAR_SCENE_POSITION_TUNE_20261007_END */

/* RSTAR_FINE_POSITION_TUNE_20261007 */
#rstar018 .word--ween{top:531px!important;}
#rstar018 .booking-orb{top:505px!important;}
#rstar018 .happy{top:451px!important;}
/* RSTAR_FINE_POSITION_TUNE_20261007_END */

/* RSTAR_HAPPY_LETTER_SPACING_20261007 */
#rstar018 .happy::before{letter-spacing:4px!important;}
/* RSTAR_HAPPY_LETTER_SPACING_20261007_END */

/* RSTAR_BOX20_BACKGROUND_ONLY_20261007_FIX
   Mobile tenant 018 must use WMP box20 (.beon-halloween-background) as the background,
   matching tenant 015. The event scene keeps its artwork but no longer hides or paints over box20. */
@media (max-width:599px){
  body.pc.nhomtrang1 .beon-halloween-background,
  body.pc .beon-halloween-background{
    display:block!important;
    position:absolute!important;
    inset:0 auto auto 0!important;
    width:100%!important;
    height:var(--beon-screen, 100svh)!important;
    min-height:var(--beon-screen, 100svh)!important;
    z-index:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  body.pc.nhomtrang1 .beon-halloween-background .loprong,
  body.pc.nhomtrang1 .beon-halloween-background .padding,
  body.pc.nhomtrang1 .beon-halloween-background .wmp-slider,
  body.pc.nhomtrang1 .beon-halloween-background .wmp-slider .slick-list,
  body.pc.nhomtrang1 .beon-halloween-background .wmp-slider .slick-track,
  body.pc.nhomtrang1 .beon-halloween-background .wmp-slider .slick-slide,
  body.pc.nhomtrang1 .beon-halloween-background img{
    height:100%!important;
    min-height:100%!important;
  }
  body.pc.nhomtrang1 .beon-halloween-background img{
    width:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018,
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018 .viewport,
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018 .scene{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018 .rstar-dynamic-background,
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018 .rstar-dynamic-layer,
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018 canvas{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
}

/* RSTAR_BOX20_BACKGROUND_ONLY_20261007_V13
   Final mobile layer lock: box20 is the only background for tenant 018. */
@media (max-width:599px){
  body.pc.nhomtrang1:has(.beon-halloween-background) .bocuc_19,
  body.pc.nhomtrang1:has(.beon-halloween-background) .bocuc_19.rstar-event,
  body.pc.nhomtrang1:has(.beon-halloween-background) .bocuc_19 > .loprong,
  body.pc.nhomtrang1:has(.beon-halloween-background) .bocuc_19 > .loprong > .padding,
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018,
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018 *,
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018::before,
  body.pc.nhomtrang1:has(.beon-halloween-background) #rstar018::after{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
  body.pc.nhomtrang1:has(.beon-halloween-background) .rstar-event{
    z-index:2!important;
    pointer-events:none!important;
  }
  body.pc.nhomtrang1:has(.beon-halloween-background) .beon-halloween-background{
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100%!important;
    height:var(--beon-screen, 100svh)!important;
    min-height:var(--beon-screen, 100svh)!important;
    z-index:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    overflow:hidden!important;
  }
  body.pc.nhomtrang1:has(.beon-halloween-background) .beon-header,
  body.pc.nhomtrang1:has(.beon-halloween-background) .beon-utilities{
    z-index:4!important;
  }
}
/* RSTAR018_NO_BOX19_BACKGROUND_SOURCE_20261007 */
#rstar018,
#rstar018 .viewport{background:transparent!important;background-color:transparent!important;background-image:none!important;}
#rstar018 .rstar-dynamic-background,
#rstar018 .rstar-dynamic-layer{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}