/* Verdade ou Mito do Salsicha (ideia do Codex, 02/10/2026; refeito pelo Claude em 19/10/2026).
   Padrão do site (marrons, creme, Inter) com telas de jogo: fichas de papel e carimbos de VERDADE e MITO. */
@font-face{font-family:"Caixa";src:url(../shared/fonts/display-bolditalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}
:root{
  --vm-bg:#fff7ea; --vm-panel:#ffffff; --vm-line:rgba(123,68,38,.14);
  --vm-text:#322820; --vm-title:#3c2115; --vm-muted:#6b5b50; --vm-accent:#7b4426;
}
:root[data-theme="night"]{
  --vm-bg:#1f130c; --vm-panel:#2b1b12; --vm-line:rgba(255,212,164,.14);
  --vm-text:#f4e5cf; --vm-title:#fff7ea; --vm-muted:#c9ae92; --vm-accent:#c98245;
}
html,body,:root[data-theme="night"] body{background:var(--vm-bg)}
body{color:var(--vm-text)}
:root[data-theme="night"] .games-footer{background:#170e08}
[hidden]{display:none!important}

/* topo */
.vm-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--vm-bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--vm-line)}
.vm-header-in{width:min(calc(100% - 32px),1120px);margin:auto;min-height:68px;display:flex;align-items:center;gap:14px}
.vm-logo{display:flex;align-items:center;gap:10px;min-width:0}
.vm-logo-dog{width:52px;height:26px;background:url(../shared/assets/dachshund/poses-v2.png) 0 0/156px 52px no-repeat;flex:none}
.vm-logo strong{display:block;font-weight:900;letter-spacing:-.03em;color:var(--vm-title);line-height:1.1;white-space:nowrap}
.vm-logo small{display:block;font-size:.75rem;color:var(--vm-muted);font-weight:700}
.vm-tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.vm-score{display:flex;background:var(--vm-panel);border:1px solid var(--vm-line);border-radius:14px;padding:4px}
.vm-score span{display:grid;justify-items:center;padding:2px 12px;min-width:76px}
.vm-score small{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--vm-muted)}
.vm-score strong{font-weight:900;font-size:1.1rem;color:var(--vm-accent);font-variant-numeric:tabular-nums;line-height:1.2}
.vm-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--vm-line);background:var(--vm-panel);color:var(--vm-text);cursor:pointer;display:grid;place-items:center;font-size:1.05rem}

