/* ============================================================
   ĐỪNG ĐỂ TIỀN RƠI — game tương tác
   Namespace: .ddtr_coin-game / #ddtr-game
   Mọi selector đều gọi từ class parent xuống.
   ============================================================ */

/* ---------- FONT (tự host) ---------- */
@font-face{
  font-family:"EmagDidone"; font-style:normal; font-weight:500; font-display:swap;
  src:url("../fonts/EmagDidone-500-vietnamese.woff2") format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face{
  font-family:"EmagDidone"; font-style:normal; font-weight:500; font-display:swap;
  src:url("../fonts/EmagDidone-500-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"EmagDidone"; font-style:normal; font-weight:700; font-display:swap;
  src:url("../fonts/EmagDidone-700-vietnamese.woff2") format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face{
  font-family:"EmagDidone"; font-style:normal; font-weight:700; font-display:swap;
  src:url("../fonts/EmagDidone-700-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"EmagDidone"; font-style:normal; font-weight:900; font-display:swap;
  src:url("../fonts/EmagDidone-900-vietnamese.woff2") format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face{
  font-family:"EmagDidone"; font-style:normal; font-weight:900; font-display:swap;
  src:url("../fonts/EmagDidone-900-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Lora"; font-style:normal; font-weight:400 700; font-display:swap;
  src:url("../fonts/Lora-vietnamese.woff2") format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face{
  font-family:"Lora"; font-style:normal; font-weight:400 700; font-display:swap;
  src:url("../fonts/Lora-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Lora"; font-style:italic; font-weight:400 700; font-display:swap;
  src:url("../fonts/Lora-italic-vietnamese.woff2") format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face{
  font-family:"Lora"; font-style:italic; font-weight:400 700; font-display:swap;
  src:url("../fonts/Lora-italic-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---------- KHUNG ---------- */
.ddtr_coin-game{
  --ddtr-bg:#06080c;
  --ddtr-bg-2:#04060a;
  --ddtr-card:#141a26;
  --ddtr-gold:#e8b04b;
  --ddtr-ink:#f2ede3;
  --ddtr-muted:#9aa6bb;
  --ddtr-display:"EmagDidone","Times New Roman",serif;
  --ddtr-text:"Lora",Georgia,serif;
  display:block; width:100%; margin:0; padding:26px 12px;
  background:var(--ddtr-bg);
  font-family:var(--ddtr-text);
  color:var(--ddtr-ink);
}
/* tràn hết bề ngang trang, xoá dải trắng hai bên.
   Nếu CMS sinh thanh cuộn ngang, bỏ class ddtr_coin-game--bleed ở index.html */
.ddtr_coin-game.ddtr_coin-game--bleed{
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  overflow:hidden;
}
.ddtr_coin-game *{box-sizing:border-box}
.ddtr_coin-game p,
.ddtr_coin-game h2,
.ddtr_coin-game h3{margin:0}

.ddtr_coin-game .ddtr_coin-game__wrap{
  width:100%; max-width:1100px; margin:0 auto;
  display:flex; flex-direction:column; align-items:center;
  background:transparent; padding:0;
}
.ddtr_coin-game .ddtr_coin-game__topbar{
  width:100%; display:flex; justify-content:space-between; align-items:center;
  gap:10px; flex-wrap:wrap; margin-bottom:9px;
}
.ddtr_coin-game .ddtr_coin-game__title{
  font-family:var(--ddtr-display); font-weight:900; font-size:19px;
  letter-spacing:.04em; text-transform:uppercase; color:var(--ddtr-gold);
}
.ddtr_coin-game .ddtr_coin-game__tools{display:flex; align-items:center; gap:12px}
.ddtr_coin-game .ddtr_coin-game__howto{font-size:12px; color:var(--ddtr-muted)}
.ddtr_coin-game .ddtr_coin-game__fs-btn{
  font-family:var(--ddtr-text); font-size:12px; font-weight:700; cursor:pointer;
  background:transparent; color:var(--ddtr-muted);
  border:1px solid rgba(255,255,255,.18); border-radius:8px; padding:7px 12px;
  transition:.15s;
}
.ddtr_coin-game .ddtr_coin-game__fs-btn:hover{color:var(--ddtr-ink); border-color:rgba(255,255,255,.45)}

.ddtr_coin-game .ddtr_coin-game__stage{
  position:relative; border-radius:14px; overflow:hidden; line-height:0;
  background:var(--ddtr-bg-2); touch-action:none;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.ddtr_coin-game .ddtr_coin-game__canvas{display:block; touch-action:none}
.ddtr_coin-game .ddtr_coin-game__stage:fullscreen,
.ddtr_coin-game .ddtr_coin-game__stage:-webkit-full-screen{
  width:100vw; height:100vh; border-radius:0; background:#0b111c;
  display:flex; align-items:center; justify-content:center;
}
.ddtr_coin-game .ddtr_coin-game__rot-hint{
  display:none; margin-top:9px; text-align:center;
  font-size:11.5px; color:var(--ddtr-muted); line-height:1.5;
}
.ddtr_coin-game .ddtr_coin-game__rot-hint.is-on{display:block}

/* ---------- HỘP THOẠI ---------- */
.ddtr_coin-game .ddtr_coin-game__overlay{
  position:absolute; inset:0; display:none; line-height:normal;
  align-items:center; justify-content:center; padding:16px;
  background:rgba(8,12,20,.88); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.ddtr_coin-game .ddtr_coin-game__overlay.is-on{display:flex}
.ddtr_coin-game .ddtr_coin-game__panel{
  width:100%; max-width:640px; max-height:100%; overflow-y:auto;
  background:#10151f; border:1px solid rgba(232,176,75,.34);
  border-radius:14px; padding:22px 26px 0; scrollbar-width:thin;
}
.ddtr_coin-game .ddtr_coin-game__kicker{
  font-family:var(--ddtr-text); font-size:11px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ddtr-gold); margin-bottom:7px;
}
.ddtr_coin-game .ddtr_coin-game__h2{
  font-family:var(--ddtr-display); font-weight:900; font-size:27px;
  line-height:1.18; letter-spacing:-.01em; margin-bottom:12px; color:var(--ddtr-ink);
}
.ddtr_coin-game .ddtr_coin-game__h3{
  font-family:var(--ddtr-text); font-size:11.5px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:#f0c169; margin:18px 0 7px;
}
.ddtr_coin-game .ddtr_coin-game__p,
.ddtr_coin-game .ddtr_coin-game__rich p{
  font-family:var(--ddtr-text); font-size:15.5px; font-weight:450; line-height:1.72;
  color:#ece7dc; margin:0 0 12px;
}
.ddtr_coin-game .ddtr_coin-game__p--lead,
.ddtr_coin-game .ddtr_coin-game__rich p.is-lead{font-size:16.5px; color:#fff}
.ddtr_coin-game .ddtr_coin-game__rich b{font-weight:700; color:var(--ddtr-ink)}
.ddtr_coin-game .ddtr_coin-game__agepill{
  display:inline-block; margin-bottom:12px; padding:5px 12px; border-radius:20px;
  font-family:var(--ddtr-display); font-size:12px; font-weight:700; letter-spacing:.08em;
  background:rgba(232,176,75,.14); color:var(--ddtr-gold);
}
.ddtr_coin-game .ddtr_coin-game__note{
  font-size:12.5px; line-height:1.6; color:#a9b4c6;
  border-top:1px solid rgba(255,255,255,.09); padding-top:12px; margin-top:4px;
}

/* nút luôn nhìn thấy, không phải cuộn xuống mới thấy */
.ddtr_coin-game .ddtr_coin-game__btns{
  position:sticky; bottom:0; display:flex; gap:10px; flex-wrap:wrap;
  margin-top:14px; padding:14px 0 18px; background:#10151f;
  border-top:1px solid rgba(255,255,255,.10);
}
.ddtr_coin-game .ddtr_coin-game__btn{
  font-family:var(--ddtr-text); font-size:14px; font-weight:700; cursor:pointer;
  padding:12px 20px; border-radius:9px; border:1px solid transparent; transition:.15s;
}
.ddtr_coin-game .ddtr_coin-game__btn--primary{background:var(--ddtr-gold); color:#1a1206}
.ddtr_coin-game .ddtr_coin-game__btn--primary:hover{background:#f5c063}
.ddtr_coin-game .ddtr_coin-game__btn--ghost{
  background:transparent; color:var(--ddtr-muted); border-color:rgba(255,255,255,.16);
}
.ddtr_coin-game .ddtr_coin-game__btn--ghost:hover{color:var(--ddtr-ink); border-color:rgba(255,255,255,.4)}

/* ---------- ĐIỆN THOẠI ---------- */
@media (max-width:640px){
  .ddtr_coin-game{margin:22px 0}
  .ddtr_coin-game{padding:18px 10px}
  .ddtr_coin-game .ddtr_coin-game__title{font-size:16px}
  .ddtr_coin-game .ddtr_coin-game__howto{display:none}
  .ddtr_coin-game .ddtr_coin-game__panel{padding:18px 16px 0}
  .ddtr_coin-game .ddtr_coin-game__h2{font-size:21px}
  .ddtr_coin-game .ddtr_coin-game__p,
  .ddtr_coin-game .ddtr_coin-game__rich p{font-size:14.5px}
  .ddtr_coin-game .ddtr_coin-game__p--lead,
  .ddtr_coin-game .ddtr_coin-game__rich p.is-lead{font-size:15.5px}
  .ddtr_coin-game .ddtr_coin-game__btns .ddtr_coin-game__btn{flex:1; min-width:132px}
}

/* ---------- BẢN DESKTOP ---------- */
.ddtr_coin-game .ddtr_coin-game__howto{display:inline}
.ddtr_coin-game .ddtr_coin-game__rot-hint{display:none !important}
@media (max-width:640px){
  .ddtr_coin-game .ddtr_coin-game__howto{display:none}
}

/* ---------- CHỮ TRẮNG + NỀN TỐI CẢ TRANG (đặt cuối để thắng CSS của trang) ---------- */
html[data-theme="ddtr-coin-flight"], body[data-theme="ddtr-coin-flight"]{ background:#06080c !important; }

.ddtr_coin-game .ddtr_coin-game__panel,
.ddtr_coin-game .ddtr_coin-game__panel *{
  opacity:1 !important; filter:none !important; mix-blend-mode:normal !important;
  -webkit-text-fill-color:currentColor !important; text-shadow:none !important;
}
.ddtr_coin-game .ddtr_coin-game__panel{
  overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch;
}
.ddtr_coin-game .ddtr_coin-game__overlay{ overscroll-behavior:contain !important; }

#ddtr-game .ddtr_coin-game__title{ color:#fff !important; }
#ddtr-game .ddtr_coin-game__h2{ color:#fff !important; }
#ddtr-game .ddtr_coin-game__p,
#ddtr-game .ddtr_coin-game__rich p{
  color:#fff !important; font-size:15.5px !important; line-height:1.72 !important;
  font-family:var(--ddtr-text) !important;
}
#ddtr-game .ddtr_coin-game__p--lead,
#ddtr-game .ddtr_coin-game__rich p.is-lead{ color:#fff !important; font-size:16.5px !important; }
#ddtr-game .ddtr_coin-game__rich b,
#ddtr-game .ddtr_coin-game__rich strong{ color:#fff !important; font-weight:700 !important; }
#ddtr-game .ddtr_coin-game__h3,
#ddtr-game .ddtr_coin-game__kicker{ color:#ffd28a !important; }
#ddtr-game .ddtr_coin-game__agepill{ color:#ffd28a !important; }
#ddtr-game .ddtr_coin-game__note{ color:#c9d2e0 !important; }
#ddtr-game .ddtr_coin-game__howto{ color:#c9d2e0 !important; }
#ddtr-game .ddtr_coin-game__fs-btn{ color:#e8edf5 !important; }
#ddtr-game .ddtr_coin-game__btn--primary{ color:#1a1206 !important; }
#ddtr-game .ddtr_coin-game__btn--ghost{ color:#dbe2ec !important; }
@media (max-width:640px){
  #ddtr-game .ddtr_coin-game__p,
  #ddtr-game .ddtr_coin-game__rich p{ font-size:14.5px !important; }
  #ddtr-game .ddtr_coin-game__p--lead,
  #ddtr-game .ddtr_coin-game__rich p.is-lead{ font-size:15.5px !important; }
}