/* АРИЛСАН ГАРЧИГ · Vol.8 палитр (v8-icebreak/v8-rounds-тэй ижил токен) */
.vp{--vp-bg:#101716;--vp-panel:#1c2c2c;--vp-line:#3b5147;--vp-ink:#f5f1e8;--vp-muted:#d5c6a5;--vp-accent:#d09a54;--vp-blood:#b3261e;--vp-ok:#4fa37a;box-sizing:border-box;color:var(--vp-ink);background:var(--vp-bg);font:16px/1.45 ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere;text-align:left}
.vp *{box-sizing:border-box}.vp[hidden],.vp [hidden]{display:none!important}
.vp-kicker{color:var(--vp-accent);font-size:12px;letter-spacing:.16em;font-weight:900;text-transform:uppercase}
.vp-timer{font-weight:900;font-variant-numeric:tabular-nums;color:var(--vp-accent)}.vp-timer.vp-low{color:#ff6b5e}
.vp-num{position:absolute;left:6px;top:6px;min-width:1.9em;height:1.9em;padding:0 .4em;display:grid;place-items:center;border-radius:999px;background:var(--vp-blood);color:#fff;font-weight:900;line-height:1;box-shadow:0 2px 8px #0009}
.vp-status{min-height:22px;color:var(--vp-accent);margin:8px 0}
.vp-note{color:var(--vp-muted);font-size:13px}
/* ── проектор 1920×1080: толгой + 5×2 ── */
.vp-screen{position:fixed;inset:0;z-index:9710;display:flex;flex-direction:column;padding:2.2vh 3vw 2vh;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#2a1414 0,#101716 62%)}
.vp-head{display:flex;align-items:center;gap:2vw;min-height:9vh}
.vp-hl{flex:1;min-width:0}.vp-screen .vp-kicker{font-size:clamp(22px,2.4vw,46px);letter-spacing:.12em;color:#ff8a6a;text-shadow:0 0 18px #b3261e88}
.vp-sub{color:var(--vp-muted);font-size:clamp(14px,1.25vw,24px)}
.vp-meta{color:var(--vp-ink);font-size:clamp(16px,1.4vw,28px);font-weight:700;white-space:nowrap}
.vp-screen .vp-timer{font-size:clamp(44px,5.2vw,100px);min-width:4.2ch;text-align:right}
.vp-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.6vh 1.4vw;padding-top:1vh}
.vp-card{margin:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.6vh}
.vp-img{position:relative;flex:1;min-height:0;aspect-ratio:2/3;max-width:100%;border-radius:10px;overflow:hidden;border:2px solid var(--vp-line);background:#000;box-shadow:0 8px 30px #000a}
.vp-img img{display:block;width:100%;height:100%;object-fit:cover}
.vp-screen .vp-num{font-size:clamp(18px,1.6vw,32px);left:.5vw;top:.5vw}
.vp-cap{flex:none;text-align:center;line-height:1.15;width:100%;min-width:0}.vp-cap>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp-en{color:var(--vp-muted);font-size:clamp(11px,.85vw,17px)}
.vp-title{display:block;font-weight:900;font-size:clamp(14px,1.15vw,24px);color:var(--vp-ink)}
.vp-count{display:block;color:var(--vp-accent);font-weight:800;font-size:clamp(12px,1vw,20px)}
.vp-screen[data-phase="revealed"] .vp-img{border-color:var(--vp-accent)}
/* ── утас ── */
.vp-player{position:fixed;inset:0;z-index:9610;display:flex;flex-direction:column;padding:14px 12px 0;overflow:hidden}
.vp-ptop{display:flex;align-items:center;gap:10px}.vp-ptop .vp-kicker{flex:1;font-size:13px;color:#ff8a6a}
.vp-player .vp-timer{font-size:24px}
.vp-close{border:1px solid var(--vp-line);background:transparent;color:var(--vp-ink);border-radius:10px;padding:6px 12px;font:inherit}
.vp-player .vp-status{font-size:14px;margin:6px 0 8px;line-height:1.3}
.vp-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:72px}
.vp-row{display:flex;align-items:center;gap:10px;padding:6px;margin:0 0 6px;border:1px solid var(--vp-line);border-radius:12px;background:var(--vp-panel)}
.vp-th{position:relative;flex:none;width:52px;height:78px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#000;cursor:zoom-in}
.vp-th img{display:block;width:100%;height:100%;object-fit:cover}.vp-th .vp-num{font-size:11px;left:3px;top:3px}
.vp-row input{flex:1;min-width:0;height:46px;padding:0 12px;border:1px solid var(--vp-line);border-radius:10px;background:#0b100f;color:var(--vp-ink);font:inherit;font-size:16px}
.vp-row input:focus{outline:2px solid var(--vp-accent);outline-offset:1px}
.vp-foot{padding:10px 0 calc(70px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--vp-bg) 30%)}
.vp-send{width:100%;min-height:52px;border:0;border-radius:14px;background:var(--vp-blood);color:#fff;font:inherit;font-size:18px;font-weight:900}
.vp-send:disabled{opacity:.5}
.vp-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:400px){.vp-pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vp-pc{display:flex;flex-direction:column;gap:3px;min-width:0}.vp-pc .vp-th{width:100%;height:auto;aspect-ratio:2/3}.vp-pc .vp-th .vp-num{font-size:13px}
.vp-ans{font-size:12px;color:var(--vp-muted);text-align:center;line-height:1.2}
.vp-score{font-size:20px;font-weight:900;color:var(--vp-accent);margin:4px 0 10px}
.vp-rt{flex:1;min-width:0;display:flex;flex-direction:column}.vp-rt b{font-size:15px}.vp-rt span{font-size:13px;color:var(--vp-muted)}
.vp-mark{font-style:normal;font-size:22px;font-weight:900;width:28px;text-align:center}.vp-res.ok{border-color:var(--vp-ok)}.vp-res.ok .vp-mark{color:var(--vp-ok)}.vp-res.no .vp-mark{color:#ff6b5e}
.vp-zoom{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:16px;background:#000e;cursor:zoom-out}
.vp-zoom img{max-width:100%;max-height:88vh;border-radius:10px}.vp-zoom .vp-num{font-size:20px;left:20px;top:20px}
/* ── хөтлөгч ── */
.vp-host{margin:10px 0;padding:10px 12px;border:1px solid #b3261e;border-radius:12px;background:#161010}
.vp-host summary{cursor:pointer;font-weight:900;color:#ff8a6a}
.vp-hrow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.vp-hrow select,.vp-hrow button,.vp-mini{font:inherit;padding:8px 12px;border-radius:10px;border:1px solid var(--vp-line);background:var(--vp-panel);color:var(--vp-ink);cursor:pointer}
.vp-primary{background:var(--vp-blood)!important;border-color:var(--vp-blood)!important;color:#fff!important;font-weight:900}
.vp-twrap{overflow-x:auto;max-height:70vh;overflow-y:auto;border:1px solid var(--vp-line);border-radius:10px}
.vp-table{border-collapse:collapse;font-size:12px;min-width:1100px;width:100%}
.vp-table th,.vp-table td{border:1px solid #2a3a36;padding:4px 5px;vertical-align:top}
.vp-table thead th{position:sticky;top:0;background:#1c2c2c;z-index:1;font-weight:700;min-width:84px}
.vp-table th img{display:block;width:34px;height:51px;object-fit:cover;border-radius:4px;margin-bottom:2px}
.vp-table td:first-child,.vp-table th:first-child{position:sticky;left:0;background:#161010;z-index:1;min-width:130px}
.vp-table td small{display:block;color:var(--vp-muted)}
.vp-cell{min-width:84px}.vp-cell span{display:block;min-height:16px}
.vp-cell.ok{background:#173326}.vp-cell.no{background:#3a1715}.vp-cell.empty{color:#777}.vp-cell.ov{box-shadow:inset 0 0 0 2px var(--vp-accent)}
.vp-judge{margin-top:3px;width:100%;padding:3px 0;border-radius:6px;border:1px solid var(--vp-line);background:#0b100f;color:var(--vp-ink);font-weight:900;cursor:pointer}
.vp-pts{font-weight:900;white-space:nowrap}
.vp-mini{padding:3px 8px;font-size:11px;margin-top:3px}