/* palco */
.vm-play{padding:22px 16px 10px}
.vm-stage{
  --g-earth:#24130b; --g-earth-2:#3c2115; --g-earth-3:#5a311b;
  --g-cream:#fff3dc; --g-paper:#fff7ea; --g-peach:#ffd4a4; --g-caramel:#c98245; --g-caramel-2:#e09a57; --g-shadow:#5b2f17;
  --g-green:#48634c; --g-green-2:#5f8a5e; --g-red:#b4473f; --g-red-2:#d0645a;
  --g-display:"Caixa","Arial Narrow","Roboto Condensed",system-ui,sans-serif;
  position:relative;width:min(100%,560px);min-height:560px;margin:0 auto;border-radius:24px;overflow:hidden;color:var(--g-cream);border:3px solid var(--g-earth);
  box-shadow:0 18px 50px rgba(76,40,20,.18);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23ffd4a4' opacity='.07'%3E%3Cg transform='translate(28 30) rotate(-30)'%3E%3Crect x='-12' y='-3.5' width='24' height='7' rx='3'/%3E%3Ccircle cx='-12' cy='-4' r='5'/%3E%3Ccircle cx='-12' cy='4' r='5'/%3E%3Ccircle cx='12' cy='-4' r='5'/%3E%3Ccircle cx='12' cy='4' r='5'/%3E%3C/g%3E%3Ccircle cx='88' cy='86' r='9'/%3E%3Ccircle cx='96' cy='22' r='3'/%3E%3Ccircle cx='20' cy='96' r='4'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(120% 70% at 50% 0%,var(--g-earth-3) 0%,var(--g-earth-2) 45%,var(--g-earth) 100%)}
.vm-screen{display:none;padding:22px 20px 20px;min-height:560px}
.vm-screen.is-active{display:grid}
.vm-kicker{margin:0;font:700 italic .95rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.08em;color:var(--g-peach)}

/* título */
.vm-title{align-content:center;justify-items:center;gap:12px;text-align:center}
.vm-title-logo{margin:0;display:grid;justify-items:center;line-height:.86;transform:rotate(-4deg);animation:vm-logo-in .7s cubic-bezier(.2,1.4,.4,1) both}
.vm-title-logo>span{-webkit-text-stroke:9px var(--g-earth);paint-order:stroke fill;text-shadow:1px 1px 0 var(--g-shadow),2px 2px 0 var(--g-shadow),3px 3px 0 var(--g-shadow),4px 4px 0 var(--g-shadow),5px 5px 0 var(--g-shadow),6px 6px 0 var(--g-earth)}
.vm-logo-a{font:700 italic clamp(2.8rem,13vw,4rem)/.9 var(--g-display);color:#bfe0a8}
.vm-logo-ou{font:700 italic clamp(1.3rem,6vw,1.8rem)/1 var(--g-display);color:var(--g-peach);margin:2px 0}
.vm-logo-b{font:700 italic clamp(3.2rem,15vw,4.6rem)/.9 var(--g-display);color:#ffb3a8}
.vm-logo-c{font:700 italic clamp(1.4rem,6.5vw,2rem)/1 var(--g-display);color:var(--g-cream);margin-top:6px;-webkit-text-stroke-width:6px!important}
@keyframes vm-logo-in{from{opacity:0;transform:scale(.6) translateY(-10px)}to{opacity:1;transform:rotate(-4deg)}}
.vm-hero{position:relative;width:100%;max-width:360px;height:96px;display:grid;place-items:center}
.vm-hero-dog{width:144px;height:72px;background:url(../shared/assets/dachshund/poses-v2.png) 0 0/432px 144px no-repeat;animation:vm-think 2.4s ease-in-out infinite}
.vm-bubble{position:absolute;left:calc(50% + 46px);top:0;width:34px;height:34px;border-radius:50%;background:var(--g-cream);color:var(--g-earth);font:700 italic 1.5rem/34px var(--g-display);border:3px solid var(--g-earth);animation:vm-bob 1.6s ease-in-out infinite}
.vm-stamp-demo{position:absolute;top:30px;font:700 italic 1rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;border:3px solid currentColor;border-radius:8px;opacity:.85}
.vm-stamp-demo--v{left:0;color:#9fd18a;transform:rotate(-12deg)}
.vm-stamp-demo--m{right:0;color:#ff9a8e;transform:rotate(10deg)}
@keyframes vm-think{50%{transform:translateY(-3px)}}
@keyframes vm-bob{50%{transform:translateY(-6px) rotate(8deg)}}
.vm-title-text{margin:0;max-width:34ch;color:var(--g-peach);font-size:.95rem;line-height:1.45}
.vm-home-note{margin:0;max-width:36ch;font-size:.82rem;color:var(--g-peach);opacity:.8;min-height:2.6em}

/* botões físicos */
.vm-play-btn{position:relative;border:0;cursor:pointer;padding:0;border-radius:18px;background:var(--g-shadow);font:inherit;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.vm-play-btn span{display:block;padding:14px 56px 12px;border-radius:18px;transform:translateY(-6px);background:linear-gradient(#f0b070,var(--g-caramel) 60%,#b86f34);color:var(--g-earth);
  font:700 italic 1.9rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.02em;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .08s}
.vm-play-btn:hover span{transform:translateY(-7px);filter:brightness(1.05)}
.vm-play-btn:active span{transform:translateY(-1px)}
.vm-play-btn:focus-visible{outline:3px solid var(--g-cream);outline-offset:4px}
.vm-title .vm-play-btn span{animation:vm-breathe 2.4s ease-in-out infinite}
@keyframes vm-breathe{50%{filter:brightness(1.1)}}
.vm-play-btn--small span{padding:12px 24px 10px;font-size:1.2rem}
.vm-play-btn--next{justify-self:center;margin-top:4px}
.vm-play-btn--next span{padding:12px 40px 10px;font-size:1.4rem}
.vm-btn2{position:relative;border:0;padding:0;border-radius:14px;background:#140a05;cursor:pointer;font:inherit;box-shadow:0 8px 16px rgba(0,0,0,.35)}
.vm-btn2 span{display:block;padding:11px 18px 9px;border-radius:14px;transform:translateY(-5px);background:linear-gradient(#7a4628,#4a2716);color:var(--g-cream);font:700 italic 1.1rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.03em;box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 0 rgba(0,0,0,.2);transition:transform .08s}
.vm-btn2:hover span{transform:translateY(-6px);filter:brightness(1.1)}
.vm-btn2:active span{transform:translateY(-1px)}
.vm-btn2:focus-visible{outline:3px solid var(--g-cream);outline-offset:3px}
.vm-ghost-btn{border:2px solid rgba(255,212,164,.45);background:transparent;color:var(--g-peach);border-radius:14px;padding:10px 16px;font:inherit;font-weight:800;cursor:pointer}
.vm-ghost-btn:hover{background:rgba(255,212,164,.1)}
.vm-ghost-btn:focus-visible{outline:3px solid var(--g-cream);outline-offset:2px}

/* modos extras na tela inicial */
.vm-modes-title{margin:8px 0 0;width:100%;max-width:420px;display:flex;align-items:center;gap:10px;font:700 italic .9rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.1em;color:var(--g-peach)}
.vm-modes-title::before,.vm-modes-title::after{content:"";flex:1;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,212,164,.35) 0 6px,transparent 6px 11px)}
.vm-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;width:100%;max-width:420px}
.vm-mode-btn{--face:linear-gradient(#f6d79c,#e8b866);--edge:#8a5a22;--ink:#3c2115;--ico:#fff3dc;--ico-bg:#7b4426;
  position:relative;border:0;padding:0;border-radius:16px;background:var(--edge);cursor:pointer;font:inherit;text-align:left;box-shadow:0 8px 16px rgba(0,0,0,.35);animation:vm-tile-in .45s cubic-bezier(.2,1.4,.4,1) both}
.vm-modes .vm-mode-btn:nth-child(2){animation-delay:.05s}.vm-modes .vm-mode-btn:nth-child(3){animation-delay:.1s}.vm-modes .vm-mode-btn:nth-child(4){animation-delay:.15s}.vm-modes .vm-mode-btn:nth-child(5){animation-delay:.2s}.vm-modes .vm-mode-btn:nth-child(6){animation-delay:.25s}
@keyframes vm-tile-in{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}
.vm-mode-face{position:relative;display:flex;align-items:center;gap:9px;min-height:62px;padding:9px 10px;border-radius:16px;background:var(--face);color:var(--ink);transform:translateY(-5px);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.1);transition:transform .08s,filter .1s}
.vm-mode-btn:hover .vm-mode-face{transform:translateY(-6px);filter:brightness(1.06)}
.vm-mode-btn:active .vm-mode-face{transform:translateY(-1px)}
.vm-mode-btn:focus-visible{outline:3px solid var(--g-cream);outline-offset:3px}
.vm-mode-ico{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ico-bg);color:var(--ico);box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 2px 0 rgba(255,255,255,.35)}
.vm-mode-ico svg{width:20px;height:20px}
.vm-mode-txt{display:grid;gap:1px;min-width:0}
.vm-mode-btn b{font:700 italic 1.08rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.01em}
.vm-mode-btn small{font-size:.7rem;font-weight:800;opacity:.75;line-height:1.2}
.vm-mode-rec{position:absolute;top:-9px;right:-4px;font:700 italic .78rem/1 var(--g-display);padding:4px 7px 3px;border-radius:999px;background:var(--g-earth);color:#ffe08a;border:2px solid #f2b84b;box-shadow:0 2px 0 rgba(0,0,0,.4)}
.vm-mode--endless{--face:linear-gradient(#ffe7a3,#f2b84b);--edge:#9a6a1c;--ico-bg:#b4473f}
.vm-mode--blitz{--face:linear-gradient(#ffd0a0,#e09a57);--edge:#8a4b1f;--ico-bg:#3c2115;--ico:#ffe08a}
.vm-mode--lives{--face:linear-gradient(#fff7ea,#ead6b8);--edge:#8c6a4a;--ico-bg:#7b4426}
.vm-mode--trio{--face:linear-gradient(#f7b3a8,#d86f64);--edge:#7a2c26;--ico-bg:#fff3dc;--ico:#b4473f;--ink:#2a0f0b}
.vm-mode--practice{--face:linear-gradient(#b9dca4,#6f9e6c);--edge:#2f4733;--ico-bg:#fff3dc;--ico:#3e7a46;--ink:#14261a}
.vm-mode--passport{--face:linear-gradient(#3f5a48,#2c3f33);--edge:#16211a;--ico-bg:#ffe08a;--ico:#2c3f33;--ink:#ffe08a}
.vm-mode--passport small{color:var(--g-cream)}
.vm-run{display:flex;gap:6px}
.vm-run span{display:grid;justify-items:center;padding:4px 10px;border-radius:12px;background:rgba(0,0,0,.3);min-width:64px}
.vm-run small{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--g-peach);opacity:.8}
.vm-run strong{font:700 italic 1.35rem/1 var(--g-display);color:var(--g-cream);font-variant-numeric:tabular-nums}
.vm-run.is-bump strong[data-run-score]{animation:vm-bump .35s ease}
@keyframes vm-bump{50%{transform:scale(1.35);color:#ffe08a}}
.vm-flash{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;font:700 italic 2.2rem/1 var(--g-display);text-transform:uppercase;color:#ffe08a;-webkit-text-stroke:6px var(--g-earth);paint-order:stroke fill;animation:vm-flash 1.1s ease forwards}
@keyframes vm-flash{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-80%)}}

/* vidas, cronômetro, ficha arrastável */
.vm-lives{display:flex;gap:4px}
.vm-lives i{width:30px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 16'%3E%3Cg fill='%23fff3dc' stroke='%2324130b' stroke-width='1.6'%3E%3Crect x='6' y='5' width='18' height='6' rx='2'/%3E%3Ccircle cx='6' cy='4.5' r='3.6'/%3E%3Ccircle cx='6' cy='11.5' r='3.6'/%3E%3Ccircle cx='24' cy='4.5' r='3.6'/%3E%3Ccircle cx='24' cy='11.5' r='3.6'/%3E%3C/g%3E%3Crect x='6' y='6' width='18' height='4' fill='%23fff3dc'/%3E%3C/svg%3E") center/contain no-repeat;transition:opacity .3s,transform .3s}
.vm-lives i.is-lost{opacity:.18;transform:scale(.7) rotate(-20deg)}
.vm-timer{position:relative;height:16px;border-radius:999px;background:rgba(0,0,0,.35);overflow:hidden;box-shadow:inset 0 2px 3px rgba(0,0,0,.4)}
.vm-timer span{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,#f2b84b,var(--g-caramel));border-radius:999px;transition:width .2s linear}
.vm-timer.is-low span{background:linear-gradient(90deg,#d86f64,#b4473f)}
.vm-timer b{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:700 italic .8rem/1 var(--g-display);color:var(--g-cream);text-shadow:0 1px 0 #000}
.vm-card-wrap{position:relative;touch-action:pan-y}
.vm-card-wrap .vm-card{will-change:transform}
.vm-card-wrap.is-dragging .vm-card{transition:none;cursor:grabbing;animation:none}
.vm-card-wrap .vm-card.is-back{animation:none}
.vm-card-wrap .vm-card.is-back{transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.vm-swipe-tag{position:absolute;top:50%;z-index:2;padding:6px 12px;border:4px solid currentColor;border-radius:10px;font:700 italic 1.4rem/1 var(--g-display);text-transform:uppercase;opacity:0;pointer-events:none;transform:translateY(-50%) rotate(-10deg);background:var(--g-paper)}
.vm-swipe-tag--v{right:10px;color:#3e7a46}
.vm-swipe-tag--m{left:10px;color:#b4473f;transform:translateY(-50%) rotate(10deg)}
.vm-swipe-hint{margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 italic .85rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.06em}
.vm-sh-m{color:#ff9a8e;animation:vm-nudge-l 1.6s ease-in-out infinite}.vm-sh-v{color:#9fd18a;animation:vm-nudge-r 1.6s ease-in-out infinite}
.vm-sh-mid{color:var(--g-peach);opacity:.6;font-size:.72rem}
@keyframes vm-nudge-l{50%{transform:translateX(-5px)}}@keyframes vm-nudge-r{50%{transform:translateX(5px)}}
@media (pointer:fine){.vm-swipe-hint{display:none}}
.vm-sure{display:flex;align-items:center;gap:10px;justify-content:center;padding:8px 12px;border-radius:14px;border:2px dashed rgba(255,212,164,.4);cursor:pointer;user-select:none}
.vm-sure input{width:22px;height:22px;accent-color:#f2b84b}
.vm-sure span{display:grid;text-align:left}
.vm-sure b{font:700 italic 1.05rem/1.1 var(--g-display);text-transform:uppercase;color:#ffe08a}
.vm-sure small{font-size:.72rem;color:var(--g-peach);opacity:.85}
.vm-sure:has(input:checked){border-style:solid;border-color:#f2b84b;background:rgba(242,184,75,.15)}
.vm-sure:has(input:disabled){opacity:.5;cursor:default}
/* Ache o mito */
.vm-trio{display:grid;gap:10px}
.vm-trio-item{position:relative;display:block;width:100%;text-align:left;font:inherit;cursor:pointer;background:var(--g-paper);color:#3c2115;border:3px solid var(--g-earth);border-radius:16px;padding:12px 14px 12px 48px;box-shadow:0 6px 0 var(--g-earth);font-weight:800;font-size:1rem;line-height:1.35;transition:transform .1s}
.vm-trio-item::before{content:attr(data-letter);position:absolute;left:12px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--g-caramel);color:var(--g-earth);display:grid;place-items:center;font:700 italic 1rem/1 var(--g-display)}
.vm-trio-item:hover:not(:disabled){transform:translateY(-2px)}
.vm-trio-item:focus-visible{outline:3px solid var(--g-cream);outline-offset:3px}
.vm-trio-item:disabled{cursor:default}
.vm-trio-item.is-mito{background:#ffe9e5;border-color:#b4473f}
.vm-trio-item.is-verdade{opacity:.75}
.vm-trio-item.is-picked{box-shadow:0 6px 0 var(--g-earth),0 0 0 4px var(--g-cream)}
.vm-trio-item .vm-trio-stamp{position:absolute;right:10px;bottom:6px;padding:2px 8px;border:3px solid currentColor;border-radius:8px;font:700 italic .95rem/1 var(--g-display);text-transform:uppercase;transform:rotate(-8deg)}
.vm-trio-item.is-mito .vm-trio-stamp{color:#b4473f}
.vm-trio-item.is-verdade .vm-trio-stamp{color:#3e7a46}
.vm-trio-feedback{display:grid;gap:8px}
/* passaporte */
.vm-passport{align-content:start;justify-items:center;gap:14px}
.vm-passport-book{width:100%;background:#2c3f33;border:3px solid var(--g-earth);border-radius:18px;padding:18px 16px;box-shadow:0 8px 0 var(--g-earth),inset 0 0 0 3px rgba(255,224,138,.25);text-align:center;display:grid;gap:8px}
.vm-passport-title{margin:0;font:700 italic clamp(1.8rem,8vw,2.4rem)/1 var(--g-display);text-transform:uppercase;color:#ffe08a;-webkit-text-stroke:5px var(--g-earth);paint-order:stroke fill}
.vm-passport-text{margin:0;font-size:.85rem;color:var(--g-cream);opacity:.85}
.vm-passport-progress{margin:0;font-weight:800;color:#ffe08a}
.vm-stamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:6px;background:var(--g-paper);border-radius:12px;padding:12px;background-image:repeating-linear-gradient(transparent 0 23px,rgba(123,68,38,.08) 23px 24px)}
.vm-stamp-slot{aspect-ratio:1;border-radius:50%;border:3px dashed rgba(123,68,38,.3);display:grid;place-items:center;align-content:center;gap:2px;padding:8px;color:rgba(123,68,38,.45);text-align:center}
.vm-stamp-slot b{font:700 italic .95rem/1.05 var(--g-display);text-transform:uppercase}
.vm-stamp-slot small{font-size:.66rem;font-weight:800}
.vm-stamp-slot.is-got{border:4px double var(--ink,#7b4426);color:var(--ink,#7b4426);transform:rotate(var(--rot,-8deg));opacity:var(--op,1);background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%)}
.vm-result-extra{margin:0;padding:6px 12px;border-radius:12px;background:rgba(72,99,76,.85);border:2px solid #8fb36f;color:var(--g-cream);font-weight:800;font-size:.88rem}

/* pergunta */
.vm-quiz{align-content:start;gap:14px}
.vm-kicker--quit{display:flex;align-items:center;gap:8px}
.vm-quit{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,212,164,.45);background:rgba(0,0,0,.18);color:var(--g-cream,#fff7ea);font:900 .85rem/1 system-ui,sans-serif;cursor:pointer;display:grid;place-items:center}
.vm-quit:hover{background:rgba(0,0,0,.32)}
.vm-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vm-paws{display:flex;gap:6px}
.vm-paws span{width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.3);box-shadow:inset 0 2px 3px rgba(0,0,0,.4);position:relative}
.vm-paws span::after{content:"";position:absolute;inset:4px;border-radius:50%;opacity:.0}
.vm-paws span.is-current{background:rgba(255,212,164,.25);box-shadow:0 0 0 2px var(--g-peach)}
.vm-paws span.is-right{background:var(--g-green-2)}
.vm-paws span.is-wrong{background:var(--g-red-2)}
.vm-paws span.is-right::before,.vm-paws span.is-wrong::before{position:absolute;inset:0;display:grid;place-items:center;font:900 .8rem/1 system-ui,sans-serif;color:#fff}
.vm-paws span.is-right::before{content:"✓"}
.vm-paws span.is-wrong::before{content:"✗"}
.vm-paws--big{justify-content:center}
.vm-paws--big span{width:30px;height:30px}
.vm-card{position:relative;overflow:hidden;background:var(--g-paper);color:#3c2115;border-radius:18px;padding:18px 18px 20px;border:3px solid var(--g-earth);
  box-shadow:0 8px 0 var(--g-earth),0 18px 30px rgba(0,0,0,.3);
  background-image:repeating-linear-gradient(transparent 0 27px,rgba(123,68,38,.09) 27px 28px);animation:vm-card-in .35s cubic-bezier(.2,1.4,.4,1) both}
@keyframes vm-card-in{from{opacity:0;transform:translateY(16px) rotate(-1deg)}to{opacity:1;transform:none}}
.vm-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.vm-counter{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7b4426}
.vm-place{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#f4e5cf;color:#55301d;font-size:.78rem;font-weight:800}
.vm-place::before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2355301d' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cellipse cx='8' cy='8' rx='2.8' ry='6.5'/%3E%3Cpath d='M1.8 6h12.4M1.8 10h12.4'/%3E%3C/svg%3E") center/contain no-repeat}
.vm-statement{margin:0;font-size:clamp(1.2rem,4.6vw,1.5rem);line-height:1.3;font-weight:800;letter-spacing:-.01em;color:#3c2115;text-wrap:pretty}
.vm-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vm-stamp{flex:none;padding:6px 12px;border:5px solid currentColor;border-radius:10px;font:700 italic 1.6rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.04em;opacity:0;pointer-events:none;mix-blend-mode:multiply}
.vm-stamp.is-on{animation:vm-stamp .4s cubic-bezier(.2,1.5,.4,1) forwards}
.vm-stamp.is-verdade{color:#3e7a46}
.vm-stamp.is-mito{color:#b4473f}
@keyframes vm-stamp{from{opacity:0;transform:scale(2.2) rotate(-24deg)}to{opacity:.9;transform:rotate(-12deg)}}
.vm-feedback{margin-top:14px;padding-top:12px;border-top:2px dashed rgba(123,68,38,.3);display:grid;gap:8px;animation:vm-fade .3s ease both}
@keyframes vm-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.vm-verdict{margin:0;font:700 italic 1.35rem/1.1 var(--g-display);text-transform:uppercase}
.vm-feedback.is-right .vm-verdict{color:#3e7a46}
.vm-feedback.is-wrong .vm-verdict{color:#b4473f}
.vm-explanation{margin:0;font-size:.98rem;line-height:1.5;color:#3c2115}
.vm-source{margin:0;font-size:.8rem;color:#6b5b50}
.vm-source a{color:#7b4426;font-weight:700}
.vm-guide{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 6px;border-radius:999px;background:#7b4426;color:#fff7ea;font:700 italic .9rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;box-shadow:0 3px 0 #3c2115}
.vm-guide:hover{background:#8f5230}
.vm-guide::before{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff7ea' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M4 19V5'/%3E%3C/svg%3E") center/contain no-repeat}
.vm-guide::after{content:"›";font-size:1.1rem}
.vm-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:2px}
.vm-answer{border:0;padding:0;border-radius:18px;cursor:pointer;font:inherit;background:var(--edge);box-shadow:0 10px 20px rgba(0,0,0,.3)}
.vm-answer span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border-radius:18px;transform:translateY(-6px);background:var(--face);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.35);transition:transform .08s}
.vm-answer b{font:700 italic 1.7rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.02em}
.vm-answer kbd{font:800 .72rem/1 system-ui,sans-serif;padding:4px 6px;border-radius:6px;background:rgba(0,0,0,.22)}
.vm-answer--true{--edge:#2f4733;--face:linear-gradient(#6f9e6c,#48634c)}
.vm-answer--myth{--edge:#7a2c26;--face:linear-gradient(#d86f64,#b4473f)}
.vm-answer:hover:not(:disabled) span{transform:translateY(-7px);filter:brightness(1.06)}
.vm-answer:active:not(:disabled) span{transform:translateY(-1px)}
.vm-answer:focus-visible{outline:3px solid var(--g-cream);outline-offset:3px}
.vm-answer:disabled{cursor:default}
.vm-answer:disabled span{transform:translateY(-2px);filter:saturate(.5) brightness(.8)}
.vm-answer.is-picked span{filter:none;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 0 0 3px var(--g-cream)}

/* resultado */
.vm-result{align-content:center;justify-items:center;padding-top:34px}
.vm-result-card{position:relative;width:min(100%,420px);display:grid;justify-items:center;gap:10px;padding:32px 18px 18px;border-radius:24px;text-align:center;
  background:radial-gradient(110% 80% at 50% 0%,var(--g-earth-3),var(--g-earth-2) 55%,var(--g-earth));border:3px solid var(--g-earth);
  box-shadow:0 0 0 2px rgba(255,212,164,.18) inset,0 18px 40px rgba(0,0,0,.45);animation:vm-pop .45s cubic-bezier(.2,1.5,.4,1) both}
@keyframes vm-pop{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}
.vm-ribbon{position:absolute;top:-16px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;padding:7px 22px;border-radius:8px;
  font:700 italic .95rem/1 var(--g-display);text-transform:uppercase;letter-spacing:.06em;background:var(--ribbon,#c98245);color:var(--g-earth);border:3px solid var(--g-earth);box-shadow:0 4px 0 var(--g-earth)}
.vm-result-dog{width:144px;height:72px;background:url(../shared/assets/dachshund/poses-v2.png) 0 0/432px 144px no-repeat}
.vm-result-title{margin:0;font:700 italic clamp(2.6rem,12vw,3.4rem)/.95 var(--g-display);text-transform:uppercase;color:var(--g-cream);-webkit-text-stroke:7px var(--g-earth);paint-order:stroke fill;
  text-shadow:1px 1px 0 var(--g-shadow),2px 2px 0 var(--g-shadow),3px 3px 0 var(--g-shadow),4px 4px 0 var(--g-shadow),5px 5px 0 var(--g-earth);transform:rotate(-3deg)}
.vm-result-text{margin:0;color:var(--g-peach);font-size:.92rem;max-width:32ch}
.vm-tally{display:flex;gap:6px;width:100%;justify-content:center}
.vm-tally span{flex:1;max-width:120px;display:grid;padding:8px 6px;border-radius:14px;background:rgba(0,0,0,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
.vm-tally small{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--g-peach);opacity:.75}
.vm-tally strong{font:700 italic 1.5rem/1.1 var(--g-display);color:var(--g-cream);font-variant-numeric:tabular-nums}
.vm-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px}
.vm-share-status{margin:0;color:var(--g-peach);font-size:.85rem}
.vm-share-status:empty{display:none}
.is-perfect{--ribbon:linear-gradient(#ffe08a,#f2b84b)}
.is-perfect .vm-result-dog,.is-good .vm-result-dog{background-position:-144px 0;animation:vm-hop .5s ease-in-out 3}
.is-low .vm-result-dog{background-position:-288px 0}
@keyframes vm-hop{50%{transform:translateY(-10px)}}
.vm-confetti{position:absolute;inset:0;pointer-events:none;display:none}
.is-perfect .vm-confetti{display:block}
.vm-confetti i{position:absolute;left:50%;top:36%;width:16px;height:7px;border-radius:4px;background:var(--g-cream);opacity:0;
  box-shadow:-5px -2px 0 -1px var(--g-cream),-5px 2px 0 -1px var(--g-cream),5px -2px 0 -1px var(--g-cream),5px 2px 0 -1px var(--g-cream);animation:vm-burst 1.1s cubic-bezier(.15,.7,.4,1) .15s forwards}
.vm-confetti i:nth-child(even){background:#f2b84b;box-shadow:none;width:10px;height:10px;border-radius:50%}
.vm-confetti i:nth-child(1){--x:-150px;--y:-120px;--r:200deg}.vm-confetti i:nth-child(2){--x:140px;--y:-130px;--r:-160deg}
.vm-confetti i:nth-child(3){--x:-180px;--y:-10px;--r:120deg}.vm-confetti i:nth-child(4){--x:175px;--y:-30px;--r:-220deg}
.vm-confetti i:nth-child(5){--x:-110px;--y:-170px;--r:300deg}.vm-confetti i:nth-child(6){--x:100px;--y:-180px;--r:-90deg}
.vm-confetti i:nth-child(7){--x:-200px;--y:-90px;--r:40deg}.vm-confetti i:nth-child(8){--x:205px;--y:-95px;--r:-40deg}
@keyframes vm-burst{0%{opacity:1;transform:translate(-50%,0) rotate(0) scale(.4)}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(var(--y) + 60px)) rotate(var(--r)) scale(1)}}

@media (max-width:560px){
  .vm-header-in{min-height:60px;gap:8px}
  .vm-logo small{display:none}
  .vm-score span{min-width:60px;padding:2px 8px}
  .vm-icon{width:40px;height:40px}
  .vm-play{padding:12px 10px 6px}
  .vm-stage{border-radius:20px}
  .vm-screen{padding:18px 14px 16px}
  .vm-card{padding:14px 14px 16px}
}
@media (max-width:440px){
  .vm-logo>span:last-child{display:none}
  .vm-logo-dog{width:60px;height:30px;background-size:180px 60px}
  .vm-stamp{font-size:1.3rem}
}
@media (prefers-reduced-motion:reduce){
  .vm-title-logo,.vm-hero-dog,.vm-bubble,.vm-title .vm-play-btn span,.vm-card,.vm-result-card,.vm-result-dog,.vm-confetti i,.vm-feedback{animation:none!important}
  .vm-stamp.is-on{animation:none;opacity:.9;transform:rotate(-12deg)}
}
@media (max-width:440px){
  .vm-quiz-top{gap:6px}
  .vm-run span{min-width:52px;padding:4px 6px}
  .vm-lives{gap:2px}
  .vm-lives i{width:22px;height:13px}
  .vm-kicker--quit{font-size:.8rem;letter-spacing:.04em;gap:6px}
  .vm-quit{width:26px;height:26px}
}
.vm-trio-item{padding-bottom:30px}
.vm-flash--stamp{top:12%;font-size:1.25rem;color:#ffd4a4;-webkit-text-stroke:4px var(--g-earth)}

/* ---- cara de jogo (19/10, rodada 2) ---- */
.vm-screen.is-active{animation:vm-screen-in .32s cubic-bezier(.2,1.2,.4,1) both}
@keyframes vm-screen-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.vm-quiz.is-active{display:flex;flex-direction:column}
.vm-hud{padding:6px 8px 6px 6px;border-radius:999px;background:rgba(0,0,0,.32);box-shadow:inset 0 2px 5px rgba(0,0,0,.45),0 1px 0 rgba(255,212,164,.12)}
.vm-hud .vm-run span{background:rgba(255,212,164,.08);padding:3px 10px;border-radius:999px}
.vm-hud .vm-paws{padding-right:4px}
.vm-card::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:repeating-linear-gradient(90deg,#c98245 0 14px,#e09a57 14px 28px);opacity:.9}
.vm-card{padding-top:22px}
.vm-statement{font-size:clamp(1.25rem,4.8vw,1.55rem)}
.vm-verdict{display:flex;align-items:center;gap:8px}
.vm-feedback.is-right .vm-verdict::before,.vm-feedback.is-wrong .vm-verdict::before{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font:900 .95rem/1 system-ui,sans-serif}
.vm-feedback.is-right .vm-verdict::before{content:"✓";background:#3e7a46}
.vm-feedback.is-wrong .vm-verdict::before{content:"✗";background:#b4473f}
.vm-card.is-right{animation:vm-good .5s ease}
.vm-card.is-wrong{animation:vm-shake .45s ease}
@keyframes vm-good{30%{transform:scale(1.03)}}
@keyframes vm-shake{20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
/* parceiro na tela da pergunta */
.vm-buddy{margin-top:auto;display:flex;align-items:flex-end;gap:4px;min-height:74px;pointer-events:none}
.vm-buddy-dog{flex:none;width:120px;height:60px;background:url(../shared/assets/dachshund/poses-v2.png) -240px 0/360px 120px no-repeat;transform-origin:50% 100%}
.vm-buddy[data-pose="think"] .vm-buddy-dog{background-position:-240px 0;animation:vm-think 2.4s ease-in-out infinite}
.vm-buddy[data-pose="right"] .vm-buddy-dog{background-position:-120px 0;animation:vm-hop .45s ease-in-out 2}
.vm-buddy[data-pose="wrong"] .vm-buddy-dog{background-position:-240px 0;animation:vm-tilt .6s ease}
.vm-buddy[data-pose="run"] .vm-buddy-dog{animation:vm-run .42s steps(1) infinite}
@keyframes vm-tilt{30%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}}
@keyframes vm-run{0%{background-position:0 -60px}33%{background-position:-120px -60px}66%{background-position:-240px -60px}}
.vm-buddy-talk{position:relative;margin:0 0 34px;padding:8px 12px 7px;border-radius:14px 14px 14px 4px;background:var(--g-cream);color:var(--g-earth);border:3px solid var(--g-earth);font:700 italic .95rem/1.1 var(--g-display);text-transform:uppercase;letter-spacing:.02em;box-shadow:0 4px 0 var(--g-earth);animation:vm-talk .3s cubic-bezier(.2,1.5,.4,1) both}
.vm-buddy-talk:empty{display:none}
.vm-buddy[data-pose="right"] .vm-buddy-talk{background:#dff0d2;color:#24412a}
.vm-buddy[data-pose="wrong"] .vm-buddy-talk{background:#ffe1dc;color:#5a1d18}
@keyframes vm-talk{from{opacity:0;transform:scale(.6) translateY(8px)}to{opacity:1;transform:none}}
/* contagem antes da partida */
.vm-countdown{position:absolute;inset:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;padding:20px;background:radial-gradient(circle,rgba(60,33,21,.92),rgba(20,10,5,.96))}
.vm-cd-mode{margin:0;font:700 italic clamp(2rem,9vw,2.8rem)/1 var(--g-display);text-transform:uppercase;color:#ffe08a;-webkit-text-stroke:7px var(--g-earth);paint-order:stroke fill;text-shadow:3px 3px 0 var(--g-shadow),5px 5px 0 var(--g-earth);transform:rotate(-3deg);animation:vm-pop .4s cubic-bezier(.2,1.5,.4,1) both}
.vm-cd-rule{margin:0 0 10px;color:var(--g-peach);font-weight:800;font-size:.95rem}
.vm-cd-num{font:700 italic 5rem/1 var(--g-display);color:var(--g-cream);-webkit-text-stroke:8px var(--g-earth);paint-order:stroke fill;text-shadow:4px 4px 0 var(--g-shadow),7px 7px 0 var(--g-earth);text-transform:uppercase}
.vm-cd-num.is-tick{animation:vm-tick .4s cubic-bezier(.2,1.5,.4,1) both}
.vm-cd-num.is-go{color:#bfe0a8;font-size:3.6rem}
@keyframes vm-tick{from{opacity:0;transform:scale(2.2)}to{opacity:1;transform:none}}
.vm-passport .vm-btn2{justify-self:center}
@media (max-height:700px){.vm-buddy{display:none}}
@media (prefers-reduced-motion:reduce){.vm-screen.is-active,.vm-mode-btn,.vm-sh-m,.vm-sh-v,.vm-buddy-dog,.vm-cd-num{animation:none!important}}
.vm-quiz .vm-play-btn--next{align-self:center}
.vm-buddy-talk{margin-left:-6px}