.ttm-page{display:grid;gap:16px}.ttm-shell{padding:0;overflow:hidden;border-radius:22px !important;background:#eef3fb;border:1px solid rgba(79,108,170,.16)}.ttm-topbar{background:linear-gradient(180deg,#3d4958,#293443);color:#fff;padding:10px 18px;font-weight:800;font-size:14px;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:8px}.ttm-topbar small{font-weight:600;opacity:.85;font-size:12px}
.ttm-main-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 250px;gap:0;align-items:stretch}.ttm-panel{padding:14px 16px;background:#f6f8fb}.ttm-panel-left{border-right:2px solid #d5def3}.ttm-panel-right{border-left:2px solid #f0d0ce}.ttm-panel-title{margin:0 auto 14px;max-width:180px;text-align:center;padding:12px 16px;border-radius:16px;color:#fff;font-size:18px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 8px 18px rgba(0,0,0,.12)}.ttm-panel-title.blue{background:linear-gradient(180deg,#2f82ff,#185fd8)}.ttm-panel-title.red{background:linear-gradient(180deg,#ff664f,#e6452f)}
.ttm-question-box{background:#fff;border:2px solid rgba(59,81,127,.12);border-radius:18px;min-height:190px;padding:18px 14px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:46px;line-height:1.2;font-weight:1000;color:#182a5e;box-shadow:inset 0 -2px 0 rgba(0,0,0,.03)}.ttm-answer-input{width:100%;margin:14px 0 10px;border-radius:14px;border:2px solid #d8deed;padding:12px 14px;text-align:center;font-size:18px;font-weight:800;color:#334}.ttm-answer-input:focus{outline:none;border-color:#6487ff;box-shadow:0 0 0 4px rgba(100,135,255,.12)}
.ttm-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ttm-keypad button{border:0;border-radius:12px;min-height:58px;font-size:18px;font-weight:1000;color:#fff;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 16px rgba(0,0,0,.10)}.ttm-panel-left .ttm-keypad button.num{background:linear-gradient(180deg,#4f98ff,#2f70de)}.ttm-panel-right .ttm-keypad button.num{background:linear-gradient(180deg,#ff715c,#ef4d37)}.ttm-keypad button.action-clear{background:linear-gradient(180deg,#ff725c,#ef4330)}.ttm-keypad button.action-ok{background:linear-gradient(180deg,#5ad96e,#31bf4b)}
.ttm-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.ttm-mini-stats div{background:#fff;border:1px solid rgba(88,105,146,.12);border-radius:14px;padding:10px;text-align:center}.ttm-mini-stats span{display:block;font-size:11px;font-weight:800;color:#6c7894;text-transform:uppercase;letter-spacing:.06em}.ttm-mini-stats strong{display:block;font-size:20px;color:#1f2d5e;margin-top:3px}
.ttm-center{padding:16px 22px 20px;background:linear-gradient(180deg,#dff3ff 0%,#dff1ff 54%,#ebfff1 100%);text-align:center}.ttm-logo-title{font-size:30px;line-height:.95;font-weight:1000;color:#f3ab00;text-shadow:0 3px 0 #b86100,0 8px 16px rgba(0,0,0,.13)}.ttm-logo-title span{display:block;font-size:56px;color:#2f79ff;text-shadow:0 4px 0 #0a46a5,0 10px 20px rgba(0,0,0,.14)}.ttm-logo-ribbon{display:inline-block;margin-top:10px;background:#d03926;color:#fff;padding:10px 20px;border-radius:16px;font-size:18px;font-weight:900;box-shadow:0 10px 22px rgba(208,57,38,.16)}
.ttm-timer-card{margin:14px auto 14px;max-width:230px;background:#17375e;color:#fff;padding:12px 18px;border-radius:20px;box-shadow:0 12px 24px rgba(23,55,94,.22)}.ttm-timer-label{font-size:12px;font-weight:900;letter-spacing:.12em}.ttm-timer-value{font-size:38px;line-height:1;font-weight:1000;color:#ffd828}.ttm-timer-level{font-size:14px;margin-top:4px}.ttm-timer-level b{color:#ffd828}.ttm-timer-value.panic{animation:ttmPulse .6s ease-in-out infinite}
.ttm-arena{background:linear-gradient(180deg,#74d47e 0%,#5bc566 100%);border:2px solid #3ea84a;border-radius:18px;padding:12px 16px;height:260px;position:relative;overflow:hidden;box-shadow:inset 0 4px 14px rgba(255,255,255,.18)}.ttm-arena::before{content:"";position:absolute;left:0;right:0;top:0;height:44%;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03))}.ttm-arena::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(73,139,31,.08) 40%,rgba(66,120,23,.20) 100%)}
.ttm-arena-inner{position:relative;height:100%;--scene-shift:0px;transform:translateX(var(--scene-shift));transition:transform .14s cubic-bezier(.2,.8,.2,1)}.ttm-team{position:absolute;bottom:18px;z-index:2;transform-origin:center bottom}.ttm-team img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.ttm-team-left{left:24px;width:240px;animation:ttmIdleLeft 1.4s ease-in-out infinite}.ttm-team-right{right:24px;width:240px;animation:ttmIdleRight 1.4s ease-in-out infinite}.ttm-arena-inner::before{content:"";position:absolute;left:210px;right:210px;top:118px;height:6px;background:linear-gradient(180deg,#d3aa76,#8f6136);border-radius:999px;box-shadow:0 2px 5px rgba(0,0,0,.12);z-index:1}.ttm-center-flag{position:absolute;left:50%;top:102px;width:16px;height:48px;transform:translateX(-50%);z-index:2}.ttm-center-flag::before{content:"";position:absolute;left:6px;top:0;width:4px;height:48px;background:#cfaf28;border-radius:999px}.ttm-center-flag::after{content:"";position:absolute;left:8px;top:8px;width:18px;height:18px;background:#ffdb4d;clip-path:polygon(0 0,100% 50%,0 100%);border:2px solid #be7d10;box-sizing:border-box}.ttm-pull-tag{position:absolute;left:50%;top:132px;transform:translateX(-50%);background:#fff;padding:7px 12px;border-radius:14px;font-size:18px;font-weight:1000;box-shadow:0 8px 18px rgba(0,0,0,.11);opacity:0;z-index:3;pointer-events:none}.ttm-pull-tag.show{animation:ttmTag .75s ease}
.ttm-power-track-wrap{position:relative;margin-top:18px;padding-top:18px}.ttm-center-line{position:absolute;left:50%;top:0;bottom:30px;transform:translateX(-50%);border-left:3px dashed rgba(44,61,97,.45)}.ttm-power-track{height:28px;border-radius:999px;overflow:visible;position:relative;background:#e8efff;box-shadow:inset 0 2px 8px rgba(0,0,0,.06),0 7px 16px rgba(0,0,0,.08)}.ttm-power-fill{position:absolute;top:0;bottom:0;width:50%}.ttm-power-fill.blue{left:0;background:linear-gradient(90deg,#3c73ff,#4d87ff)}.ttm-power-fill.red{right:0;background:linear-gradient(90deg,#ff715c,#ff4d3a)}.ttm-power-marker{position:absolute;top:50%;left:50%;width:18px;height:40px;background:linear-gradient(180deg,#ffd74a,#f0b000);border:3px solid #b17302;border-radius:8px;box-shadow:0 8px 14px rgba(0,0,0,.14);transform:translate(calc(-50% + var(--mtw-shift,0%)),-50%);transition:transform .12s cubic-bezier(.2,.8,.2,1)}.ttm-power-scale{display:flex;justify-content:space-between;padding:8px 4px 0;font-size:18px;font-weight:1000}.ttm-power-scale span:first-child{color:#2e74ff}.ttm-power-scale span:nth-child(2){color:#24304f}.ttm-power-scale span:last-child{color:#ff5a45}
.ttm-status{margin-top:14px;font-size:18px;font-weight:900;color:#4e3bd4;min-height:28px}.ttm-bottom-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.ttm-bottom-actions .btn{border-radius:14px !important;font-weight:900 !important;padding:12px 10px !important}.ttm-start-btn{background:linear-gradient(180deg,#36d66f,#1fac53)!important;color:#fff!important;border-color:#1fac53!important;box-shadow:0 10px 22px rgba(31,172,83,.22)!important}.ttm-start-btn:disabled{opacity:.68;cursor:default}
.ttm-settings-card{padding:16px 18px}.ttm-settings-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end}.ttm-settings-row label{display:grid;gap:7px}.ttm-settings-row span{font-size:12px;font-weight:800;color:#5c46a5;text-transform:uppercase;letter-spacing:.08em}.ttm-settings-row .wide{grid-column:span 2}.ttm-settings-row b{color:#ff7f00;font-size:18px;margin-left:4px}.ttm-settings-row input[type="range"]{width:100%;appearance:none;height:10px;border-radius:999px;background:linear-gradient(90deg,#ffcf45,#ff8a1f);outline:none}.ttm-settings-row input[type="range"]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #ff8500}.ttm-settings-row input[type="range"]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #ff8500}
.ttm-summary{padding:18px}.ttm-summary h3{margin:0 0 12px}.ttm-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ttm-summary-grid div{background:#f8f9ff;border-radius:16px;border:1px solid rgba(90,104,145,.12);padding:14px}.ttm-summary-grid strong{display:block;font-size:18px}.ttm-summary-grid small{color:#66708d}
.mtw-zone-card{display:grid;gap:12px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#eef7ff,#eefce7);border:1px solid rgba(74,116,217,.18);box-shadow:0 18px 38px rgba(76,112,186,.10)}.mtw-zone-card h3{margin:0;font-size:28px;color:#1f2852}.mtw-zone-card p{margin:0;color:#57607d}.mtw-zone-card .eyebrow{display:inline-flex;max-width:max-content;padding:7px 12px;border-radius:999px;background:rgba(93,82,232,.1);color:#6b4df7;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.mtw-zone-card .actions{margin-top:6px}
.ttm-team-left.walk-left{animation:ttmWalkLeft .28s linear 2}.ttm-team-right.walk-right{animation:ttmWalkRight .28s linear 2}.ttm-team-left.drag-right{animation:ttmDragRight .28s linear 2}.ttm-team-right.drag-left{animation:ttmDragLeft .28s linear 2}.ttm-arena-inner.pull-left{animation:ttmPushLeft .15s linear 1}.ttm-arena-inner.pull-right{animation:ttmPushRight .15s linear 1}.ttm-arena-inner.wrong-shake{animation:ttmShake .22s linear 1}
@keyframes ttmIdleLeft{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px) rotate(-.5deg)}}@keyframes ttmIdleRight{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px) rotate(.5deg)}}@keyframes ttmWalkLeft{0%{transform:translateX(0)}30%{transform:translateX(-16px) rotate(-1deg)}60%{transform:translateX(-28px) rotate(-2deg)}100%{transform:translateX(0)}}@keyframes ttmWalkRight{0%{transform:translateX(0)}30%{transform:translateX(16px) rotate(1deg)}60%{transform:translateX(28px) rotate(2deg)}100%{transform:translateX(0)}}@keyframes ttmDragLeft{0%{transform:translateX(0)}35%{transform:translateX(-10px) rotate(-1deg)}65%{transform:translateX(-18px) rotate(-1.6deg)}100%{transform:translateX(0)}}@keyframes ttmDragRight{0%{transform:translateX(0)}35%{transform:translateX(10px) rotate(1deg)}65%{transform:translateX(18px) rotate(1.6deg)}100%{transform:translateX(0)}}@keyframes ttmPushLeft{0%{transform:translateX(var(--scene-shift))}50%{transform:translateX(calc(var(--scene-shift) - 16px))}100%{transform:translateX(var(--scene-shift))}}@keyframes ttmPushRight{0%{transform:translateX(var(--scene-shift))}50%{transform:translateX(calc(var(--scene-shift) + 16px))}100%{transform:translateX(var(--scene-shift))}}@keyframes ttmShake{0%,100%{transform:translateX(var(--scene-shift))}25%{transform:translateX(calc(var(--scene-shift) - 6px))}50%{transform:translateX(calc(var(--scene-shift) + 6px))}75%{transform:translateX(calc(var(--scene-shift) - 4px))}}@keyframes ttmTag{0%{opacity:0;transform:translate(-50%,10px) scale(.8)}30%{opacity:1;transform:translate(-50%,-6px) scale(1.08)}100%{opacity:0;transform:translate(-50%,-24px) scale(.96)}}@keyframes ttmPulse{0%,100%{transform:scale(1);color:#ffd828}50%{transform:scale(1.07);color:#ff6150}}
@media (max-width:1120px){.ttm-main-grid{grid-template-columns:1fr}.ttm-panel-left,.ttm-panel-right{border:0;border-bottom:1px solid #dee7f6}.ttm-center{order:-1}.ttm-bottom-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.ttm-settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ttm-settings-row .wide{grid-column:span 2}}
@media (max-width:720px){.ttm-center{padding:14px}.ttm-logo-title{font-size:24px}.ttm-logo-title span{font-size:40px}.ttm-logo-ribbon{font-size:14px;padding:8px 12px}.ttm-arena{height:220px}.ttm-team-left,.ttm-team-right{width:170px}.ttm-team-left{left:8px}.ttm-team-right{right:8px}.ttm-arena-inner::before{left:130px;right:130px;top:112px}.ttm-question-box{min-height:120px;font-size:34px}.ttm-bottom-actions{grid-template-columns:1fr 1fr}.ttm-settings-row,.ttm-summary-grid{grid-template-columns:1fr}.ttm-settings-row .wide{grid-column:auto}}

/* V4346: zone card + loader */
.mtw-zone-card{display:grid;gap:12px;max-width:360px;padding:16px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f7f8ff 100%);border:1px solid rgba(103,96,216,.16);box-shadow:0 18px 36px rgba(85,96,158,.10);overflow:hidden;position:relative}
.mtw-zone-card::after{content:"";position:absolute;inset:auto -30px -30px auto;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle at center, rgba(120,91,255,.12), transparent 70%);pointer-events:none}
.mtw-zone-thumb{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#dff1ff,#eef3ff 58%,#f5ffe7);border:1px solid rgba(103,96,216,.10);display:flex;align-items:center;justify-content:center;position:relative}
.mtw-zone-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mtw-zone-thumb-badge{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#6348ee;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 18px rgba(41,49,101,.12)}
.mtw-zone-card h3{margin:0;font-size:24px;line-height:1.15;color:#1f2852}
.mtw-zone-card p{margin:0;color:#57607d;line-height:1.6;font-size:14px}
.mtw-zone-meta{display:flex;flex-wrap:wrap;gap:8px}.mtw-zone-pill{padding:7px 10px;border-radius:999px;background:#f4f3ff;color:#6854e8;font-size:12px;font-weight:800}
.mtw-zone-actions{display:flex;gap:10px;align-items:center;margin-top:2px}.mtw-zone-actions .btn{border-radius:14px!important;font-weight:900!important;padding:12px 16px!important}
.mtw-zone-anchor{text-decoration:none;color:inherit;display:block}

.mtw-loader{position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at top,#8a66ff 0%,#6947f0 36%,#4c2ec8 100%);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;visibility:hidden}
.mtw-loader.show{opacity:1;pointer-events:auto;visibility:visible}
.mtw-loader-card{width:min(420px,100%);text-align:center;color:#fff;padding:28px 24px;border-radius:28px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);box-shadow:0 28px 70px rgba(20,9,74,.28);border:1px solid rgba(255,255,255,.14)}
.mtw-loader-icon{font-size:48px;line-height:1;margin-bottom:16px;display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}
.mtw-loader-title{font-size:28px;line-height:1.15;font-weight:1000;margin:0 0 8px}.mtw-loader-sub{margin:0;color:rgba(255,255,255,.88);font-size:15px;line-height:1.6}
.mtw-loader-dots{display:flex;justify-content:center;gap:10px;margin:18px 0 0}.mtw-loader-dots span{width:12px;height:12px;border-radius:999px;background:#fff;opacity:.35;animation:mtwLoaderBounce 1s infinite ease-in-out}.mtw-loader-dots span:nth-child(2){animation-delay:.12s}.mtw-loader-dots span:nth-child(3){animation-delay:.24s}
.mtw-loader-bar{margin:18px auto 0;width:min(240px,100%);height:10px;border-radius:999px;background:rgba(255,255,255,.24);overflow:hidden}.mtw-loader-bar i{display:block;height:100%;width:44%;border-radius:999px;background:linear-gradient(90deg,#fff3a0,#ffffff);animation:mtwLoaderSlide 1.15s infinite ease-in-out}
@keyframes mtwLoaderBounce{0%,80%,100%{transform:scale(.75);opacity:.35}40%{transform:scale(1);opacity:1}}
@keyframes mtwLoaderSlide{0%{transform:translateX(-140%)}100%{transform:translateX(280%)}}

/* V4347: sejajarkan kartu dengan Maze Chase */
.digitera-mtw-pair-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,360px));gap:18px;align-items:start;justify-content:start}
.digitera-mtw-pair-grid > *{width:100%;max-width:360px}
.digitera-mtw-pair-grid .mtw-zone-card{margin:0}
@media (max-width:768px){.digitera-mtw-pair-grid{grid-template-columns:1fr}.digitera-mtw-pair-grid > *{max-width:none}}

/* V4348 - force Tarik Tambang sejajar dengan Maze Chase */
.digitera-mtw-maze-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,342px))!important;
  gap:18px!important;
  align-items:start!important;
  justify-content:start!important;
}
.digitera-mtw-maze-grid>.digitera-mtw-maze-card,
.digitera-mtw-maze-grid>.digitera-mtw-tug-card{
  width:100%!important;
  max-width:342px!important;
  min-width:0!important;
  margin:0!important;
  align-self:start!important;
}
.digitera-mtw-maze-grid>.digitera-mtw-tug-card{height:auto!important}
@media(max-width:760px){
  .digitera-mtw-maze-grid{grid-template-columns:1fr!important}
  .digitera-mtw-maze-grid>.digitera-mtw-maze-card,
  .digitera-mtw-maze-grid>.digitera-mtw-tug-card{max-width:none!important}
}