#tmg-app{--a:#1f7ae0;--b:#f0a30a;--ok:#2fb35a;position:relative;width:100%;height:var(--tmg-h,75vh);min-height:460px;background:#1d2b2a;color:#fff;font-family:"Trebuchet MS",system-ui,sans-serif;line-height:1.2;overflow:hidden;border-radius:12px;margin:0 0 1em}
#tmg-app:fullscreen{height:100vh;border-radius:0}
#tmg-app *{box-sizing:border-box}
#tmg-app p,#tmg-app h1{color:inherit;font-family:inherit}
#tmg-v,#tmg-ov{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border:0}
#tmg-v{transform:scaleX(-1)}
#tmg-ov{pointer-events:none}
#tmg-mid{position:absolute;left:50%;top:0;bottom:0;width:4px;background:#fff;opacity:.85;transform:translateX(-2px)}
#tmg-q{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:min(70%,900px);background:#fff;color:#222;border-radius:14px;padding:8px 16px;text-align:center;font-size:clamp(16px,2.8vw,34px);font-weight:700}
#tmg-q small{display:block;font-size:.5em;font-weight:600;color:#555}
#tmg-timer{position:absolute;top:12px;right:12px;width:60px;height:60px;border-radius:50%;background:#000a;display:grid;place-items:center;font-size:30px;font-weight:800}
#tmg-timer:empty{display:none}
#tmg-prog{position:absolute;top:12px;left:12px;background:#000a;border-radius:20px;padding:6px 14px;font-weight:700}
#tmg-app .tmg-pan{position:absolute;bottom:12px;width:min(34%,240px);border-radius:16px;padding:8px 12px;display:flex;align-items:center;gap:10px;font-weight:800;transition:transform .3s,box-shadow .3s}
#tmg-app .tmg-k{font-size:clamp(24px,4vw,48px);width:1.4em;height:1.4em;display:grid;place-items:center;border-radius:10px;background:#fff3}
#tmg-app .tmg-t{font-size:clamp(14px,2.2vw,24px)}
#tmg-app .tmg-n{margin-left:auto;font-size:clamp(24px,4vw,48px)}
#tmg-pa{left:12px;background:var(--a)}
#tmg-pb{right:12px;background:var(--b);color:#222}
#tmg-app .tmg-n{display:none}
#tmg-app .tmg-ok{background:#2fb35a;color:#fff}
#tmg-app .tmg-no{background:#d93025;color:#fff}
#tmg-app .tmg-win{transform:scale(1.08);box-shadow:0 0 0 6px #fff,0 0 40px 10px #fff8}
#tmg-ans{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);background:#000c;border-radius:18px;padding:12px 26px;text-align:center;display:none;max-width:90%}
#tmg-ans b{font-size:clamp(24px,5vw,56px);display:block}
#tmg-ans span{font-size:clamp(14px,2vw,22px)}
#tmg-hint{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);background:#000b;padding:10px 20px;border-radius:14px;text-align:center;display:none;font-size:clamp(15px,2.2vw,24px);max-width:90%}
#tmg-ctl{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:10px;z-index:3}
#tmg-app button{font-family:inherit;font-weight:700;font-size:clamp(15px,2vw,22px);line-height:1.2;border:0;border-radius:12px;padding:10px 18px;background:var(--ok);color:#fff;cursor:pointer;text-transform:none;box-shadow:none}
#tmg-app button.g{background:#fff;color:#222}
#tmg-app button:disabled{opacity:.6;cursor:wait}
#tmg-app button:focus-visible{outline:4px solid #fff;outline-offset:2px}
#tmg-fs{position:absolute;top:56px;left:12px;z-index:4;padding:6px 12px!important;font-size:14px!important}
#tmg-intro{position:absolute;inset:0;background:#1d2b2a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:14px;z-index:5}
#tmg-intro h1{margin:0;font-size:clamp(28px,5.5vw,60px);line-height:1}
#tmg-intro p{margin:0;max-width:640px;font-size:clamp(14px,2vw,20px)}
#tmg-msg{color:#ffb4a8;min-height:1.4em;max-width:640px}
@media (prefers-reduced-motion:reduce){#tmg-app .tmg-pan{transition:none}}