/* VMEREGI: 2048, Wordle, вікторини та досягнення */
.vm-game-shell{max-width:760px;margin:0 auto}.vm-game-hero{background:linear-gradient(135deg,#172554,#1e40af 55%,#4f46e5);color:#fff;border:0;overflow:hidden;position:relative}.vm-game-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12)}.vm-game-hero>*{position:relative;z-index:1}.vm-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vm-game-tile{border:1px solid rgba(30,64,175,.12);border-radius:18px;background:#fff;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.07);display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;transition:.18s ease}.vm-game-tile:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.12);color:inherit}.vm-game-tile-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,#eef2ff,#dbeafe);flex:0 0 auto}.vm-stat-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13px}.vm-leader-list{display:flex;flex-direction:column;gap:10px}.vm-leader-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#f8fafc}.vm-leader-rank{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e0e7ff;color:#3730a3;font-weight:700}.vm-leader-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-leader-score{font-weight:700;color:#1e3a8a}
.vm-2048-wrap{max-width:520px;margin:0 auto}.vm-2048-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.vm-2048-scorebox{display:flex;gap:8px}.vm-2048-score{background:#1e3a8a;color:#fff;border-radius:12px;padding:8px 13px;min-width:88px;text-align:center}.vm-2048-score span{display:block;font-size:11px;text-transform:uppercase;opacity:.75}.vm-2048-score strong{font-size:20px}.vm-2048-board{width:min(92vw,500px);aspect-ratio:1;border-radius:18px;padding:10px;background:#94a3b8;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;touch-action:none;user-select:none}.vm-2048-cell{border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:clamp(22px,6vw,42px);background:#cbd5e1;color:#334155;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.vm-2048-cell[data-value="2"]{background:#f8fafc}.vm-2048-cell[data-value="4"]{background:#e0e7ff}.vm-2048-cell[data-value="8"]{background:#bfdbfe;color:#1e3a8a}.vm-2048-cell[data-value="16"]{background:#93c5fd;color:#172554}.vm-2048-cell[data-value="32"]{background:#60a5fa;color:#fff}.vm-2048-cell[data-value="64"]{background:#3b82f6;color:#fff}.vm-2048-cell[data-value="128"]{background:#818cf8;color:#fff;font-size:clamp(20px,5vw,34px)}.vm-2048-cell[data-value="256"]{background:#6366f1;color:#fff;font-size:clamp(20px,5vw,34px)}.vm-2048-cell[data-value="512"]{background:#4f46e5;color:#fff;font-size:clamp(20px,5vw,34px)}.vm-2048-cell[data-value="1024"]{background:#4338ca;color:#fff;font-size:clamp(17px,4.6vw,29px)}.vm-2048-cell[data-value="2048"]{background:#312e81;color:#fff;font-size:clamp(17px,4.6vw,29px);box-shadow:0 0 28px rgba(79,70,229,.5)}.vm-2048-cell[data-value="4096"],.vm-2048-cell[data-value="8192"]{background:#111827;color:#fff;font-size:clamp(15px,4vw,25px)}.vm-game-message{border-radius:14px;padding:12px 14px;background:#eef2ff;color:#3730a3}
.vm-wordle-board{display:flex;flex-direction:column;gap:8px;max-width:390px;margin:0 auto}.vm-wordle-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.vm-wordle-cell{aspect-ratio:1;border:2px solid #cbd5e1;border-radius:11px;display:grid;place-items:center;text-transform:uppercase;font-weight:800;font-size:clamp(23px,7vw,38px);background:#fff}.vm-wordle-cell.is-correct{background:#16a34a;border-color:#16a34a;color:#fff}.vm-wordle-cell.is-present{background:#d97706;border-color:#d97706;color:#fff}.vm-wordle-cell.is-absent{background:#64748b;border-color:#64748b;color:#fff}.vm-wordle-keyboard{display:flex;flex-direction:column;gap:7px;max-width:620px;margin:18px auto 0}.vm-wordle-keyrow{display:flex;justify-content:center;gap:5px}.vm-wordle-key{border:0;border-radius:8px;background:#e2e8f0;min-width:31px;padding:10px 7px;font-weight:700;text-transform:uppercase}.vm-wordle-key.is-correct{background:#16a34a;color:#fff}.vm-wordle-key.is-present{background:#d97706;color:#fff}.vm-wordle-key.is-absent{background:#64748b;color:#fff}.vm-wordle-input{text-transform:lowercase;letter-spacing:.35em;text-align:center;font-size:24px;font-weight:700}
.vm-quiz-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vm-quiz-category{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:18px;text-decoration:none;color:inherit;transition:.18s}.vm-quiz-category:hover{border-color:#818cf8;box-shadow:0 12px 28px rgba(79,70,229,.1);color:inherit}.vm-quiz-icon{font-size:34px}.vm-quiz-answer{display:block;width:100%;text-align:left;border:1px solid #dbe3ef;background:#fff;border-radius:14px;padding:14px 16px;margin-bottom:10px;transition:.15s}.vm-quiz-answer:hover{border-color:#6366f1;background:#eef2ff}.vm-quiz-progress{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.vm-quiz-progress>span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#6366f1);border-radius:inherit}.vm-result-circle{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:conic-gradient(#4f46e5 var(--pct),#e2e8f0 0);position:relative}.vm-result-circle:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.vm-result-circle strong{position:relative;z-index:1;font-size:32px;color:#312e81}
.vm-ach-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vm-ach-summary-item{border-radius:16px;background:#f8fafc;padding:14px;text-align:center}.vm-ach-summary-item strong{font-size:24px;color:#312e81;display:block}.vm-task-list{display:flex;flex-direction:column;gap:12px}.vm-task{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fff}.vm-task.is-done{border-color:#86efac;background:#f0fdf4}.vm-task-head{display:flex;justify-content:space-between;gap:12px}.vm-task-icon{width:42px;height:42px;border-radius:13px;background:#eef2ff;display:grid;place-items:center;font-size:22px}.vm-task-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:10px}.vm-task-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#22c55e)}.vm-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vm-badge-card{border:1px solid #e2e8f0;border-radius:18px;padding:16px;text-align:center;background:#fff;position:relative}.vm-badge-card.is-locked{filter:grayscale(.8);opacity:.65}.vm-badge-icon{font-size:38px;line-height:1;margin-bottom:8px}.vm-badge-earned{position:absolute;right:10px;top:10px;background:#dcfce7;color:#166534;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700}
@media(max-width:767.98px){.vm-game-grid,.vm-quiz-categories{grid-template-columns:1fr}.vm-ach-summary{grid-template-columns:1fr 1fr}.vm-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-2048-board{gap:7px;padding:7px;border-radius:14px}.vm-2048-cell{border-radius:10px}.vm-wordle-key{min-width:0;flex:1;padding:9px 2px;font-size:13px}}@media(max-width:420px){.vm-badge-grid{grid-template-columns:1fr}.vm-ach-summary{grid-template-columns:1fr}.vm-wordle-row{gap:5px}.vm-wordle-board{gap:5px}}

/* VMEREGI: casual games added 2026-08-20 */
.vm-casual-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.vm-mini-stats{display:flex;gap:8px;flex-wrap:wrap}.vm-mini-stats span{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:12px;background:#f1f5f9;color:#334155;font-size:13px}.vm-game-select{width:auto;min-width:150px}.vm-games-side-list{max-height:560px;overflow:auto;padding-right:4px}
.vm-snake-wrap{max-width:520px;margin:0 auto;text-align:center}.vm-snake-canvas{display:block;width:min(100%,400px);height:auto;aspect-ratio:1;margin:0 auto;border-radius:18px;background:#0f172a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);touch-action:none}.vm-dpad{display:grid;place-items:center;gap:6px}.vm-dpad>button,.vm-dpad>div button{width:56px;height:46px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-weight:800}.vm-dpad>div{display:flex;gap:6px}
.vm-mine-scroll{overflow:auto;padding-bottom:4px}.vm-mine-board{--mine-cols:9;display:grid;grid-template-columns:repeat(var(--mine-cols),minmax(26px,34px));gap:3px;width:max-content;max-width:none;margin:0 auto}.vm-mine-cell{width:34px;height:34px;border:1px solid #cbd5e1;border-radius:7px;background:#e2e8f0;font-weight:800;padding:0;display:grid;place-items:center;font-size:14px}.vm-mine-cell:hover{background:#dbeafe}.vm-mine-cell.is-open{background:#fff}.vm-mine-cell.is-mine{background:#fee2e2}.vm-mine-cell[data-n="1"]{color:#2563eb}.vm-mine-cell[data-n="2"]{color:#16a34a}.vm-mine-cell[data-n="3"]{color:#dc2626}.vm-mine-cell[data-n="4"]{color:#7c3aed}.vm-mine-cell[data-n="5"],.vm-mine-cell[data-n="6"],.vm-mine-cell[data-n="7"],.vm-mine-cell[data-n="8"]{color:#0f172a}
.vm-memory-board{--memory-cols:4;display:grid;grid-template-columns:repeat(var(--memory-cols),minmax(54px,1fr));gap:10px;max-width:640px;margin:0 auto}.vm-memory-card{aspect-ratio:1;border:1px solid #c7d2fe;border-radius:14px;background:linear-gradient(135deg,#3730a3,#2563eb);color:#fff;font-size:clamp(22px,5vw,34px);font-weight:800;display:grid;place-items:center;transition:transform .16s ease,background .16s ease}.vm-memory-card.is-open{background:#fff;color:#111827;transform:rotateY(0)}.vm-memory-card.is-done{background:#dcfce7;border-color:#86efac}
.vm-ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(100%,390px);margin:0 auto}.vm-ttt-cell{aspect-ratio:1;border:1px solid #cbd5e1;border-radius:18px;background:#fff;font-size:clamp(42px,14vw,82px);font-weight:800;line-height:1}.vm-ttt-cell.is-x{color:#2563eb}.vm-ttt-cell.is-o{color:#dc2626}
.vm-rps-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;max-width:520px;margin:8px auto 22px}.vm-rps-face{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px;border-radius:18px;background:#f8fafc}.vm-rps-face>span{font-size:72px;line-height:1}.vm-rps-vs{font-weight:900;color:#64748b}.vm-rps-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:620px;margin:0 auto}.vm-rps-actions button{border:1px solid #cbd5e1;border-radius:16px;background:#fff;padding:16px 10px;font-size:32px}.vm-rps-actions button span{display:block;font-size:13px;margin-top:6px;color:#475569}
.vm-battle-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;overflow:auto}.vm-battle-board{display:grid;grid-template-columns:repeat(10,28px);gap:3px;width:max-content}.vm-battle-cell{width:28px;height:28px;border:1px solid #bae6fd;border-radius:5px;background:#e0f2fe;padding:0;display:grid;place-items:center;font-size:14px}.vm-battle-cell.has-ship{background:#94a3b8;border-color:#64748b}.vm-battle-cell.is-hit{background:#fecaca;border-color:#ef4444;color:#991b1b}.vm-battle-cell.is-miss{background:#e2e8f0;color:#64748b}
.vm-puzzle-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}.vm-puzzle-preview{width:180px;aspect-ratio:1;object-fit:cover;border-radius:16px;border:1px solid #e2e8f0}.vm-puzzle-board{--puzzle-size:3;display:grid;grid-template-columns:repeat(var(--puzzle-size),1fr);gap:3px;width:min(100%,520px);aspect-ratio:1}.vm-puzzle-piece{border:1px solid rgba(255,255,255,.6);padding:0;background-repeat:no-repeat;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.vm-puzzle-piece.is-selected{outline:4px solid #f59e0b;outline-offset:-4px;z-index:2}
.vm-reaction-pad{width:100%;min-height:300px;border:0;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;font-size:clamp(28px,5vw,48px);font-weight:800;transition:background .12s ease;color:#fff;touch-action:manipulation}.vm-reaction-pad small{font-size:14px;font-weight:500;opacity:.85}.vm-reaction-pad.is-idle,.vm-reaction-pad.is-next,.vm-reaction-pad.is-done{background:#2563eb}.vm-reaction-pad.is-waiting{background:#dc2626}.vm-reaction-pad.is-ready{background:#16a34a}.vm-reaction-pad.is-early{background:#d97706}.vm-reaction-rounds{display:flex;gap:8px;flex-wrap:wrap}.vm-reaction-rounds span{padding:8px 10px;background:#f1f5f9;border-radius:10px;font-size:13px}
html[data-theme="dark"] .vm-mini-stats span,html[data-theme="dark"] .vm-rps-face,html[data-theme="dark"] .vm-reaction-rounds span{background:#1f2937;color:#e5e7eb}html[data-theme="dark"] .vm-dpad>button,html[data-theme="dark"] .vm-dpad>div button,html[data-theme="dark"] .vm-memory-card.is-open,html[data-theme="dark"] .vm-ttt-cell,html[data-theme="dark"] .vm-rps-actions button{background:#111827;border-color:#374151;color:#f8fafc}html[data-theme="dark"] .vm-rps-actions button span{color:#cbd5e1}html[data-theme="dark"] .vm-mine-cell.is-open{background:#111827}html[data-theme="dark"] .vm-puzzle-preview{border-color:#374151}
@media(max-width:767.98px){.vm-casual-head{align-items:flex-start}.vm-game-select{min-width:0;width:100%}.vm-memory-board{gap:7px}.vm-memory-card{border-radius:11px}.vm-rps-face>span{font-size:58px}.vm-battle-wrap{grid-template-columns:1fr;gap:16px}.vm-puzzle-layout{grid-template-columns:1fr}.vm-puzzle-preview{width:120px}.vm-reaction-pad{min-height:240px}.vm-games-side-list{max-height:420px}}
@media(max-width:520px){.vm-mini-stats{width:100%}.vm-mini-stats span{flex:1;justify-content:center}.vm-mine-board{grid-template-columns:repeat(var(--mine-cols),28px)}.vm-mine-cell{width:28px;height:28px;font-size:12px}.vm-rps-stage{gap:8px}.vm-rps-face{padding:12px}.vm-rps-face>span{font-size:48px}.vm-rps-actions button{font-size:27px;padding:12px 6px}.vm-battle-board{grid-template-columns:repeat(10,26px)}.vm-battle-cell{width:26px;height:26px}.vm-puzzle-board{width:100%}}