:root{--navy:#061c48;--navy2:#0a2c67;--gold:#d4a03f;--cream:#fff5df;--muted:#58627a;--line:#e3e7ef;--soft:#f7f9fc}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden;background:#e9edf3;color:#06132f;font-family:Arial,"Helvetica Neue",sans-serif}button,input{font:inherit}.page{width:864px;height:1821px;margin:0 auto;overflow:hidden;background:#fff}.site-header{height:94px;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eef0f4}.brand-img{width:285px;height:76px;object-fit:contain;object-position:left center}.header-actions{display:flex;align-items:center;gap:18px}.back{width:42px;height:42px;padding:0;border:0;background:none}.back img{width:38px;height:38px;object-fit:contain}.header-icon{width:128px;height:58px;object-fit:contain}.crumbs{height:49px;padding:17px 33px;color:#44506b;background:#f8f9fb;font-size:14px}.home-hero,.inner-hero{position:relative;overflow:hidden}.home-hero{height:465px;margin:8px 23px 0;padding:50px 26px;border-radius:15px;color:#fff;background:#071c3a}.inner-hero{height:280px;padding:34px 32px;background:#fbfbfc;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2;width:450px}.home-hero .hero-copy{width:410px}.hero-kicker{color:var(--gold);font-size:17px;font-weight:800}.hero-copy h1{margin:0 0 20px;font-size:38px;line-height:1.12}.home-hero h1{font-size:38px}.home-hero h1 span,.inner-hero h1 span{color:#e2b55f}.hero-copy p{width:390px;margin:0;color:inherit;font-size:17px;line-height:1.6}.inner-hero p{color:#2d3b5d}.hero-art{position:absolute;z-index:1;right:0;top:0;height:100%;width:480px;object-fit:cover;object-position:right center}.home-hero .hero-art{width:420px;object-fit:contain}.inner-hero .hero-copy h1{font-size:34px}.inner-hero .hero-art{width:390px}.home-trust{width:330px;margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.trust-item{display:flex;align-items:center;flex-direction:column;gap:5px;color:#fff;font-size:12px;line-height:1.25;text-align:center}.trust-item img{width:52px;height:52px;border-radius:12px;object-fit:cover}.hero-actions{display:flex;gap:14px;margin-top:18px}.btn{height:48px;padding:0 24px;border:1px solid var(--navy);border-radius:8px;color:#fff;background:var(--navy);font-weight:800}.btn.gold{color:#071a3c;border-color:#e6bd6b;background:#f2cf82}.btn.light{color:var(--navy);background:#fff}.section{margin:20px 24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.section-head h2{margin:0;font-size:22px}.section-head a,.section-head button{border:0;color:var(--navy);background:none;text-decoration:none;font-weight:800}.quick-grid{height:145px;padding:14px 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;border:1px solid #edf0f5;border-radius:14px;box-shadow:0 8px 28px rgba(22,44,77,.08)}.quick-card{padding:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:0;background:#fff;color:var(--navy);font-weight:700}.quick-card img{width:64px;height:64px;border-radius:50%;object-fit:cover}.feature-card{height:235px;padding:20px 23px;display:grid;grid-template-columns:130px 1fr 285px;gap:22px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(8,26,56,.06)}.casino-logo{width:125px;height:125px;border-radius:16px;object-fit:cover}.rating{display:flex;align-items:center;gap:4px}.rating img{width:22px;height:22px;object-fit:cover}.rating b{margin-left:7px;font-size:18px}.feature-card h3,.casino-row h3{margin:5px 0;font-size:25px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:6px 9px;border-radius:7px;color:#263755;background:#f1f3f7;font-size:12px}.checks{padding-left:26px;border-left:1px solid var(--line);font-size:14px;line-height:2.25}.casino-table{border:1px solid var(--line);border-radius:13px;overflow:hidden}.casino-row{height:82px;padding:10px 14px;display:grid;grid-template-columns:56px 180px 100px 160px 145px 95px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.casino-row:last-child{border:0}.casino-row .casino-logo{width:50px;height:50px;border-radius:9px}.casino-row h3{font-size:15px}.casino-row .btn{height:39px;padding:0 14px}.mini-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-guide{height:145px;padding:20px;display:grid;grid-template-columns:55px 1fr;gap:13px;border:1px solid var(--line);border-radius:12px}.mini-guide img{width:55px;height:55px;border-radius:50%;object-fit:cover}.mini-guide h3{margin:0 0 7px;font-size:16px}.mini-guide p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.tabs{height:64px;padding:0 32px;display:flex;align-items:stretch;gap:4px;border-bottom:1px solid var(--line)}.tabs button{flex:1;border:0;background:#fff;color:#1d2b49;font-weight:700}.tabs button.active{color:#fff;border-radius:10px;background:var(--navy)}.tabs button img{width:22px;height:22px;margin-right:8px;vertical-align:middle;object-fit:cover}.content-card{margin:16px 32px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}.content-card h2,.content-card h3{margin:0 0 12px}.content-card p{margin:0;color:#384766;font-size:14px;line-height:1.6}.review-top{height:310px;margin:10px 22px 0;padding:30px 25px;position:relative;display:grid;grid-template-columns:145px 1fr 225px;gap:25px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.review-compare{position:absolute;z-index:3;right:28px;top:18px;color:var(--navy);font-weight:800}.review-top .hero-art{opacity:.28}.score-box{position:relative;z-index:2;padding:20px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.92)}.score-box strong{display:block;font-size:34px}.metric-strip{height:92px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-strip div{padding:18px 10px;text-align:center;border-right:1px solid var(--line);font-size:13px}.metric-strip div:last-child{border:0}.review-promo{height:102px;margin:18px 40px;padding:16px 28px 16px 150px;position:relative;border:1px solid #f2dfbb;border-radius:12px;background:#fff7e8}.review-promo img{position:absolute;left:18px;top:7px;width:118px;height:88px;object-fit:contain}.review-promo h2{margin:0 0 8px}.review-promo .btn{position:absolute;right:22px;top:27px}.bonus-row{height:170px;padding:20px;display:grid;grid-template-columns:110px 165px 1fr 175px;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.bonus-row:last-child{border:0}.bonus-row .casino-logo{width:98px;height:98px}.bonus-row h3{font-size:22px}.bonus-meta{color:#1a6b56;font-size:12px;font-weight:800}.codebox{padding:12px;border-radius:8px;background:#f1f3f7}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.safety-list article{height:106px;padding:18px 22px;display:grid;grid-template-columns:72px 1fr 30px;align-items:center;border-bottom:1px solid var(--line)}.safety-list article:last-child{border:0}.safety-list img{width:62px;height:62px;border-radius:14px;object-fit:cover}.safety-list h3{margin:0 0 6px}.safe-banner{height:235px;margin:22px 32px;padding:28px;position:relative;border-radius:14px;color:#fff;background:#082650}.safe-banner h2,.safe-banner p{width:360px;margin-left:180px}.safe-banner .hero-art{left:0;right:auto;width:210px}.faq-search{width:455px;height:58px;margin-top:30px;padding:0 18px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:17px}.faq-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.faq-category{height:120px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center}.faq-category.active{color:#fff;background:var(--navy)}.faq-category img{width:52px;height:52px;border-radius:50%;object-fit:cover}.accordion details{margin-bottom:8px;border:1px solid var(--line);border-radius:9px}.accordion summary{padding:17px 20px;font-weight:800;cursor:pointer}.accordion p{padding:0 20px 16px}.support-card{height:330px;padding:28px 40px 28px 335px;position:relative;border:1px solid #d7e2f3;border-radius:14px;background:#f4f8ff}.support-card>img{position:absolute;left:25px;bottom:10px;width:290px;height:300px;object-fit:contain}.support-option{margin-top:9px;padding:13px 15px;border-radius:9px;background:#fff}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:0;transform:translateX(-50%);width:864px;height:92px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:#fff}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#778197;text-decoration:none;font-size:14px}.bottom-nav a.active{color:var(--navy);font-weight:800}.bottom-nav .nav-icon{width:66px;height:42px;margin-bottom:2px;object-fit:contain}.toast{position:fixed;z-index:80;left:50%;bottom:112px;transform:translateX(-50%);padding:13px 22px;border-radius:24px;color:#fff;background:#071c3a}.toast[hidden]{display:none}body[data-page="review"] .review-top>.hero-art{display:none}body[data-page="bonus"] .inner-hero{height:154px;padding-top:18px}body[data-page="bonus"] .inner-hero .hero-art{width:340px}body[data-page="bonus"] .inner-hero .hero-copy h1{margin-bottom:10px;font-size:30px}body[data-page="bonus"] .inner-hero .hero-copy p{font-size:15px;line-height:1.45}body[data-page="bonus"] .bonus-row{height:160px}body[data-page="bonus"] .bonus-row .casino-logo{width:92px;height:92px}body[data-page="bonus"] .bonus-row h3{font-size:18px}
.inner-hero .hero-copy{width:520px}body[data-page="bonus"] .inner-hero .hero-copy h1{white-space:nowrap}
.site-header .back+a{margin-left:18px;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}body[data-page="safety"] .inner-hero h1 span{display:block}
body[data-page="review"] .tabs+.content-card{min-height:300px}body[data-page="review"] .tabs+.content-card p:last-child{height:125px;margin-top:14px;padding:22px;border:1px solid var(--line);border-radius:10px;line-height:2.2}body[data-page="bonus"] .bonus-row{height:185px}body[data-page="safety"] .safety-list article{height:118px}body[data-page="safety"] .safe-banner{height:255px}body[data-page="safety"] .safe-banner .hero-art{width:210px;content:url("assets/tpl16/safe-banner-art.png");object-fit:cover}body[data-page="safety"] .safe-banner h2,body[data-page="safety"] .safe-banner p,body[data-page="safety"] .safe-banner .btn{margin-left:190px}body[data-page="faq"] .faq-category:nth-child(1) img{content:url("assets/tpl16/faq-cat-0.png")}body[data-page="faq"] .faq-category:nth-child(2) img{content:url("assets/tpl16/faq-cat-1.png")}body[data-page="faq"] .faq-category:nth-child(3) img{content:url("assets/tpl16/faq-cat-2.png")}body[data-page="faq"] .faq-category:nth-child(4) img{content:url("assets/tpl16/faq-cat-3.png")}body[data-page="faq"] .faq-category:nth-child(5) img{content:url("assets/tpl16/faq-cat-4.png")}body[data-page="faq"] .faq-category:nth-child(6) img{content:url("assets/tpl16/faq-cat-5.png")}

/* 2026-07-13 annotation pass: source-faithful Review, Bonus, FAQ and bottom navigation. */
.bottom-nav .nav-icon{width:44px;height:44px;margin-bottom:2px;object-fit:contain}
body[data-page="review"] .review-bonus-grid{gap:18px}
body[data-page="review"] .review-bonus-card{position:relative;height:142px;padding:17px 103px 15px 18px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}
body[data-page="review"] .review-bonus-card .tag{position:relative;z-index:2;padding:5px 8px;color:#174a8e;background:#eaf2ff;font-size:10px}
body[data-page="review"] .review-bonus-card h3{position:relative;z-index:2;margin:9px 0 8px;font-size:18px;line-height:1.22;letter-spacing:-.2px}
body[data-page="review"] .review-bonus-card p{position:relative;z-index:2;margin:0;color:#44506b;font-size:12px;line-height:1.35}
body[data-page="review"] .review-bonus-card>img{position:absolute;z-index:1;right:0;bottom:0;width:103px;height:122px;object-fit:cover;object-position:center}
body[data-page="bonus"] .bonus-cta{display:flex;align-items:stretch;flex-direction:column;gap:10px}
body[data-page="bonus"] .bonus-cta .btn{width:100%;height:44px}
body[data-page="bonus"] .bonus-cta small{display:block;color:#44506b;text-align:center;font-size:11px;line-height:1}
body[data-page="faq"] .faq-category img{border-radius:0;object-fit:contain}
body[data-page="faq"] .faq-category:nth-child(1) img{content:url("assets/tpl16/faq-cat-0.png?v=20260713d")}
body[data-page="faq"] .faq-category:nth-child(2) img{content:url("assets/tpl16/faq-cat-1.png?v=20260713d")}
body[data-page="faq"] .faq-category:nth-child(3) img{content:url("assets/tpl16/faq-cat-2.png?v=20260713d")}
body[data-page="faq"] .faq-category:nth-child(4) img{content:url("assets/tpl16/faq-cat-3.png?v=20260713d")}
body[data-page="faq"] .faq-category:nth-child(5) img{content:url("assets/tpl16/faq-cat-4.png?v=20260713d")}
body[data-page="faq"] .faq-category:nth-child(6) img{content:url("assets/tpl16/faq-cat-5.png?v=20260713d")}
@media(max-width:864px){.page{margin:0;zoom:calc(100vw / 864px)}}

/* 2026-07-14 brand preview pass: blend the home hero art into the navy panel. */
.home-hero::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,#071c3a 0%,rgba(7,28,58,.98) 36%,rgba(7,28,58,.55) 54%,rgba(7,28,58,.16) 72%,rgba(7,28,58,.08) 100%);
}
.home-hero .hero-copy{z-index:3}
.home-hero .hero-art{
  z-index:0;
  right:-18px;
  width:520px;
  object-fit:cover;
  opacity:.92;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 16%,#000 42%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 16%,#000 42%,#000 100%);
}
.feature-card>.casino-logo{
  width:128px;
  height:82px;
  padding:8px;
  border-radius:16px;
  object-fit:contain;
  background:#eef6ff;
}
.review-top>.casino-logo,
.bonus-row>.casino-logo{
  padding:8px;
  border-radius:16px;
  object-fit:contain;
  object-position:center;
  background:#eef6ff;
}
.review-top>.casino-logo{
  width:128px;
  height:86px;
  align-self:center;
}
.bonus-row>.casino-logo{
  width:98px;
  height:68px;
}
.header-register{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:8px;color:#071a3c;background:#f2cf82;font-size:15px;font-weight:900;text-decoration:none;white-space:nowrap}

/* TMT PLAY header lockup: original mark on the left, brand name on the right. */
.site-header>a{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.site-header>a .brand-img{
  width:76px;
  height:76px;
  object-fit:contain;
  content:url("assets/a20-brand/icon.png");
}
.site-header>a::after{
  content:"TMT PLAY";
  color:#c8202f;
  font-family:Arial Black,Arial,Helvetica,sans-serif;
  font-size:32px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}