/* R35 CAM NANG — HOME METHOD MASTER + DATA-DRIVEN DOM */
.r35-cam-nang-stage{display:none}
@media(max-width:767px){
  .r35-cam-nang-stage{display:none!important}
  .r35-legacy-cam-nang{display:block}
}
@media(min-width:768px){
  .r35-legacy-cam-nang{display:none!important}
  .r35-cam-nang-stage{
    position:relative;display:block;width:100%;max-width:1536px;
    margin:0 auto;line-height:1.35;background:#07100d;
    isolation:isolate;overflow:hidden;
  }
  .r35-cam-nang-master{
    display:block;position:relative;z-index:1;width:100%;height:auto;
    margin:0;padding:0;user-select:none;pointer-events:none;
  }
  body:has(.r35-cam-nang-stage){
    background:#07100d!important;overflow-x:hidden;
  }
  body:has(.r35-cam-nang-stage) #main{
    padding:0!important;margin:0!important;width:100%!important;
    max-width:none!important;background:#07100d!important;
  }
  body:has(.r35-cam-nang-stage)>.r30-header,
  body:has(.r35-cam-nang-stage)>.r30-bottom,
  body:has(.r35-cam-nang-stage)>.r3-footer,
  body:has(.r35-cam-nang-stage)>.r31-global-leaf-overlay{
    display:none!important;
  }
  .r35-top-leaf-overlay{
    position:absolute;inset:0 0 auto;height:58%;z-index:25;
    pointer-events:none;overflow:hidden;transform:translateZ(0);
  }
  .r35-top-leaf-overlay img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:fill;
    opacity:.34;pointer-events:none;animation:r35LeafDrift 15s ease-in-out infinite alternate;
  }
  @keyframes r35LeafDrift{
    from{transform:translate3d(-.7%,0,0) scale(1.01)}
    to{transform:translate3d(.8%,.55%,0) scale(1.025)}
  }
  .r35-preview-banner{
    position:absolute;z-index:45;left:29%;top:32.2%;width:58%;
    box-sizing:border-box;padding:6px 10px;
    color:#4c3216;background:rgba(245,218,153,.94);
    border:1px solid rgba(184,128,37,.75);
    font:700 11px/1.25 "Be Vietnam Pro","Segoe UI",Arial,sans-serif;
    text-align:center;letter-spacing:.04em;
  }
  .r35-sr-only{
    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;
  }
  .r35-search{
    position:absolute;z-index:42;left:30.45%;top:28.75%;width:39.55%;height:4.05%;
    display:flex;align-items:center;
  }
  .r35-search input{
    box-sizing:border-box;width:100%;height:100%;padding:0 54px 0 16px;
    border:1px solid rgba(176,126,48,.55);outline:0;
    background:rgba(247,240,222,.98);color:#322d27;
    font:14px/1 "Be Vietnam Pro","Segoe UI",Arial,sans-serif;
    box-shadow:0 5px 14px rgba(0,0,0,.15);
  }
  .r35-search input:focus{box-shadow:0 0 0 2px rgba(190,138,49,.28),0 5px 14px rgba(0,0,0,.15)}
  .r35-search>span{
    position:absolute;right:0;top:0;display:grid;place-items:center;width:54px;height:100%;
    color:#f0d79f;background:#111815;border-left:1px solid rgba(184,137,55,.62);
    font:700 25px/1 Georgia,serif;pointer-events:none;
  }
  .r35-categories{
    position:absolute;z-index:41;left:12.55%;top:34.15%;width:15.75%;height:49.0%;
    box-sizing:border-box;padding:14px 12px 12px;
    background:#070d0c;border:1px solid rgba(191,143,57,.66);
    box-shadow:0 14px 36px rgba(0,0,0,.34);
    overflow:hidden;color:#e7d9bd;
  }
  .r35-categories h2{
    margin:0 8px 10px;color:#f0d79b;font:700 20px/1.15 "Noto Serif",Georgia,serif;
  }
  .r35-categories a{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    min-height:38px;box-sizing:border-box;padding:7px 10px;
    border-top:1px solid rgba(222,193,137,.10);
    color:#e3d7bf;text-decoration:none;
    font:600 12px/1.2 "Be Vietnam Pro","Segoe UI",Arial,sans-serif;
    transition:background .16s ease,color .16s ease;
  }
  .r35-categories a:first-of-type{border-top:0}
  .r35-categories a:hover{background:rgba(255,255,255,.05);color:#fff0c8}
  .r35-categories a.active{
    color:#fff4dc;background:linear-gradient(90deg,rgba(145,31,26,.96),rgba(100,20,18,.84));
    box-shadow:inset 3px 0 0 #d49b48;
  }
  .r35-categories b{
    display:grid;place-items:center;min-width:25px;height:20px;padding:0 5px;
    border-radius:10px;background:rgba(228,179,85,.18);color:#f1cf8a;
    font:700 10px/1 Arial,sans-serif;
  }
  .r35-list-panel{
    position:absolute;z-index:41;left:28.85%;top:34.15%;width:59.0%;height:49.6%;
    box-sizing:border-box;padding:14px 13px 12px;
    background:#070d0c;border:1px solid rgba(191,143,57,.66);
    box-shadow:0 14px 36px rgba(0,0,0,.34);color:#e8ddc8;
    overflow:hidden;
  }
  .r35-list-head{
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    min-height:50px;padding:0 4px 10px;border-bottom:1px solid rgba(221,190,127,.20);
  }
  .r35-list-head small{
    display:block;color:#c89843;font:800 9px/1.1 "Be Vietnam Pro",Arial,sans-serif;
    letter-spacing:.13em;text-transform:uppercase;
  }
  .r35-list-head h2{
    margin:4px 0 0;color:#f1e2bf;font:700 19px/1.05 "Noto Serif",Georgia,serif;
  }
  .r35-count{display:flex;align-items:baseline;gap:6px;color:#b9ad96}
  .r35-count strong{color:#f0c96e;font:700 22px/1 Georgia,serif}
  .r35-count span{font:11px/1 "Be Vietnam Pro",Arial,sans-serif}
  .r35-guide-list{
    height:calc(100% - 62px);overflow-y:auto;overflow-x:hidden;padding-right:4px;
    scrollbar-width:thin;scrollbar-color:#9b6b2e #111713;
  }
  .r35-guide-list::-webkit-scrollbar{width:7px}
  .r35-guide-list::-webkit-scrollbar-track{background:#111713}
  .r35-guide-list::-webkit-scrollbar-thumb{background:#8e622d;border-radius:7px}
  .r35-guide-row{border-bottom:1px solid rgba(223,194,137,.12)}
  .r35-guide-row[hidden]{display:none!important}
  .r35-guide-row>a{
    display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:14px;
    min-height:80px;padding:9px 8px;box-sizing:border-box;
    color:inherit;text-decoration:none;align-items:center;
    transition:background .15s ease;
  }
  .r35-guide-row>a:hover{background:rgba(255,255,255,.035)}
  .r35-row-art{
    position:relative;display:grid;place-items:center;height:62px;overflow:hidden;
    border:1px solid rgba(193,144,58,.65);
    background:
      linear-gradient(rgba(5,10,8,.10),rgba(5,10,8,.48)),
      url('/assets/vlx-ui-r6/kit/05_banners/banner-scene-03.png') center/cover no-repeat;
  }
  .r35-row-art img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
    filter:saturate(.92) contrast(1.05);
  }
  .r35-row-art::after{
    content:"";position:absolute;inset:0;background:linear-gradient(rgba(5,10,8,.08),rgba(5,10,8,.46));
    pointer-events:none;
  }
  .r35-row-art i{
    position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
    color:#f0d18d;background:rgba(9,14,12,.78);border:1px solid #a97834;
    font:700 12px/1 Georgia,serif;font-style:normal;
  }
  .r35-row-copy{min-width:0}
  .r35-row-copy small{
    display:inline-block;margin-bottom:3px;padding:2px 7px;
    color:#f2d18c;background:#7f201b;border:1px solid rgba(202,134,54,.30);
    font:700 9px/1.2 "Be Vietnam Pro",Arial,sans-serif;
  }
  .r35-row-copy strong{
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#f2e6cc;font:700 15px/1.15 "Noto Serif",Georgia,serif;
  }
  .r35-row-copy em{
    display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:#bcb19e;font:400 10.5px/1.25 "Be Vietnam Pro","Segoe UI",Arial,sans-serif;
    font-style:normal;
  }
  .r35-guide-row>a>b{color:#d7a754;font:700 25px/1 Georgia,serif}
  .r35-draft{
    position:absolute;right:34px;margin-top:-50px;padding:3px 6px;
    color:#7a2d20;background:#f8dfc3;border:1px solid #bb795d;
    font:700 9px/1 Arial,sans-serif;
  }
  .r35-empty,.r35-no-results{
    padding:32px 18px;text-align:center;color:#cabda5;
    font:13px/1.55 "Be Vietnam Pro",Arial,sans-serif;
  }
  .r35-empty strong{display:block;color:#f0d79b;font:700 18px "Noto Serif",Georgia,serif}
  .r35-empty span{display:block;margin-top:8px}
  .r35-hotspots{position:absolute;inset:0;z-index:55;pointer-events:none}
  .r35-hit{
    position:absolute;display:block;pointer-events:auto;background:transparent;
    border:0;text-decoration:none;-webkit-tap-highlight-color:transparent;
  }
  .r35-hit:hover{background:rgba(238,202,113,.025);box-shadow:inset 0 0 0 1px rgba(231,190,91,.16)}
  .r35-hit:focus-visible{outline:2px solid rgba(230,184,72,.82);outline-offset:1px}

  /* visual-locked to the accepted R35 master */
  .r35-top-home{left:32.5%;top:5.7%;width:7.5%;height:5.4%}
  .r35-top-news{left:41.2%;top:5.7%;width:6.1%;height:5.4%}
  .r35-top-community{left:49.3%;top:5.7%;width:7.8%;height:5.4%}
  .r35-top-guide{left:58.2%;top:5.7%;width:7.8%;height:5.4%}
  .r35-top-support{left:67.0%;top:5.7%;width:5.8%;height:5.4%}
  .r35-top-account{left:91.8%;top:5.1%;width:3.9%;height:5.8%}

  .r35-bottom-home{left:26.5%;top:84.5%;width:8.8%;height:9.7%}
  .r35-bottom-news{left:36.2%;top:84.5%;width:8.8%;height:9.7%}
  .r35-bottom-community{left:45.9%;top:84.5%;width:8.8%;height:9.7%}
  .r35-bottom-account{left:55.6%;top:84.5%;width:8.8%;height:9.7%}
  .r35-bottom-download{left:65.5%;top:84.5%;width:8.8%;height:9.7%}

  .r35-footer-terms{left:37.0%;top:94.4%;width:5.5%;height:4.1%}
  .r35-footer-policy{left:42.6%;top:94.4%;width:5.6%;height:4.1%}
  .r35-footer-contact{left:48.3%;top:94.4%;width:4.8%;height:4.1%}
}
@media(prefers-reduced-motion:reduce){
  .r35-top-leaf-overlay img{animation:none!important}
}

  .r35-row-art img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    display:block;z-index:0;
  }
  .r35-row-art::after{
    content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(90deg,rgba(5,10,8,.10),rgba(5,10,8,.30));
    pointer-events:none;
  }
  .r35-row-art i{position:relative;z-index:2}