/* testmonster.de — Monster-Turm (/spiel/monster-turm/), Spiel 2 · 28.09.2026. Rahmen/Knöpfe aus spiel.css (.tmsp …) */
.tmt-seite{max-width:60rem}
.tmt-h1{font-size:1.6rem;margin:.6rem 0 1rem}
.tmt-h1 small{font-size:.8rem;font-weight:700;color:#fff;background:var(--accent);border-radius:99px;padding:3px 10px;vertical-align:middle;margin-left:6px}
.tmt-woche{font-size:.86rem;color:var(--text2);padding:8px 2px}
.tmt-woche b{color:var(--primary)}
.tmt-buehne{position:relative;max-width:560px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 2px var(--border)}
.tmt-canvas{display:block;width:100%;height:560px;touch-action:none;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}
.tmt-canvas:focus-visible{box-shadow:inset 0 0 0 3px rgba(var(--primary-rgb),.4)}
.tmt-naechstes{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.85);border:1px solid var(--border);border-radius:10px;padding:4px 6px 2px;text-align:center;pointer-events:none}
.tmt-naechstes small{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text3)}
.tmt-naechstes canvas{display:block;width:72px;height:56px}
.tmt-meldung{position:absolute;left:50%;top:14px;transform:translate(-50%,-8px);background:var(--text);color:#fff;font-weight:700;font-size:.84rem;
  padding:6px 12px;border-radius:99px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}
.tmt-meldung.an{opacity:.92;transform:translate(-50%,0)}
.tmt-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(246,247,251,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.tmt-overlay[hidden]{display:none}
.tmt-karte{max-height:none;overflow:visible}
.tmt-steuer{margin-top:10px}
.tmt-fallen{min-width:170px}
.tmsp.ist-vollbild .tmt-buehne{max-width:min(560px,100%)}
/* „Dürfen noch fallen“: kleine Monster statt Herzen */
.tmt-reserve{display:inline-flex;gap:3px;align-items:center;height:1.4rem}
.tmt-reserve span{display:inline-flex;width:22px;height:22px}
.tmt-reserve svg{width:100%;height:100%}
.tmt-reserve .voll{color:var(--primary)}
.tmt-reserve .leer{color:var(--text3);opacity:.35}
.tmt-reserve .weg{animation:tmtWeg .9s ease-out}
@keyframes tmtWeg{0%{transform:translateY(0);opacity:1;color:var(--accent)}60%{transform:translateY(8px) rotate(25deg);opacity:.6}100%{transform:none;opacity:.35}}
@media (prefers-reduced-motion: reduce){.tmt-reserve .weg{animation:none}}
.tmt-reserve-box small{white-space:normal;line-height:1.15}
/* Dialog im Fluss statt über dem Spielfeld (keine innere Scrollleiste) */
.tmt.hat-overlay .tmt-canvas,.tmt.hat-overlay .tmt-naechstes{display:none}
.tmt.hat-overlay .tmt-overlay{position:relative;inset:auto;min-height:360px;padding:14px}
.tmt-beenden{opacity:.85}
.tmt-sieger{background:linear-gradient(90deg,rgba(245,166,35,.14),rgba(245,166,35,.04));border:1px solid rgba(245,166,35,.45);border-radius:12px;padding:10px 14px;margin:0 0 14px}
.tmt-hs-reiter{flex-wrap:wrap}
@media(max-width:560px){
  .tmt-h1{font-size:1.3rem}
  .tmt-steuer{flex-wrap:wrap!important}
  .tmt-steuer .tmt-fallen{order:-1;flex:1 1 100%!important;min-width:0;font-size:1rem!important;padding:12px!important}
  .tmt-steuer .tmsp-btn:not(.tmt-fallen){flex:1 1 28%!important;min-width:0;padding-left:6px!important;padding-right:6px!important}
  .tmt-reserve span{width:18px;height:18px}
  .tmt.hat-overlay .tmt-overlay{padding:8px}
  .tmt-naechstes{top:6px;right:6px}
}