/*
SWAG789 Emerald Royal reference-accurate desktop presentation — UNPUBLISHED DRAFT.
The approved 1672x941 artwork is displayed pixel-for-pixel at its native size.
Hotspots are real links; on mobile the interactive HTML layout is displayed.
*/
.swag-reference-desktop{display:none}
.swag-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1101px){
  html{scroll-behavior:smooth}
  body.swag-emerald-preview{margin:0!important;padding:0!important;background:#00130d!important}
  body.swag-emerald-preview .swag-shell{display:none!important}
  .swag-reference-desktop{position:relative;display:block!important;width:100%;max-width:1672px;margin:0 auto;isolation:isolate;box-shadow:0 0 70px #000b;line-height:0;background:#002012}
  .swag-reference-img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1672 / 941;max-width:none!important;box-shadow:none!important;border:none!important;pointer-events:none}
  .swag-reference-hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}
  .swag-ref-hit{position:absolute;display:block!important;pointer-events:auto;background:transparent;border:0;border-radius:8px;cursor:pointer;z-index:3;box-shadow:none;text-decoration:none!important;transition:box-shadow .2s}
  .swag-ref-hit:hover,.swag-ref-hit:focus-visible{outline:1px solid rgba(255,228,149,.8);outline-offset:0;box-shadow:0 0 22px rgba(0,255,128,.23),inset 0 0 9px rgba(255,225,141,.16)}
  .ref-logo{left:8%;top:3.5%;width:18%;height:5.2%}
  .ref-nav-home{left:28.5%;top:4%;width:7.1%;height:4.5%}
  .ref-nav-categories{left:36.2%;top:4%;width:8.4%;height:4.5%}
  .ref-nav-articles{left:45.3%;top:4%;width:7.1%;height:4.5%}
  .ref-nav-guide{left:53.3%;top:4%;width:8.6%;height:4.5%}
  .ref-nav-faq{left:62.1%;top:4%;width:5.6%;height:4.5%}
  .ref-nav-contact{left:67.2%;top:4%;width:7%;height:4.5%}
  .ref-nav-login{left:74.2%;top:4.2%;width:7.6%;height:4.4%}
  .ref-nav-signup{left:82.1%;top:4%;width:9%;height:4.8%}
  .ref-hero-games{left:32.4%;top:30.8%;width:16.8%;height:6.2%}
  .ref-hero-posts{left:50.1%;top:30.8%;width:16.6%;height:6.2%}
  .ref-feature-about{left:15.4%;top:39.8%;width:22%;height:10.7%}
  .ref-feature-guide{left:38.3%;top:39.8%;width:23%;height:10.7%}
  .ref-feature-contact{left:62%;top:39.8%;width:20.6%;height:10.7%}
  .swag-ref-anchor{position:absolute;display:block;pointer-events:none;height:0}
  .ref-anchor-categories{top:53%}
  .ref-game-slot{left:10.1%;top:55%;width:25.7%;height:13.1%}
  .ref-game-baccarat{left:36.3%;top:55%;width:25.4%;height:13.1%}
  .ref-game-casino{left:62.4%;top:55%;width:26.3%;height:13.1%}
  .ref-anchor-articles{top:69.4%}
  .ref-posts-all{left:47%;top:69.5%;width:8.6%;height:5.3%}
  .ref-article-1{left:11.1%;top:75%;width:15.4%;height:12.4%}
  .ref-article-2{left:26.7%;top:75%;width:14.3%;height:12.4%}
  .ref-article-3{left:41.3%;top:75%;width:14.3%;height:12.4%}
  .ref-anchor-faq{top:69.4%}
  .ref-faq-all{left:82.9%;top:69.5%;width:6.4%;height:5.2%}
  .swag-ref-faq{position:absolute!important;pointer-events:auto;z-index:5;left:58.4%;width:29.3%;height:2.65%;min-height:1px;margin:0!important;padding:0!important;background:transparent;border:0!important}
  .ref-faq-1{top:75.2%}.ref-faq-2{top:78.25%}.ref-faq-3{top:81.27%}.ref-faq-4{top:84.33%}
  .swag-ref-faq>summary{width:100%;height:100%;display:block!important;cursor:pointer;list-style:none;background:transparent;color:transparent;margin:0!important;border-radius:12px}
  .swag-ref-faq>summary::-webkit-details-marker{display:none}
  .swag-ref-faq>summary:hover,.swag-ref-faq>summary:focus-visible{outline:1px solid #e9cd7d;box-shadow:0 0 13px #07a95675}
  .swag-ref-faq-answer{position:absolute;right:0;bottom:calc(100% + 7px);min-width:100%;max-width:125%;width:440px;line-height:1.55;font-family:Kanit,sans-serif;font-size:14px;white-space:normal;background:linear-gradient(125deg,#05472d,#002319);border:1px solid #d3b56b;color:#f7eac6;border-radius:12px;padding:13px 16px;box-shadow:0 9px 24px #000a,0 0 14px #11af6250}
  .ref-bottom-home{left:30.3%;top:90.2%;width:7.3%;height:7.6%}
  .ref-bottom-games{left:38.1%;top:90.2%;width:7.4%;height:7.6%}
  .ref-bottom-login{left:45.5%;top:89.5%;width:9.1%;height:8.5%}
  .ref-bottom-posts{left:55.4%;top:90.2%;width:7.8%;height:7.6%}
  .ref-bottom-contact{left:63.5%;top:90.2%;width:8.5%;height:7.6%}
}
@media(max-width:1100px){
  .swag-reference-desktop{display:none!important}
  body.swag-emerald-preview .swag-shell{display:block!important}
  .swag-shell{background:
      radial-gradient(ellipse at center top,rgba(18,192,106,.19),transparent 55%),
      radial-gradient(ellipse at bottom left,rgba(20,174,86,.17),transparent 34%),
      #00150e}
  .swag-hero{border-bottom:2px solid rgba(211,168,73,.55)}
  .swag-hero:before{z-index:1}
  .swag-hero-heading{text-shadow:0 0 10px #005632,0 3px 8px #000!important}
  .swag-castle{filter:saturate(1.3) hue-rotate(20deg)!important;opacity:.5}
  .swag-panel,.swag-game,.swag-feature{border-color:#dfb65f!important;box-shadow:inset 0 0 22px #00af5d26,0 5px 22px #000b!important}
}
@media(max-width:740px){
  .swag-hero{min-height:650px}
  .swag-model-stage{
    background-image:var(--swag-art)!important;
    background-repeat:no-repeat!important;
    background-size:1350px auto!important;
    background-position:-76px -77px!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 100%);
    border-radius:12px 12px 0 0
  }
  .swag-model-stage .swag-portrait,.swag-model-stage .swag-arch,.swag-model-stage .swag-rune,.swag-model-stage .swag-gem{display:none!important}
  .swag-portrait-shade{background:linear-gradient(90deg,transparent 50%,#001b11d9)}
  .swag-hero-royal{
    background-image:var(--swag-art)!important;
    background-repeat:no-repeat!important;
    background-size:1350px auto!important;
    background-position:-955px -85px!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 100%);
  }
  .swag-hero-royal>*{display:none!important}
  .swag-hero-copy{background:radial-gradient(ellipse at center,#002a18c4,transparent 75%);padding-top:26px!important}
  .swag-hero h1{filter:drop-shadow(0 0 9px #e0b45f55)}
  .swag-btn-gold{box-shadow:0 0 24px #d9b35e80,inset 0 1px 5px #fff4be}
  .swag-btn-outline{box-shadow:0 0 17px #00c2676b,inset 0 0 11px #00ab5e62}
  .swag-feature{background:linear-gradient(115deg,#05482f,#001e16 85%)}
  .swag-category-grid{gap:12px}
}
@media(max-width:420px){
 .swag-model-stage{background-size:1230px auto!important;background-position:-60px -69px!important}
 .swag-hero-royal{background-size:1230px auto!important;background-position:-872px -77px!important}
}