.tlt{
  --navy:#061a42;--blue:#1264dc;--cyan:#31d9ff;--gold:#f6c84b;--red:#e52b42;
  width:min(1120px,100%);margin:0 auto;color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;
  -webkit-tap-highlight-color:transparent;user-select:none;
}
.tlt *{box-sizing:border-box}
.tlt-shell{position:relative;overflow:hidden;border:5px solid #092862;border-radius:24px;background:#010817;box-shadow:0 24px 70px rgba(2,19,55,.35),inset 0 0 0 2px #f4c94a;aspect-ratio:16/10}
.tlt-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.tlt-canvas:active{cursor:grabbing}
.tlt-hud{position:absolute;z-index:3;top:14px;left:14px;right:14px;display:grid;grid-template-columns:1fr auto 50px;align-items:center;gap:12px;pointer-events:none}
.tlt-logo{width:max-content;max-width:100%;padding:8px 15px;border:2px solid rgba(248,205,75,.8);border-radius:10px;background:rgba(1,7,20,.78);box-shadow:0 0 24px rgba(246,200,75,.18)}
.tlt-logo b{display:block;color:#fff;font:900 clamp(15px,2.2vw,27px)/1 Impact,Arial Black,sans-serif;letter-spacing:1.2px;text-shadow:0 2px 0 #12499f}
.tlt-logo span{display:block;margin-top:4px;color:var(--gold);font-size:clamp(8px,1vw,12px);font-weight:900;letter-spacing:2px}
.tlt-cycle{min-width:190px;padding:8px 14px;text-align:center;border:2px solid rgba(49,217,255,.7);border-radius:10px;background:rgba(1,7,20,.78)}
.tlt-cycle small{display:block;color:#65ddff;font-size:9px;font-weight:900;letter-spacing:2px}
.tlt-cycle strong{display:block;margin-top:3px;color:#fff;font-size:12px;letter-spacing:1px}
.tlt-sound{pointer-events:auto;width:46px;height:46px;border:2px solid var(--gold);border-radius:50%;background:#06142f;color:#fff;font-size:21px;cursor:pointer}
.tlt-panel{position:absolute;z-index:6;top:50%;left:50%;width:min(680px,88%);transform:translate(-50%,-46%);padding:clamp(20px,4vw,38px);text-align:center;border:3px solid var(--gold);border-radius:22px;background:linear-gradient(155deg,rgba(4,16,52,.97),rgba(20,7,45,.96));box-shadow:0 22px 80px #000,0 0 38px rgba(32,142,255,.3),inset 0 0 40px rgba(34,102,220,.18)}
.tlt-panel[hidden]{display:none}
.tlt-kicker{color:#68dcff;font-size:clamp(9px,1.3vw,13px);font-weight:900;letter-spacing:3px}
.tlt-panel h2{margin:12px 0 8px;color:#fff;font:900 clamp(36px,7vw,73px)/.88 Impact,Arial Black,sans-serif;letter-spacing:1px;text-shadow:0 4px 0 #12489a,0 0 20px rgba(58,173,255,.45)}
.tlt-panel h2 em{color:#4ed8ff;font-style:normal;text-shadow:0 4px 0 #07529d,0 0 22px #168eff}
.tlt-panel h2 span{display:block;margin-top:14px;color:var(--gold);font:900 clamp(14px,2.3vw,23px)/1 Arial Black,Arial,sans-serif;letter-spacing:4px;text-shadow:none}
.tlt-panel>p{max-width:570px;margin:14px auto;color:#dceaff;font-size:clamp(13px,1.8vw,17px);line-height:1.52}
.tlt-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px auto;max-width:590px}
.tlt-legend span{display:flex;align-items:center;gap:9px;padding:8px 10px;text-align:left;border:1px solid rgba(85,177,255,.25);border-radius:9px;background:rgba(255,255,255,.045);font-size:10px;font-weight:900;letter-spacing:.7px}
.tlt-legend i{position:relative;flex:0 0 23px;width:23px;height:25px;display:grid;place-items:center;font-style:normal}
.tlt-legend .tear:before,.tlt-legend .mega:before{content:"";width:14px;height:19px;border-radius:70% 38% 66% 38%;transform:rotate(45deg);background:linear-gradient(135deg,#c4f4ff,#158fff);box-shadow:0 0 10px #37bcff}
.tlt-legend .mega:before{width:19px;height:23px;background:linear-gradient(135deg,#fff,#47cfff)}
.tlt-legend .hazard:before{content:"";width:21px;height:21px;border-radius:5px;background:var(--red);box-shadow:inset 0 0 0 3px #ff7583}
.tlt-legend .order{border-radius:50%;background:var(--gold);color:#091535;font-size:9px;font-weight:900;box-shadow:0 0 12px #ffdc63}
.tlt-primary{min-width:min(360px,100%);padding:15px 23px;border:2px solid #fff;border-radius:999px;background:linear-gradient(#ff4d5d,#d61731);box-shadow:0 7px 0 #83101e,0 0 22px rgba(255,44,70,.35);color:#fff;font-size:clamp(13px,2vw,17px);font-weight:1000;letter-spacing:1.2px;cursor:pointer;text-transform:uppercase}
.tlt-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}
.tlt-primary:active{transform:translateY(5px);box-shadow:0 2px 0 #83101e}
.tlt-panel>small{display:block;margin-top:14px;color:#85b7ef;font-size:10px;font-weight:800;letter-spacing:1px}
.tlt-scorecard{display:flex;justify-content:center;gap:12px;margin:19px auto}
.tlt-scorecard span{min-width:150px;padding:11px;border:1px solid rgba(92,211,255,.4);border-radius:12px;background:rgba(255,255,255,.05);color:#8fcbff;font-size:9px;font-weight:900;letter-spacing:1.5px}
.tlt-scorecard strong{display:block;margin-top:4px;color:var(--gold);font-size:28px;letter-spacing:0}
.tlt-pause{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);padding:22px 35px;border:3px solid var(--gold);border-radius:16px;background:rgba(2,9,29,.94);box-shadow:0 0 45px #000;color:#fff;font:900 clamp(23px,5vw,47px)/1 Impact,Arial Black,sans-serif;letter-spacing:3px}
.tlt-controls{display:grid;grid-template-columns:1fr .64fr 1fr;gap:10px;margin-top:13px}
.tlt-controls button{min-height:70px;border:3px solid #08275e;border-radius:17px;background:linear-gradient(#fff,#e7f0ff);box-shadow:0 7px 0 #08275e;color:#08275e;cursor:pointer;touch-action:none}
.tlt-controls button:active,.tlt-controls button.is-held{transform:translateY(5px);box-shadow:0 2px 0 #08275e;background:#d9e9ff}
.tlt-controls b{display:block;font-size:25px;line-height:1}
.tlt-controls span{display:block;margin-top:5px;font-size:10px;font-weight:1000;letter-spacing:1px}
.tlt-controls .tlt-pause-button{border-color:#9b7109;background:linear-gradient(#fff4b7,#f4cd4e);box-shadow:0 7px 0 #735208;color:#3b2a00}
.tlt-instructions,.tlt-disclaimer{text-align:center;margin:13px 10px 0!important;color:#254d83!important;font-size:11px!important;font-weight:800;line-height:1.45}
.tlt-disclaimer{margin-top:7px!important;color:#607795!important;font-size:9px!important;font-weight:600}
@media(max-width:680px){
 .tlt-shell{border-width:3px;border-radius:15px}
 .tlt-hud{top:7px;left:7px;right:7px;grid-template-columns:1fr auto 38px;gap:6px}
 .tlt-logo{padding:6px 9px}.tlt-logo span{letter-spacing:1px}.tlt-cycle{min-width:122px;padding:6px}.tlt-cycle strong{font-size:9px}.tlt-sound{width:36px;height:36px;font-size:16px}
 .tlt-panel{width:92%;padding:18px 15px;transform:translate(-50%,-44%)}
 .tlt-panel h2{font-size:clamp(31px,11vw,55px)}.tlt-panel>p{font-size:12px;margin:10px auto}.tlt-legend{gap:5px;margin:12px auto}.tlt-legend span{font-size:8px;padding:6px}.tlt-primary{padding:12px 17px}
 .tlt-controls{gap:6px}.tlt-controls button{min-height:60px;border-width:2px;border-radius:13px}.tlt-controls b{font-size:21px}.tlt-controls span{font-size:8px}
 .tlt-instructions{font-size:9px!important}
}
@media(max-width:440px){.tlt-cycle{display:none}.tlt-hud{grid-template-columns:1fr 38px}.tlt-legend{grid-template-columns:1fr}.tlt-legend span{padding:4px 7px}.tlt-panel>small{display:none}.tlt-scorecard span{min-width:120px}.tlt-panel{max-height:86%;overflow:auto}}