/*
 * "Bermain untuk Bali" tournament (/tournament/), ported 1:1 from the organiser's
 * mythigo-turnamen_new.html. Every rule is scoped under .tb so nothing leaks into
 * the rest of the theme. The standalone header became the sticky in-page section
 * nav (.tb-subnav) under the site header; its footer became .tb-foot.
 */
.tb{color-scheme:light;
  --plum:#4F1630;--red:#C91F2C;--gold:#E8B957;--gold2:#F1C77C;--green:#2F745F;--wa:#25D366;
  --ink:#2C2025;--muted:#6F6266;--paper:#FFFEFA;--sand:#F1E5D3;--sand2:#FBF6ED;--line:#EADBC4;--onplum:#E8D5DD;
  --r:20px;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 14px 40px rgba(79,22,48,.12);}
.tb *{box-sizing:border-box;margin:0;padding:0}
.tb{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.55;overflow-x:clip}
.tb button,.tb input,.tb select{font:inherit;color:inherit}
.tb button{cursor:pointer}
.tb a{color:inherit}
.tb h1,.tb h2,.tb h3{font-family:var(--serif);font-weight:700;line-height:1.1;color:var(--plum);text-wrap:balance}
.tb h1 em,.tb h2 em{color:var(--red);font-style:italic}
/* same content width and gutter as the rest of the site (.bc-container) */
.tb .wrap{width:min(calc(100% - 2rem),var(--bc-container,76rem));margin-inline:auto}
.tb section,.tb .sub2{scroll-margin-top:var(--tb-offset,140px)}
.tb .sec{padding-block:72px}
.tb .sec.sand{background:var(--sand2)}
.tb .sec.plum{background:radial-gradient(800px 400px at 90% 0%,rgba(232,185,87,.18),transparent 60%),var(--plum);color:var(--onplum)}
.tb .sec.plum h2,.tb .sec.plum h3{color:#fff}
.tb .sec.plum h2 em{color:var(--gold)}
.tb .eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.tb .plum .eyebrow{color:var(--gold)}
.tb .sec h2{font-size:clamp(28px,4vw,46px);margin-bottom:10px}
.tb .lead{font-size:clamp(16px,1.6vw,18px);color:var(--muted);max-width:700px}
.tb .plum .lead{color:var(--onplum)}
.tb .note{font-size:13px;color:var(--muted);margin-top:12px}
.tb .plum .note{color:#C9B0BB}
.tb .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:14px 22px;font-weight:800;font-size:16px;text-decoration:none;min-height:48px;
  background:var(--red);color:#fff;box-shadow:0 8px 20px rgba(201,31,44,.28);transition:transform .15s,background .15s}
.tb .btn:hover{background:#B01A26;transform:translateY(-1px)}
.tb .btn.ghost{background:transparent;color:var(--plum);box-shadow:none;border:2px solid var(--plum)}
.tb .btn.ghost:hover{background:var(--plum);color:#fff}
.tb .btn.wa{background:var(--wa);color:#063D1C;box-shadow:0 8px 20px rgba(37,211,102,.3)}
.tb .btn.wa:hover{background:#1EBE5A}
.tb .btn.light{background:#fff;color:var(--plum);box-shadow:none}
.tb .btn.small{padding:10px 16px;font-size:14px;min-height:44px}
.tb :focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.tb .announce{background:var(--plum);color:#fff;font-size:13px;font-weight:700;text-align:center;padding-block:8px}
.tb .announce b{color:var(--gold)}
.tb .hero{padding-block:48px 64px;background:radial-gradient(700px 420px at 78% 30%,rgba(232,185,87,.26),transparent 60%),linear-gradient(135deg,#FFFAF0 0%,#F7EDDD 100%)}
.tb .hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
@media (max-width:860px){.tb .hgrid{grid-template-columns:1fr}}
.tb .pillhot{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 5px;font-size:13px;font-weight:800;color:var(--plum);margin-bottom:14px}
.tb .pillhot span{background:var(--red);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px}
.tb .hero h1{font-size:clamp(36px,5.2vw,64px);margin-bottom:10px}
.tb .hero .en{font-size:clamp(15px,1.5vw,18px);font-weight:700;color:var(--green);margin-bottom:10px;font-style:italic}
.tb .countdown{margin-top:18px;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:15px;color:var(--plum)}
.tb .countdown b{font-weight:800}
.tb .countdown span{color:var(--red);font-weight:800}
.tb .hero .prize{color:var(--red);font-weight:800;white-space:nowrap}
.tb .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.tb .checks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:15px;font-weight:700}
.tb .checks span::before{content:"✓ ";color:var(--green)}
.tb .passport{background:var(--plum);color:#fff;border-radius:26px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.tb .passport::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;border:2px dashed rgba(232,185,87,.35);pointer-events:none}
.tb .passport .ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.tb .passport .ph b{font-family:var(--serif);font-size:22px}
.tb .passport .ph span{background:var(--gold);color:var(--plum);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}
.tb .stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tb .stamp{aspect-ratio:1;border:2px dashed rgba(255,255,255,.35);border-radius:16px;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;transition:.2s}
.tb .stamp i{font-style:normal;font-size:26px;line-height:1;filter:grayscale(1);opacity:.6;transition:.2s}
.tb .stamp small{font-size:11px;font-weight:700;line-height:1.2;text-align:center;color:var(--onplum)}
.tb .stamp[aria-pressed="true"]{border-style:solid;border-color:var(--gold);background:rgba(232,185,87,.18);transform:rotate(-3deg)}
.tb .stamp[aria-pressed="true"] i{filter:none;opacity:1}
.tb .pbar{margin-top:14px;height:10px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}
.tb .pbar div{height:100%;width:0;background:var(--gold);transition:width .3s}
.tb .pmsg{margin-top:8px;font-size:14px;color:var(--onplum);min-height:44px}
.tb .pmsg b{color:var(--gold)}
@media (max-width:860px){.tb .passport{max-width:420px;width:100%;margin:0 auto}}
.tb .strip{background:var(--plum);color:#F6E9EE}
.tb .strip .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;padding-block:12px;font-size:14px;font-weight:700}
.tb .purpose{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tb .purpose span{background:var(--plum);color:#fff;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.35}
.tb .purpose b{color:var(--gold)}
.tb .sec.misi{background:radial-gradient(900px 420px at 85% 0%,rgba(232,185,87,.22),transparent 60%),#3E1026;color:var(--onplum)}
.tb .sec.misi h2{color:#fff}
.tb .sec.misi h2 em{color:var(--gold)}
.tb .sec.misi .eyebrow{color:var(--gold)}
.tb .sec.misi .lead{color:var(--onplum);max-width:780px}
.tb .sec.misi .note{color:#C9B0BB}
.tb .wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
@media (max-width:860px){.tb .wins{grid-template-columns:minmax(0,1fr)}}
.tb .wins div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px}
.tb .wins i{font-style:normal;font-size:28px}
.tb .wins small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--gold)}
.tb .wins b{color:#fff;font-size:18px;line-height:1.3}
.tb .wins span{font-size:14px;color:var(--onplum)}
.tb .chain{display:flex;align-items:stretch;gap:8px;margin-top:20px}
.tb .chain div{flex:1;min-width:0;background:#fff;color:var(--ink);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px}
.tb .chain div b{width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:13px}
.tb .chain div span{font-weight:800;color:var(--plum);font-size:16px}
.tb .chain div small{font-size:13px;color:var(--muted)}
.tb .chain div.end{background:var(--gold)}
.tb .chain div.end b{background:var(--plum)}
.tb .chain i{font-style:normal;align-self:center;color:var(--gold);font-weight:800;font-size:20px}
@media (max-width:700px){.tb .chain{flex-direction:column}.tb .chain i{transform:rotate(90deg)}}
.tb .opc{margin-top:24px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:0;border-radius:22px;overflow:hidden;border:2px solid var(--gold)}
@media (max-width:760px){.tb .opc{grid-template-columns:minmax(0,1fr)}}
.tb .opcnum{background:var(--gold);color:var(--plum);padding:22px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.tb .opcnum small{font-size:11px;font-weight:800;letter-spacing:.14em}
.tb .opcnum strong{font:800 clamp(40px,5.6vw,64px) var(--serif);line-height:1;font-variant-numeric:tabular-nums}
.tb .opcnum span{font-weight:800;font-size:15px}
.tb .opctext{background:rgba(255,255,255,.06);padding:22px;display:flex;flex-direction:column;gap:10px}
.tb .sec.misi .opctext h3{color:#fff;font-size:clamp(22px,2.4vw,28px)}
.tb .opctext p{font-size:15px;color:var(--onplum)}
.tb .opctext p b{color:#fff}
.tb .opcbtn{display:flex;flex-wrap:wrap;gap:10px}
.tb .btn.gold{background:var(--gold);color:var(--plum);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.tb .btn.gold:hover{background:#F1C77C}
.tb .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
@media (max-width:860px){.tb .g3{grid-template-columns:1fr}}
.tb .mode{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:10px}
.tb .mode.hot{border:2px solid var(--red);box-shadow:var(--shadow)}
.tb .mode .tag{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.1em;padding:4px 10px;border-radius:999px;background:var(--sand);color:var(--plum)}
.tb .mode.hot .tag{background:var(--red);color:#fff}
.tb .mode h3{font-size:24px}
.tb .mode dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px}
.tb .mode dt{font-weight:800;color:var(--plum)}
.tb .mode dd{color:var(--muted)}
.tb .divisi{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.tb .divisi{grid-template-columns:1fr}}
.tb .divisi div{background:var(--sand2);border-radius:16px;padding:14px 16px;font-size:15px}
.tb .divisi b{display:block;color:var(--plum);font-size:16px}
.tb .sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:22px}
.tb .sector{text-align:left;width:100%;background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s}
.tb .sector:hover{box-shadow:var(--shadow)}
.tb .sector .top{display:flex;gap:10px;align-items:center}
.tb .sector .em{font-size:26px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--sand2);flex:none}
.tb .sector b{display:block;color:var(--plum);font-size:16px}
.tb .sector .mon{font-size:13px;font-weight:800;color:var(--green)}
.tb .sector .more{font-size:12px;font-weight:800;color:var(--red)}
.tb .sector .det{display:none;font-size:14px;background:var(--sand2);border-radius:12px;padding:10px;color:var(--ink)}
.tb .sector .det span{display:block;margin-top:4px}
.tb .sector[aria-expanded="true"]{border-color:var(--red)}
.tb .sector[aria-expanded="true"] .det{display:block}
.tb .pts{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;margin-top:22px;align-items:start}
.tb .pts>*,.tb .j7>*,.tb .hgrid>*{min-width:0}
@media (max-width:900px){.tb .pts{grid-template-columns:minmax(0,1fr)}}
.tb .tblwrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.tb table{width:100%;border-collapse:collapse;font-size:15px}
@media (max-width:560px){.tb table{font-size:14px}.tb th,.tb td{padding:10px}.tb td.n{font-size:16px}}
.tb th,.tb td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.tb th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--sand2)}
.tb td.n{font-family:var(--serif);font-weight:700;color:var(--red);font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}
.tb tr:last-child td{border-bottom:0}
.tb .mult{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
@media (max-width:560px){.tb .mult{grid-template-columns:1fr}}
.tb .mult div{background:var(--plum);color:#fff;border-radius:16px;padding:14px}
.tb .mult b{display:block;font-family:var(--serif);font-size:24px;color:var(--gold)}
.tb .mult span{font-size:14px;color:var(--onplum)}
.tb .calc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.tb .calc h3{font-size:21px;margin-bottom:4px}
.tb .calc .sub{font-size:14px;color:var(--muted);margin-bottom:8px}
.tb .crow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.tb .crow label{font-size:15px;font-weight:700;color:var(--plum);flex:1;min-width:0}
.tb .crow label small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.tb .step{display:flex;align-items:center;gap:6px;flex:none}
.tb .step input::-webkit-outer-spin-button,.tb .step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tb .step input{flex:none}
.tb .step button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--sand2);font-size:20px;font-weight:800;color:var(--plum)}
.tb .step input{width:52px;min-width:0;height:40px;padding:0;-moz-appearance:textfield;appearance:textfield;text-align:center;border:1px solid var(--line);border-radius:10px;font-weight:800;font-size:16px;background:#fff;font-variant-numeric:tabular-nums}
.tb .check{display:flex;gap:10px;align-items:center;font-size:15px;margin-top:12px;min-height:44px}
.tb .check input{width:20px;height:20px;accent-color:var(--red)}
.tb .total{background:var(--plum);color:#fff;border-radius:16px;padding:14px 16px;margin-top:10px}
.tb .total small{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.12em}
.tb .total strong{display:block;font:700 clamp(28px,3.6vw,38px) var(--serif);color:#fff;font-variant-numeric:tabular-nums}
.tb .total p{font-size:13px;color:var(--onplum)}
.tb .easy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
@media (max-width:900px){.tb .easy{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tb .easy{grid-template-columns:1fr}}
.tb .easy div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px}
.tb .easy i{font-style:normal;font-size:26px;display:block;margin-bottom:6px}
.tb .easy b{display:block;color:#fff;font-size:17px;margin-bottom:4px}
.tb .easy span{font-size:14px;color:var(--onplum)}
.tb .lang{display:inline-flex;background:rgba(255,255,255,.1);border-radius:999px;padding:4px;margin-top:16px}
.tb .lang button{border:0;background:transparent;color:#fff;border-radius:999px;padding:9px 16px;font-weight:800;font-size:14px;min-height:40px}
.tb .lang button[aria-pressed="true"]{background:var(--gold);color:var(--plum)}
.tb .langdemo{margin-top:12px;background:#fff;color:var(--ink);border-radius:16px;padding:14px 16px;max-width:560px;font-size:15px}
.tb .langdemo b{color:var(--plum)}
.tb .rules{max-width:860px;margin-top:22px;display:grid;gap:10px;counter-reset:r}
.tb .rules details{background:#fff;border:1px solid var(--line);border-radius:16px;padding-inline:18px;counter-increment:r}
.tb .rules summary{list-style:none;cursor:pointer;font-weight:800;font-size:17px;color:var(--plum);padding:15px 30px 15px 0;position:relative;min-height:48px}
.tb .rules summary::before{content:counter(r) ". ";color:var(--red)}
.tb .rules summary::-webkit-details-marker{display:none}
.tb .rules summary::after{content:"+";position:absolute;right:0;top:11px;font-size:24px;color:var(--red);transition:transform .2s}
.tb .rules details[open] summary::after{transform:rotate(45deg)}
.tb .rules details p{padding-bottom:15px;color:var(--muted)}
.tb .rtools{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tb .rtools button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:800;font-size:14px;color:var(--plum);min-height:44px}
.tb .hidden{display:none!important}
.tb .podium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
@media (max-width:860px){.tb .podium{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tb .pz{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:3px;text-align:center;align-items:center}
.tb .pz i{font-style:normal;font-size:34px;line-height:1}
.tb .pz small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--red);margin-top:4px}
.tb .pz b{font-family:var(--serif);font-size:19px;color:var(--plum);line-height:1.2}
.tb .pz strong{font-family:var(--serif);font-size:24px;color:var(--red);margin-top:4px}
.tb .pz span{font-size:13px;color:var(--muted)}
.tb .pz.p1{background:var(--plum);border-color:var(--plum)}
.tb .pz.p1 small{color:var(--gold)}
.tb .pz.p1 b{color:#fff}
.tb .pz.p1 strong{color:var(--gold)}
.tb .pz.p1 span{color:var(--onplum)}
.tb .wincats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
@media (max-width:760px){.tb .wincats{grid-template-columns:minmax(0,1fr)}}
.tb .wc{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.tb .wc>div{min-width:0}
.tb .wc i{font-style:normal;font-size:30px;flex:none}
.tb .wc small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--red)}
.tb .wc b{display:block;color:var(--plum);font-size:17px;line-height:1.3;margin:2px 0 4px}
.tb .wc span{font-size:14px;color:var(--muted)}
.tb .wc.umum{border:2px solid var(--gold);background:#FFF8E8}
.tb .areastat{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tb .areastat span{background:var(--plum);color:#fff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700}
.tb .areastat b{color:var(--gold)}
.tb .afilter{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tb .afilter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;color:var(--plum);min-height:44px}
.tb .afilter button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.tb .zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
@media (max-width:900px){.tb .zones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tb .zones{grid-template-columns:minmax(0,1fr)}}
.tb .zone{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.tb .zh{background:var(--sand2);padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.tb .zh small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--red)}
.tb .zh b{font-family:var(--serif);font-size:21px;color:var(--plum);line-height:1.15}
.tb .zh span{font-size:13px;color:var(--muted)}
.tb .zone ul{list-style:none;margin:0;padding:6px 16px 12px}
.tb .zone li{padding:9px 0;border-bottom:1px dashed var(--line);transition:opacity .15s}
.tb .zone li:last-child{border-bottom:0}
.tb .zone li b{display:block;color:var(--ink);font-size:15px;line-height:1.3}
.tb .zone li span{font-size:12.5px;color:var(--muted)}
.tb .zone li.dim{opacity:.28}
.tb .zone li.hit b{color:var(--red)}
.tb .afmsg{font-size:14px;font-weight:700;color:var(--plum);margin-top:10px;min-height:1.4em}
.tb .sub2{margin-top:56px;padding-top:44px;border-top:1px solid var(--line);scroll-margin-top:64px}
.tb .plum .sub2,.tb .misi .sub2{border-top-color:rgba(255,255,255,.18)}
.tb .sub2>h3,.tb .bigh3{font-size:clamp(24px,3vw,36px);margin-bottom:10px}
.tb .sub2>h3 em,.tb .bigh3 em{color:var(--red);font-style:italic}
.tb .plum .sub2>h3,.tb .misi .sub2>h3,.tb .plum .bigh3{color:#fff}
.tb .plum .sub2>h3 em,.tb .misi .sub2>h3 em,.tb .plum .bigh3 em{color:var(--gold)}
.tb .light .easy div{background:var(--sand2);border-color:var(--line)}
.tb .light .easy b{color:var(--plum)}
.tb .light .easy span{color:var(--muted)}
.tb .light .lang{background:var(--sand)}
.tb .light .lang button{color:var(--plum)}
.tb .light .lang button[aria-pressed="true"]{background:var(--plum);color:#fff}
.tb .light .langdemo{border:1px solid var(--line)}
.tb .plum .week.final{background:var(--gold);border-color:var(--gold)}
.tb .plum .week.final small,.tb .plum .week.final b,.tb .plum .week.final span{color:var(--plum)}
.tb .ensum{max-width:860px;margin-top:12px;background:var(--sand);border-radius:14px;padding:12px 16px;font-size:15px;color:var(--ink)}
.tb .ensum b{color:var(--plum)}
.tb .consent{font-size:13px;color:var(--muted);margin-top:4px}
.tb .consent a{color:var(--red);font-weight:700}
.tb .tb-foot a[href="#sk"]{color:inherit;text-decoration:underline}
.tb .simple{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:22px}
.tb .rcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;gap:12px;align-items:flex-start}
.tb .rcard b{flex:none;width:36px;height:36px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800}
.tb .rcard strong{display:block;color:var(--plum);font-size:16px;line-height:1.3}
.tb .rcard span{font-size:14px;color:var(--muted)}
.tb .fullwrap{margin-top:18px;max-width:860px}
.tb .fullwrap>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:12px;border:2px solid var(--plum);font-weight:800;color:var(--plum)}
.tb .fullwrap>summary::-webkit-details-marker{display:none}
.tb .fullwrap[open]>summary{background:var(--plum);color:#fff}
.tb .simtabs{display:inline-flex;flex-wrap:wrap;background:var(--sand);border-radius:999px;padding:4px;margin:18px 0 14px;gap:2px}
.tb .simtabs button{border:0;background:transparent;border-radius:999px;padding:10px 18px;font-weight:800;font-size:15px;color:var(--plum);min-height:44px}
.tb .simtabs button[aria-pressed="true"]{background:var(--plum);color:#fff}
.tb .simgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
@media (max-width:900px){.tb .simgrid{grid-template-columns:minmax(0,1fr)}}
.tb .simgrid>*{min-width:0}
.tb .ctrlbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.tb .ctrlbox h3{font-size:20px;margin-bottom:4px}
.tb .ctrlbox .sub{font-size:14px;color:var(--muted);margin-bottom:6px}
.tb .sl{padding:10px 0;border-bottom:1px solid var(--line)}
.tb .sl:last-child{border-bottom:0}
.tb .sl label{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:15px;color:var(--plum)}
.tb .sl label .ov{font-family:var(--serif);font-weight:700;color:var(--red);font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.tb .sl small{display:block;font-size:12px;color:var(--muted)}
.tb .sl input[type=range]{width:100%;accent-color:var(--red);height:32px;margin-top:2px}
.tb .result{background:var(--plum);color:#fff;border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:14px}
.tb .rtop{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.tb .rtop small{display:block;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.12em}
.tb .rtop strong{display:block;font:700 clamp(34px,4.4vw,48px) var(--serif);line-height:1;font-variant-numeric:tabular-nums}
.tb .rtop .rank{text-align:right}
.tb .rtop .rank strong{color:var(--gold)}
.tb .status{border-radius:14px;padding:12px 14px;font-weight:800;font-size:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25)}
.tb .status.win{background:var(--gold);color:var(--plum);border-color:var(--gold)}
.tb .status.ok{background:rgba(47,116,95,.35);border-color:#5FA88F}
.tb .status span{display:block;font-weight:500;font-size:14px;margin-top:2px}
.tb .journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tb .journey div{border-radius:12px;padding:10px;font-size:13px;font-weight:800;text-align:center;background:rgba(255,255,255,.08);color:#C9B0BB;border:1px solid rgba(255,255,255,.15)}
.tb .journey div.done{background:rgba(232,185,87,.2);color:#fff;border-color:var(--gold)}
.tb .journey div.next{border-style:dashed;color:#fff}
.tb .breakdown{font-size:14px;color:var(--onplum);display:grid;gap:4px}
.tb .breakdown div{display:flex;justify-content:space-between;gap:10px}
.tb .breakdown b{color:#fff;font-variant-numeric:tabular-nums}
.tb .board{list-style:none;display:grid;gap:4px;font-size:14px}
.tb .board li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.06)}
.tb .board li .r{font-weight:800;color:var(--gold2)}
.tb .board li .nm{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.tb .board li .pt{font-weight:800;font-variant-numeric:tabular-nums}
.tb .board li.me{background:var(--gold);color:var(--plum)}
.tb .board li.me .r{color:var(--plum)}
.tb .board li.gap{background:transparent;color:#C9B0BB;padding:2px 10px}
.tb .board li.cut{background:transparent;border-top:2px dashed var(--gold);border-radius:0;color:var(--gold2);font-size:12px;font-weight:800;padding:6px 10px 2px}
.tb .tip{background:rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--onplum)}
.tb .tip b{color:var(--gold)}
.tb .weeks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
@media (max-width:980px){.tb .weeks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tb .weeks{grid-template-columns:1fr 1fr}}
.tb .week{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px}
.tb .week small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--red)}
.tb .week b{color:var(--plum);font-size:15px;line-height:1.3}
.tb .week span{font-size:13px;color:var(--muted)}
.tb .week.final{background:var(--plum);border-color:var(--plum)}
.tb .week.final small{color:var(--gold)}
.tb .week.final b{color:#fff}
.tb .week.final span{color:var(--onplum)}
.tb .ind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
@media (max-width:760px){.tb .ind{grid-template-columns:1fr}}
.tb .ind div{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.tb .ind i{font-style:normal;font-size:26px;flex:none}
.tb .ind b{display:block;color:var(--plum);font-size:17px}
.tb .ind span{font-size:14px;color:var(--muted)}
.tb .pricebar{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.tb .pricebar span{background:var(--sand);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;color:var(--plum)}
.tb .pricebar b{color:var(--red)}
.tb .j7{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
@media (max-width:860px){.tb .j7{grid-template-columns:1fr}}
.tb .steps3{display:grid;gap:8px;margin-top:14px}
.tb .steps3 div{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px}
.tb .steps3 b{background:var(--gold);color:var(--plum);border-radius:10px;min-width:30px;height:30px;display:grid;place-items:center;font-weight:800}
.tb .steps3 span{font-size:15px;color:#fff}
.tb .joincard{background:var(--paper);color:var(--ink);border-radius:24px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:10px}
.tb .sec.plum .joincard h3{color:var(--plum);font-size:24px}
.tb .joincard p{color:var(--muted);font-size:15px}
.tb .pic{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--sand2);border-radius:16px;padding:12px}
.tb .avatar{width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--plum);display:grid;place-items:center;font:700 20px var(--serif);flex:none}
.tb .pic .who{flex:1;min-width:150px}
.tb .pic .who b{display:block;color:var(--plum)}
.tb .pic .who span{font-size:15px;color:var(--ink);user-select:all;font-variant-numeric:tabular-nums}
.tb .copy{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:800;font-size:13px;color:var(--plum);min-height:40px}
.tb .tb-foot{background:#2C2025;color:#CDBFC4;padding-block:26px 96px;font-size:14px}
.tb .tb-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.tb .tb-foot b{color:#fff}
.tb .tb-foot .partner{flex-basis:100%;display:flex;flex-direction:column;gap:4px;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.14)}
.tb .tb-foot .partner small{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--gold2)}
.tb .tb-foot .partner span{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:15px}
.tb .tb-foot .partner i{font-style:normal;color:var(--gold2);font-weight:800}
.tb .tb-foot a{color:var(--gold2)}
.tb .mcta{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;display:none;align-items:center;justify-content:space-between;gap:10px;background:var(--plum);color:#fff;border-radius:16px;padding:10px 10px 10px 16px;box-shadow:0 12px 30px rgba(79,22,48,.35);transform:translateY(160%);transition:transform .3s}
.tb .mcta.show{transform:none}
.tb .mcta small{display:block;color:var(--gold2);font-size:12px;font-weight:700}
.tb .mcta b{font-size:15px}
@media (max-width:860px){.tb .mcta{display:flex}}
@media (prefers-reduced-motion:reduce){.tb .stamp,.tb .pbar div{transition:none}}

/* in-page section nav (was the standalone page header) */
.tb .tb-subnav{position:sticky;top:var(--tb-header,0px);z-index:40;background:rgba(255,254,250,.97);border-bottom:1px solid var(--line);box-shadow:0 6px 20px rgba(79,22,48,.06)}
.tb .tb-subnav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.tb .tb-logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--plum);font-size:16px;white-space:nowrap;text-decoration:none;flex:none}
.tb .tb-mark{width:32px;height:32px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff}
.tb .tb-mark .tb-ico{width:16px;height:16px}
.tb .tb-links{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0}
.tb .tb-links::-webkit-scrollbar{display:none}
.tb .tb-links a{flex:none;text-decoration:none;font-weight:700;font-size:15px;padding:8px 11px;border-radius:10px;position:relative;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.tb .tb-links a:hover{background:var(--sand)}
.tb .tb-links a.active{color:var(--red)}
.tb .tb-links a.active::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;background:var(--red);border-radius:2px}
.tb .tb-subnav .btn{flex:none}
@media (max-width:1120px){.tb .tb-logo{display:none}}
@media (max-width:760px){.tb .tb-links{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:24px}.tb .tb-subnav .btn{display:none}}

/* line icons replacing the source's emoji (same size and position) */
.tb .tb-ico{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none}
.tb .stamp i .tb-ico{width:26px;height:26px}
.tb .stamp[aria-pressed="true"] i{color:var(--gold)}
.tb .wins i .tb-ico,.tb .ind i .tb-ico,.tb .easy i .tb-ico,.tb .wc i .tb-ico{width:28px;height:28px}
.tb .wins i,.tb .easy i{color:var(--gold)}
.tb .light .easy i,.tb .ind i,.tb .wc i{color:var(--red)}
.tb .pz i .tb-ico{width:34px;height:34px}
.tb .pz i{color:var(--red)}
.tb .pz.p1 i{color:var(--gold)}
.tb .sector .em .tb-ico{width:24px;height:24px;color:var(--red)}
.tb .strip .wrap span,.tb .purpose span,.tb .countdown b{display:inline-flex;align-items:center;gap:7px}
.tb .strip .tb-ico{color:var(--gold)}
.tb .purpose .tb-ico{color:var(--gold)}
.tb .countdown .tb-ico{color:var(--red)}
.tb .afilter button .tb-ico{margin-right:4px;color:var(--red)}
.tb .afilter button[aria-pressed="true"] .tb-ico{color:#fff}
.tb .zone li span .tb-ico{width:13px;height:13px;color:var(--green)}
.tb .sector .det .tb-ico{color:var(--green);margin-right:4px}
.tb .btn .tb-ico,.tb .btn .tb-wa{width:20px;height:20px}
.tb .status .tb-ico{margin-right:6px}

/* the site footer follows this page; keep the sticky bar off the WhatsApp bubble and the footer */
@media (max-width:860px){
  .bc-route-tournament .bc-floats{bottom:calc(5.75rem + env(safe-area-inset-bottom,0px))}
  .bc-route-tournament .bc-footer{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}
}
.tb .tb-foot{padding-block:26px}
.tb .announce .tb-ico{margin-right:6px;color:var(--gold)}
.tb .zone li span .tb-ico,.tb .afilter button .tb-ico{margin-right:4px}
.tb .zone li span .tb-ico + .tb-ico{margin-left:6px}
.tb .tb-qris{height:14px;width:auto;display:inline-block;vertical-align:-2px}

/* =====================================================================
 * Readability + soft colour layer (Nov 2026).
 * Same fonts, brand hues, components and assets — applied more calmly:
 *  - no full-bleed dark sections; deep plum is kept only for the "answer"
 *    surfaces (stamp card, point total, simulator result),
 *  - brand red is reserved for actions (buttons); accents use a softer rose,
 *    gold marks achievement/prizes, sage marks positive info,
 *  - larger supporting text, roomier line height, capped line length,
 *    clearer breaks between sub-sections.
 * ===================================================================== */
.tb{
  --rose:#A84458;          /* soft accent (eyebrows, numbers, italic heads) */
  --rose-soft:#F7ECEF;     /* calm tinted surface */
  --sage:#2F745F;
  --sage-soft:#EAF3EE;
  --gold-soft:#FBF1DC;
  --plum-soft:#F3E9EE;
  --ink-2:#4E4246;         /* body copy on light surfaces, softer than ink */
  line-height:1.65;
}

/* -- type scale & rhythm -- */
.tb .sec{padding-block:clamp(56px,7vw,88px)}
.tb .sec h2{font-size:clamp(28px,3.6vw,42px);line-height:1.15;max-width:22ch}
.tb .lead{font-size:clamp(16px,1.5vw,18px);line-height:1.7;max-width:62ch;color:var(--ink-2)}
.tb .note{font-size:14px;line-height:1.6;max-width:75ch}
.tb .eyebrow{color:var(--rose);letter-spacing:.14em}
.tb h1 em,.tb h2 em,.tb .sub2>h3 em,.tb .bigh3 em{color:var(--rose)}
.tb .sub2{margin-top:clamp(56px,7vw,88px);padding-top:clamp(40px,5vw,56px)}
.tb .sub2>h3,.tb .bigh3{font-size:clamp(24px,2.8vw,34px);line-height:1.2;max-width:26ch}
.tb .mode dl,.tb .easy span,.tb .ind span,.tb .rcard span,.tb .wc span,.tb .week span,.tb .opctext p,.tb .wins span,.tb .chain div small,.tb .divisi div,.tb .sector .det,.tb .langdemo{font-size:15px;line-height:1.6}
.tb .zone li b{font-size:15.5px}
.tb .zone li span{font-size:13.5px}
.tb .rules details p{line-height:1.7;max-width:70ch}
.tb .card,.tb .mode,.tb .rcard,.tb .wc,.tb .ind div,.tb .easy div,.tb .zone,.tb .week,.tb .sector,.tb .pz{border-color:var(--line)}

/* -- "Di bagian ini" jump chips -- */
.tb .tb-jump{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.tb .tb-jump span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.tb .tb-jump a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:700;color:var(--plum);text-decoration:none;transition:background .15s,border-color .15s}
.tb .tb-jump a::after{content:"↓";margin-left:6px;color:var(--rose);font-weight:800}
.tb .tb-jump a:hover{background:var(--rose-soft);border-color:#E7CDD5}

/* -- calm top bands -- */
.tb .announce{background:var(--gold-soft);color:var(--plum);border-bottom:1px solid #F1DFB8}
.tb .announce b{color:var(--plum)}
.tb .announce .tb-ico{color:#B8872E}
.tb .strip{background:var(--plum-soft);color:var(--plum);border-block:1px solid #EADBE2}
.tb .strip .tb-ico{color:var(--rose)}

/* -- section surfaces: light, gently tinted, never full dark -- */
.tb .sec.misi{background:linear-gradient(180deg,var(--rose-soft) 0%,#FFFAF6 100%);color:var(--ink)}
.tb .sec.plum{background:linear-gradient(180deg,#FFFAF6 0%,var(--plum-soft) 100%);color:var(--ink)}
.tb .sec.misi h2,.tb .sec.plum h2,.tb .sec.plum h3,.tb .sec.misi .sub2>h3,.tb .plum .sub2>h3,.tb .plum .bigh3{color:var(--plum)}
.tb .sec.misi h2 em,.tb .sec.plum h2 em,.tb .misi .sub2>h3 em,.tb .plum .sub2>h3 em,.tb .plum .bigh3 em{color:var(--rose)}
.tb .sec.misi .eyebrow,.tb .plum .eyebrow{color:var(--rose)}
.tb .sec.misi .lead,.tb .plum .lead{color:var(--ink-2)}
.tb .sec.misi .note,.tb .plum .note{color:var(--muted)}
.tb .plum .sub2,.tb .misi .sub2{border-top-color:#EAD9DF}
.tb .sec.sand{background:var(--sand2)}

/* Misi: three wins as light cards */
.tb .wins div{background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px rgba(79,22,48,.05)}
.tb .wins small{color:var(--sage)}
.tb .wins b{color:var(--plum)}
.tb .wins span{color:var(--ink-2)}
.tb .wins i{color:var(--rose)}
.tb .chain div{border:1px solid var(--line)}
.tb .chain div b{background:var(--plum)}
.tb .chain div.end{background:var(--gold-soft);border-color:#F1DFB8}
.tb .chain i{color:var(--rose)}
.tb .opc{border-color:#EED9A8;background:#fff}
.tb .opcnum{background:var(--gold-soft)}
.tb .opctext{background:#fff}
.tb .sec.misi .opctext h3{color:var(--plum)}
.tb .opctext p{color:var(--ink-2)}
.tb .opctext p b{color:var(--plum)}

/* business block (now near the end, on a light surface) */
.tb .ind div{box-shadow:0 6px 20px rgba(79,22,48,.04)}
.tb .ind i{color:var(--rose)}
.tb .pricebar span{background:#fff;border:1px solid var(--line)}
.tb .pricebar b{color:var(--plum)}

/* Cara main: modes */
.tb .mode.hot{border:2px solid #D9A9B6;box-shadow:0 14px 34px rgba(168,68,88,.10)}
.tb .mode.hot .tag{background:var(--rose);color:#fff}
.tb .mode .tag{background:var(--plum-soft)}
.tb .divisi div{background:var(--sage-soft)}
.tb .light .easy div{background:#fff;border-color:var(--line)}
.tb .light .easy i{color:var(--sage)}
.tb .sector .em .tb-ico{color:var(--rose)}
.tb .sector .mon{color:var(--sage)}
.tb .sector .more{color:var(--rose)}
.tb .sector[aria-expanded="true"]{border-color:#D9A9B6}
.tb .afilter button[aria-pressed="true"]{background:var(--plum);border-color:var(--plum)}
.tb .areastat span{background:var(--plum-soft);color:var(--plum)}
.tb .areastat b{color:var(--rose)}
.tb .zh small{color:var(--rose)}
.tb .zone li.hit b{color:var(--plum)}
.tb .zone li.hit{background:var(--rose-soft);margin-inline:-8px;padding-inline:8px;border-radius:8px}

/* Poin: soft table + multipliers */
.tb td.n{color:var(--plum)}
.tb th{background:var(--plum-soft);color:var(--plum)}
.tb .mult div{background:var(--gold-soft);color:var(--plum);border:1px solid #F1DFB8}
.tb .mult b{color:#B07A1F}
.tb .mult span{color:var(--ink-2)}
.tb .step button{background:#fff}

/* Pemenang: gold = achievement */
.tb .pz.p1{background:var(--gold-soft);border-color:#EED9A8}
.tb .pz.p1 small{color:#9A6B12}
.tb .pz.p1 b{color:var(--plum)}
.tb .pz.p1 strong{color:var(--plum)}
.tb .pz.p1 span{color:var(--ink-2)}
.tb .pz.p1 i{color:#C99A3A}
.tb .pz i{color:var(--rose)}
.tb .pz small{color:var(--rose)}
.tb .pz strong{color:var(--plum)}
.tb .wc small{color:var(--rose)}
.tb .wc.umum{background:var(--gold-soft)}
.tb .wc.umum small{color:#9A6B12}

/* Aturan */
.tb .rcard b{background:var(--plum-soft);color:var(--plum)}
.tb .rules summary::before{color:var(--rose)}
.tb .rules summary::after{color:var(--rose)}
.tb .ensum{background:var(--sage-soft)}
.tb .fullwrap>summary,.tb .rtools button{border-color:#D8C3CB}

/* Jadwal: weekly cards on a light surface */
.tb .week small{color:var(--rose)}
.tb .plum .week.final,.tb .week.final{background:var(--gold-soft);border-color:#EED9A8}
.tb .plum .week.final small{color:#9A6B12}
.tb .plum .week.final b,.tb .plum .week.final span{color:var(--plum)}
.tb .steps3 div{background:#fff;border-color:var(--line)}
.tb .steps3 span{color:var(--ink)}
.tb .steps3 b{background:var(--gold-soft);color:var(--plum);border:1px solid #EED9A8}
.tb .joincard{box-shadow:0 18px 44px rgba(79,22,48,.12);border:1px solid var(--line)}

/* the source's own dark footer becomes a calm partner band above the site footer */
.tb .tb-foot{background:var(--plum-soft);color:var(--ink-2);border-top:1px solid #EAD9DF}
.tb .tb-foot b{color:var(--plum)}
.tb .tb-foot a{color:var(--rose)}
.tb .tb-foot .partner{border-bottom-color:#E4D2D9}
.tb .tb-foot .partner small{color:var(--rose)}
.tb .tb-foot .partner i{color:var(--rose)}

/* deep plum stays only where it carries "the answer" */
.tb .passport,.tb .total,.tb .result{box-shadow:0 18px 40px rgba(79,22,48,.18)}

/* -- mobile: shorter page, easier scanning -- */
@media (max-width:760px){
  .tb .tb-jump{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-1rem;padding-inline:1rem}
  .tb .tb-jump::-webkit-scrollbar{display:none}
  .tb .tb-jump a,.tb .tb-jump span{flex:none}
  /* three modes as a swipeable row */
  .tb .g3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-1rem;padding:4px 1rem 14px;scrollbar-width:none}
  .tb .g3::-webkit-scrollbar{display:none}
  .tb .g3>.mode{flex:0 0 min(84%,320px);scroll-snap-align:start}
  /* "easy" tiles: icon beside text, tighter */
  .tb .easy div{display:grid;grid-template-columns:32px 1fr;column-gap:12px;align-items:start;padding:14px}
  .tb .easy i{grid-row:span 2;margin:2px 0 0}
  .tb .easy i .tb-ico{width:24px;height:24px}
  /* zones collapse; tap a zone name to open it */
  .tb .zone .zh{cursor:pointer;position:relative;padding-right:44px}
  .tb .zone .zh::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--rose);transition:transform .2s}
  .tb .zone.is-open .zh::after{transform:translateY(-50%) rotate(45deg)}
  .tb .zone:not(.is-open) ul{display:none}
  .tb .wins div,.tb .ind div,.tb .rcard,.tb .wc{padding:14px}
}
@media (prefers-reduced-motion:reduce){.tb .tb-jump a,.tb .zone .zh::after{transition:none}}
/* prize amounts (or "Segera diumumkan") must not dominate the podium cards */
.tb .pz strong{font-size:clamp(17px,1.9vw,22px);line-height:1.2}

/* =====================================================================
 * Reading pass 2 (Nov 2026): sized for how people actually read.
 *  - body copy in cards 16px / 1.6, card titles 17–18px, supporting text
 *    never under 14px (labels/eyebrows excepted),
 *  - one spacing scale (8/12/16/24/32) for header → lead → content → cards,
 *  - every full-width block shares the container's left AND right edge
 *    (the T&C list no longer stops at 860px).
 * ===================================================================== */

/* section header block: eyebrow → title → lead → jump chips → content */
.tb .eyebrow{font-size:13px;margin-bottom:12px}
.tb .sec h2{margin-bottom:16px}
.tb .sub2>h3,.tb .bigh3{margin-bottom:12px}
.tb .lead{margin-bottom:0}
.tb .tb-jump{margin-top:24px}
.tb .g3,.tb .sgrid,.tb .zones,.tb .easy,.tb .podium,.tb .weeks,.tb .ind,.tb .pts,.tb .simple,.tb .wins,.tb .opc,.tb .simgrid,.tb .divisi,.tb .areastat,.tb .afilter,.tb .wincats,.tb .chain{margin-top:24px}
.tb .areastat+.afilter,.tb .afilter+.zones,.tb .podium+.note+.wincats{margin-top:16px}
.tb .note{font-size:15px;margin-top:16px;color:var(--muted)}
.tb .g3,.tb .sgrid,.tb .zones,.tb .easy,.tb .podium,.tb .weeks,.tb .ind,.tb .simple,.tb .wins,.tb .wincats,.tb .divisi{gap:16px}

/* card padding: one value everywhere */
.tb .mode,.tb .wins div,.tb .easy div,.tb .ind div,.tb .rcard,.tb .wc,.tb .pz,.tb .calc,.tb .ctrlbox{padding:22px}
.tb .week,.tb .sector{padding:18px}
.tb .zh{padding:16px 20px}
.tb .zone ul{padding:8px 20px 16px}

/* card titles */
.tb .mode h3{font-size:24px;margin:2px 0 4px}
.tb .wins b,.tb .wc b{font-size:18px;line-height:1.35}
.tb .easy b,.tb .ind b,.tb .rcard strong,.tb .sector b{font-size:17px;line-height:1.35}
.tb .week b{font-size:16px;line-height:1.35}
.tb .zone li b{font-size:16px}

/* body copy inside cards: 16px */
.tb .wins span,.tb .easy span,.tb .ind span,.tb .rcard span,.tb .wc span,.tb .mode dl,.tb .divisi div,.tb .opctext p,.tb .sector .det,.tb .langdemo,.tb .rules details p,.tb .joincard p{font-size:16px;line-height:1.6}
.tb .ind span b,.tb .easy span b{margin-bottom:4px}
.tb .rcard span,.tb .ind span{display:block;margin-top:2px}
.tb .mode dl{gap:8px 14px}

/* supporting text: never under 14px */
.tb .week span,.tb .zh span,.tb .zone li span,.tb .sector .mon,.tb .chain div small,.tb .crow label small,.tb .sl small,.tb .board,.tb .breakdown,.tb .tip,.tb .status span,.tb .calc .sub,.tb .ctrlbox .sub,.tb .total p,.tb .pz span,.tb .wins small,.tb .wc small,.tb .tb-foot{font-size:14px}
.tb .sector .more{font-size:14px}
.tb .stamp small{font-size:12px}
.tb table{font-size:16px}
.tb th{font-size:12.5px}
.tb .pmsg{font-size:15px}

/* T&C: full container width, two balanced columns on wide screens */
.tb .rules,.tb .ensum,.tb .fullwrap{max-width:none}
.tb .rules{display:block;columns:2 420px;column-gap:16px}
.tb .rules details{break-inside:avoid;margin-bottom:12px;display:block}
.tb .rules summary{font-size:16.5px}
.tb .ensum{font-size:16px;line-height:1.6;padding:16px 20px}
.tb .rtools{margin-top:16px}
.tb #sk .lead{max-width:62ch}

/* language demo box lines up with the "easy" grid instead of stopping short */
.tb .langdemo{max-width:none}

/* mobile: same rhythm, 16px gutters, nothing smaller than the rules above */
@media (max-width:760px){
  .tb .sec{padding-block:56px}
  .tb .sub2{margin-top:56px;padding-top:40px}
  .tb .mode,.tb .wins div,.tb .ind div,.tb .rcard,.tb .wc,.tb .pz,.tb .calc,.tb .ctrlbox{padding:18px}
  .tb .easy div{padding:16px}
  .tb .g3,.tb .sgrid,.tb .zones,.tb .easy,.tb .podium,.tb .weeks,.tb .ind,.tb .simple,.tb .wins,.tb .wincats,.tb .divisi{gap:12px}
  .tb .rules{columns:1}
  .tb table{font-size:15px}
  .tb th,.tb td{padding:12px 10px}
}
@media (max-width:480px){
  .tb .weeks{grid-template-columns:1fr}
  .tb .podium{grid-template-columns:1fr 1fr;gap:10px}
  .tb .pz{padding:16px 12px}
}
.tb .week small,.tb .opcnum small,.tb .zh small,.tb .pz small,.tb .mode .tag{font-size:12px}
.tb .divisi div{padding:18px 22px}
.tb .divisi b{margin-bottom:4px}
@media (max-width:760px){.tb .divisi div{padding:16px 18px}}
/* impact chain on phones: 2×2 grid, numbered steps carry the order */
@media (max-width:700px){
  .tb .chain{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .tb .chain i{display:none}
  .tb .chain div{padding:14px}
}