/* video trivia */
#p-trivia .tv-intro{background:linear-gradient(135deg,#fff3e0,#e1f5fe);border-radius:20px;padding:14px 16px;box-shadow:0 2px 10px #0001;font-size:1.05rem}
.tv-total{display:inline-block;margin-top:6px;background:#fff;border-radius:999px;padding:6px 14px;font-weight:800;color:#e65100;box-shadow:0 2px 6px #0001}
.tv-chips{display:flex;gap:8px;overflow-x:auto;padding:10px 2px;-webkit-overflow-scrolling:touch}
.tv-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:78px;background:#fff;border-radius:16px;padding:8px 10px;text-decoration:none;color:#1b2a3a;box-shadow:0 2px 8px #0002;font-size:.85rem}
.tv-chip span{font-size:1.4rem}.tv-chip b{font-size:1.05rem}.tv-chip small{white-space:nowrap}
.tv-card{--tvh:200;background:#fff;border-radius:24px;padding:14px;margin:16px 0;box-shadow:0 6px 18px hsl(var(--tvh) 50% 40% / .16);border-top:8px solid hsl(var(--tvh) 75% 58%);scroll-margin-top:118px}
.tv-top{display:flex;gap:12px;align-items:center}
.tv-art{width:96px;height:54px;border-radius:12px;object-fit:cover;flex:0 0 auto;box-shadow:0 2px 6px #0002}
.tv-top small{color:hsl(var(--tvh) 55% 35%);font-weight:800}.tv-top h3{margin:2px 0;font-size:1.12rem;line-height:1.35}
.tv-src{font-size:.85rem;color:#567}
.tv-video{position:relative;aspect-ratio:16/9;margin:12px 0 8px;border-radius:18px;overflow:hidden;background:#000}
.tv-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tv-face{position:absolute;inset:0;border:0;padding:0;margin:0;cursor:pointer;background:#000;width:100%;height:100%}
.tv-face img{width:100%;height:100%;object-fit:cover;opacity:.9}
.tv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#ff3d00;color:#fff;font-size:2rem;display:grid;place-items:center;box-shadow:0 6px 20px #0006;padding-inline-start:6px}
.tv-row{display:flex;gap:8px;flex-wrap:wrap}
.tv-btn{flex:1 1 160px;min-height:54px;border:0;border-radius:16px;font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;text-align:center}
.tv-btn.yt{background:#fff;color:#c62828;box-shadow:inset 0 0 0 2px #ef9a9a}
.tv-btn.go{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;box-shadow:0 4px 0 #bf360c}
.tv-btn.go:active{transform:translateY(3px);box-shadow:0 1px 0 #bf360c}
.tv-best{margin:8px 0 0;font-weight:700;color:#6d4c41;font-size:.95rem}
.tv-game{position:relative;scroll-margin-top:118px}
.tv-hud{display:flex;justify-content:space-between;gap:6px;margin-top:12px;font-weight:800;font-size:1.05rem}
.tv-hud span{background:#f3f6ff;border-radius:999px;padding:6px 12px}
.tv-sc{color:#e65100}.tv-st.hot{background:#ffe0b2!important;animation:pulse .8s infinite}
@keyframes pulse{50%{transform:scale(1.08)}}
.tv-timer{position:relative;height:30px;background:#eceff1;border-radius:999px;margin:10px 0;overflow:hidden}
.tv-timer i{position:absolute;inset:0 0 0 auto;background:linear-gradient(90deg,#66bb6a,#43a047);border-radius:999px;transition:width .1s linear}
.tv-timer i.mid{background:linear-gradient(90deg,#ffca28,#ffa000)}.tv-timer i.low{background:linear-gradient(90deg,#ef5350,#e53935)}
.tv-timer b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.05rem;color:#1b2a3a}
.tv-q{font-size:1.2rem;font-weight:800;margin:8px 0;line-height:1.45}
.tv-opts{display:grid;gap:9px}
@media(min-width:700px){.tv-opts{grid-template-columns:1fr 1fr}}
.tv-opt{display:flex;gap:10px;align-items:center;text-align:right;font:inherit;font-size:1.05rem;font-weight:700;min-height:58px;padding:10px 12px;border-radius:16px;border:3px solid hsl(var(--tvh) 60% 85%);background:hsl(var(--tvh) 100% 98%);color:#1b2a3a;cursor:pointer}
.tv-opt:hover:not(:disabled){border-color:hsl(var(--tvh) 70% 55%)}
.tv-l{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--tvh) 75% 58%);color:#fff;font-weight:800}
.tv-opt.right{border-color:#2e7d32;background:#e8f5e9}.tv-opt.right .tv-l{background:#2e7d32}
.tv-opt.wrong{border-color:#c62828;background:#ffebee;animation:shake .4s}.tv-opt.wrong .tv-l{background:#c62828}
.tv-opt:disabled{cursor:default}
.tv-fb{margin:12px 0 8px;border-radius:16px;padding:10px 14px;font-size:1.02rem}
.tv-fb.ok{background:#e8f5e9;border-right:6px solid #2e7d32}.tv-fb.no{background:#fff3e0;border-right:6px solid #ef6c00}
.tv-fb p{margin:6px 0 0}.tv-bonus{display:inline-block;background:#ff7043;color:#fff;border-radius:999px;padding:0 10px;margin-inline-start:6px;font-size:.92rem}
.tv-next{width:100%}
.tv-end{text-align:center;background:linear-gradient(135deg,#fff8e1,#fce4ec);border-radius:20px;padding:16px;margin:12px 0}
.tv-stars{font-size:2.6rem;letter-spacing:4px}.tv-end h4{font-size:1.3rem;margin:6px 0}.tv-big{font-size:1.8rem;font-weight:900;color:#e65100;margin:4px 0}
.tv-rec{font-weight:900;color:#d81b60;font-size:1.2rem}
.tv-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tv-conf i{position:absolute;top:-30px;font-style:normal;font-size:1.6rem;animation:fall 2.2s ease-in forwards}
@keyframes fall{to{transform:translateY(420px) rotate(320deg);opacity:0}}
.tv-link{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);text-decoration:none;color:#3e2723;box-shadow:0 3px 0 #ffb74d}
.tv-li{font-size:1.8rem}.tv-link b{display:block;font-size:1.02rem}.tv-link small{color:#6d4c41}.tv-go{margin-inline-start:auto;font-size:1.5rem;font-weight:900;color:#e65100}