/* Times Blitz shared games CSS
   Direct-load version: Drop, Match and Pick
*/
.tb-direct-game{width:100%;max-width:1200px;margin:0 auto;text-align:center;font-family:"Poppins",Arial,sans-serif;color:#0f1b2d}
.tb-direct-game *,.tb-direct-game *::before,.tb-direct-game *::after{box-sizing:border-box}
.tb-direct-timers{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0 20px}
.tb-direct-timer{margin:0;font-size:1.4rem;line-height:1.4}
.tb-direct-game .tb-game-restart{appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;min-height:48px;margin:20px auto 0;font-family:"Poppins",Arial,sans-serif;font-size:18px;font-weight:700;line-height:1;color:#fff;background:linear-gradient(135deg,#007BFF,#0056CC);border:2px solid #003272;border-radius:10px;cursor:pointer}
.tb-direct-game .tb-game-restart:hover,.tb-direct-game .tb-game-restart:focus-visible{border-color:#FFD700;outline:none}
.tb-drop-board{display:flex;flex-direction:column;gap:14px;align-items:center}
.tb-drop-draggables,.tb-drop-zones{display:grid;grid-template-columns:repeat(6,100px);gap:14px;justify-content:center}
.tb-drop-tile,.tb-drop-zone{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:2px solid #003272;border-radius:10px;font-size:1.2rem;user-select:none}
.tb-drop-tile{color:#fff;background:linear-gradient(135deg,#007BFF,#0056CC);cursor:grab;touch-action:none;z-index:10;transition:transform .12s ease,box-shadow .12s ease}
.tb-drop-tile:active{cursor:grabbing;transform:scale(1.04);box-shadow:0 10px 22px rgba(0,50,114,.28)}
.tb-drop-tile.is-locked{visibility:hidden;pointer-events:none;cursor:default}
.tb-drop-zone{background:linear-gradient(135deg,#FFDE59,#FFCC00);font-weight:700;transition:background .3s ease}
.tb-drop-zone.is-correct{background:linear-gradient(135deg,#b3d9ff,#99ccff)}
.tb-match-board{display:grid;grid-template-columns:repeat(6,100px);justify-content:center;gap:10px;padding:10px 0}
.tb-match-card{width:100px;height:100px;perspective:1000px;cursor:pointer}
.tb-match-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}
.tb-match-front,.tb-match-back{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px solid #003272;border-radius:10px;backface-visibility:hidden;margin:0;padding:0}
.tb-match-front{flex-direction:column;gap:6px;color:#fff;background:linear-gradient(135deg,#007BFF,#0056CC);transform:rotateY(180deg)}
.tb-match-question{font-size:1.1rem;opacity:.9}
.tb-match-answer{font-size:1.3rem;font-weight:700}
.tb-match-back{background:#007BFF url("/login/lightning-bolt.png?v=2") no-repeat center;background-size:60%}
.tb-match-card.is-flipped .tb-match-inner,.tb-match-card.is-matched .tb-match-inner{transform:rotateY(180deg)}
.tb-match-card.is-matched .tb-match-back{opacity:0}
.tb-pick-quiz{width:100%;max-width:600px;margin:16px auto 0;padding:16px;background:#fff;border:2px solid #003272;border-radius:15px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.tb-pick-question{margin:0 0 24px;padding:0 16px;font-size:1.6rem;font-weight:700}
.tb-pick-options button{display:block;width:100%;margin:8px 0;padding:16px;font-family:"Poppins",Arial,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#007BFF,#0056CC);border:2px solid #003272;border-radius:10px;cursor:pointer;transition:transform .15s ease}
.tb-pick-options button:active{transform:scale(.97)}
.tb-pick-options button.is-correct{background:#28a745;animation:tbCorrectPop .45s ease}
.tb-pick-options button.is-wrong{background:#dc3545;animation:tbWrongShake .4s ease}
.tb-pick-options button.is-selected{border:3px solid #ffcc00}
.tb-pick-result{margin-top:24px;font-size:1.2rem;font-weight:700}
@keyframes tbCorrectPop{0%{transform:scale(1)}35%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes tbWrongShake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}
@media(max-width:768px){
  .tb-direct-timers{margin:16px 0 8px;gap:14px}
  .tb-direct-timer{font-size:1.1rem}
  .tb-drop-draggables,.tb-drop-zones{grid-template-columns:repeat(4,80px);gap:12px;padding:0 4px}
  .tb-drop-tile,.tb-drop-zone{width:80px;height:80px;font-size:1rem}
  .tb-match-board{grid-template-columns:repeat(4,80px);gap:12px;padding:0 2px 4px}
  .tb-match-card{width:80px;height:80px}
  .tb-match-question{font-size:.85rem}
  .tb-match-answer{font-size:1.1rem}
  .tb-pick-quiz{width:calc(100% - 20px);margin:12px auto 0}
  .tb-pick-question{font-size:1.2rem}
  .tb-pick-options button{padding:14px;font-size:1.2rem}
}

/* Blitz Drop mobile/tablet scroll lock while the round is active */
html.tb-drop-game-locked,
body.tb-drop-game-locked{
  overflow:hidden !important;
  overscroll-behavior:none !important;
  touch-action:none !important;
}