:root{
--bg:#0b1020; --panel:#121a33; --accent:#1e90ff; --accent-2:#00c853;
--danger:#c62828; --text:#e9eefc; --gold:#ffd54f; --muted:#9fb2d3;
}
.ld-wrap{ position:relative; width:100%; min-height:90vh; display:flex; flex-direction:column; gap:.5rem;
background: radial-gradient(120% 120% at 50% 0%, #0b1020 0%, #05070f 100%); color:var(--text);
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, 'Helvetica Neue', Arial;
touch-action: manipulation; user-select: none; } .ld-topbar{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem;
padding:0.75rem 1rem 0.25rem; background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0)); z-index:3; }
.ld-topline{ display:flex; align-items:baseline; justify-content:center; gap:.75rem; font-weight:900; letter-spacing:.5px;
font-size: clamp(2rem, 6.5vw, 3.4rem); }
.ld-topline .ld-sep{ opacity:.5; }
.ld-ctrls{ display:flex; gap:.8rem; justify-content:center; align-items:center; flex-wrap:wrap; }
.ld-btn{ border:none; border-radius:18px; padding:1.1rem 1.6rem; font-size: clamp(1.05rem, 3.2vw, 1.4rem); font-weight:900; color:#fff;
box-shadow: 0 10px 24px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.08); }
.ld-btn--start{ background: linear-gradient(180deg, #00c853, #2e7d32); }
.ld-btn--reset{ background: linear-gradient(180deg, #ff5252, var(--danger)); }
.ld-btn--mute{ background: linear-gradient(180deg, #607d8b, #455a64); } .ld-teams{ display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap:.5rem; padding: 0 .75rem; z-index:2; }
@media (min-width:800px){ .ld-teams{ grid-template-columns: repeat(10, minmax(0,1fr)); } }
.ld-team{ display:flex; flex-direction:column; align-items:center; gap:.25rem; }
.ld-team button{ width:100%; border-radius:12px; padding:.6rem .4rem; font-weight:800; color:#fff;
background: linear-gradient(180deg, #2f6dfb, #1e4fd1); border:none; box-shadow: 0 10px 22px rgba(21,67,182,.35), inset 0 0 0 1px rgba(255,255,255,.1); }
.ld-team button.ld-active{ background: linear-gradient(180deg, #ff5252, #e53935); }
.ld-score{ font-size:.95rem; color:var(--gold); font-weight:800; text-shadow: 0 1px 0 rgba(0,0,0,.5); } .ld-stage-wrap{ flex:1 1 auto; display:flex; align-items:center; justify-content:center; padding:.5rem; }
.ld-stage{ position:relative; width: min(100vw, 56.25vh); height: calc(min(100vw, 56.25vh) * 16 / 9);
max-height: calc(100vh - 360px); background: radial-gradient(120% 140% at 50% 20%, #0a1636, #090d1a 60%, #06080f 100%);
border-radius: 20px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 40px 70px rgba(0,0,0,.5);
overflow:hidden; z-index:1; display:flex; flex-direction:column; padding:1rem; gap:1rem; }
.ld-question{ font-size: clamp(1.2rem, 3.6vw, 2rem); font-weight:900; text-align:center; color:#e3f2fd; }
.ld-answers{ display:grid; grid-template-columns: 1fr; gap:.6rem; }
@media (min-width:600px){ .ld-answers{ grid-template-columns: 1fr 1fr; } }
.ld-answer{ border:none; border-radius:14px; padding:1rem .8rem; font-size: clamp(1rem, 3.1vw, 1.3rem); font-weight:800; color:#0b1020;
background: #e9eefc; box-shadow: 0 8px 18px rgba(0,0,0,.25); }
.ld-answer.correct{ background:#b9f6ca; }
.ld-answer.wrong{ background:#ffccbc; }
.ld-explain{ text-align:center; color:var(--muted); font-size: .95rem; } .ld-settings{ display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; align-items:center; justify-content:center; padding:.75rem 1rem 1rem; }
.ld-field{ display:flex; align-items:center; gap:.5rem; color:#fff; font-weight:700; }
.ld-select{ border-radius:12px; padding:.5rem .75rem; background:var(--panel); color:var(--text);
border:1px solid rgba(255,255,255,.08); } .ld-winner{ position:absolute; inset:0; display:none; align-items:center; justify-content:center; flex-direction:column; gap:1rem;
background: rgba(5,7,15,.65); backdrop-filter: blur(4px); text-align:center; }
.ld-winner.show{ display:flex; }
.ld-winner h1{ font-size: clamp(2rem, 6vw, 4rem); color:#fff; margin:0; text-shadow: 0 10px 30px rgba(0,0,0,.5); }
.ld-winner p{ font-size: clamp(1.2rem, 3vw, 2rem); color:#ffd54f; font-weight:900; }
.ld-confetti{ pointer-events:none; position:absolute; inset:0; }.mblitz-root{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#0b1424}
.mblitz-viewport{aspect-ratio:9/16;height:100vh;width:auto;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:.75rem;padding:.75rem;box-sizing:border-box}
.mblitz-header-centered{display:grid;grid-auto-rows:auto;justify-items:center;align-items:center;gap:.5rem;margin:0 auto !important;width:100% !important}
.mblitz-headline{display:flex !important;justify-content:center !important;align-items:baseline !important;gap:.6rem !important;text-align:center !important}
.mblitz-label,.mblitz-unit,.mblitz-sep,.mblitz-of{color:#fff !important;font-weight:800}
#mblitz-countdown{font-size:clamp(36px,5vh,90px);color:#22d3ee !important}
#mblitz-round{font-size:clamp(32px,4.5vh,80px);color:#a7f3d0 !important}
.mblitz-actions-centered{display:flex !important;justify-content:center !important;gap:1rem !important}
.mblitz-btn{font-size:1.5em !important;padding:1rem 2rem !important;border-radius:14px !important;font-weight:800;border:none;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.mblitz-btn--start{background:linear-gradient(180deg,#34d399,#059669) !important;color:#fff !important}
.mblitz-btn--restart{background:linear-gradient(180deg,#dc2626,#991b1b) !important;color:#fff !important}
.mblitz-teams{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}
.mblitz-team{background:linear-gradient(180deg,#3b82f6,#1e3a8a);color:#fff;border-radius:18px;padding:.4rem .5rem;text-align:center;border:2px solid rgba(255,255,255,.15);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.mblitz-team.active{background:linear-gradient(180deg,#ef4444,#991b1b)}
.mblitz-live-score{display:flex;justify-content:center;align-items:baseline;gap:.5rem;color:#e5e7eb;font-weight:700}
.mblitz-live-points{font-size:clamp(34px,4vh,72px);color:#fde68a}
.mblitz-playfield{position:relative;background:radial-gradient(800px 500px at 50% 50%, rgba(255,255,255,.06), rgba(255,255,255,.02) 40%, rgba(0,0,0,.2) 100%);border-radius:22px;border:2px solid rgba(255,255,255,.15);box-shadow:inset 0 0 40px rgba(0,0,0,.3),0 18px 60px rgba(0,0,0,.4);overflow:hidden}
.mblitz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;padding:.6rem;height:100%;box-sizing:border-box}
.mblitz-tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0ea5e9,#0369a1);color:#fff;border-radius:16px;font-size:clamp(26px,4vh,64px);font-weight:900;border:2px solid rgba(255,255,255,.15);overflow:hidden}
.mblitz-tile img{width:100%;height:100%;object-fit:cover;display:block}
.mblitz-tile.preview{background:linear-gradient(180deg,#22c55e,#15803d)}
.mblitz-tile.correct{background:linear-gradient(180deg,#a7f3d0,#10b981)}
.mblitz-tile.wrong{background:linear-gradient(180deg,#fca5a5,#ef4444)}
.mblitz-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,15,31,.6)}
.mblitz-winner-text{font-size:clamp(36px,5vh,88px);font-weight:900;color:#fff;text-align:center}
.hidden{display:none}
.mblitz-confetti{position:absolute;inset:0;pointer-events:none}
.mblitz-settings{display:flex;justify-content:center;align-items:center;gap:1rem;background:rgba(255,255,255,.05);border-radius:16px;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.12)}
.mblitz-setting-label{color:#fff !important;font-weight:700;margin-right:.35rem}
.mblitz-settings select{color:#fff !important;background:#1f2937 !important;font-weight:700;border-radius:8px;padding:.35rem .6rem;border:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}
.mblitz-unit-inline{color:#fff !important;opacity:.9;margin-left:.3rem} .mblitz-root, .mblitz-root * { -webkit-tap-highlight-color: rgba(0,0,0,0); touch-action: manipulation; user-select: none; -webkit-user-select: none; } #mblitz-round, #mblitz-rounds-total {
font-size: clamp(32px, 4.5vh, 80px) !important;
line-height: 1 !important;
font-weight: 800 !important;
}
#mblitz-round { color: #34d399 !important; } #mblitz-rounds-total { color: rgba(255,255,255,.45) !important; } .mblitz-sep, .mblitz-of { color: rgba(255,255,255,.45) !important; }  .mblitz-settings { position: relative; z-index: 10; }
.mblitz-root select, .mblitz-root button, .mblitz-root input, .mblitz-root label {
pointer-events: auto !important;
user-select: auto !important;
-webkit-user-select: auto !important;
}