/* =============================
   css/scenes/vote.css
   ============================= */
/* ===== cena: urna eletrônica (fase 8) ===== */
#scene-vote .bg{left:0;top:0;width:360px;height:640px}
#scene-vote .headcard{left:8px;width:196px;top:8px;background:#fff}
#scene-vote .headcard b{color:#2b5fa8}
#scene-vote .bal{left:12px;right:12px;top:68px;z-index:8}
#scene-vote .vhint{left:66px;width:228px;top:102px;z-index:3;text-align:center;font:900 11.5px "PDDText","Comic Sans MS",sans-serif;color:#fff;text-shadow:-1px -1px 0 #111,1px -1px 0 #111,-1px 1px 0 #111,1px 1px 0 #111;animation:pulse .9s infinite}

/* urna */
#scene-vote .urna{left:24px;top:138px;width:312px;height:296px;background:#e4e1d6;border:5px solid var(--k);border-radius:18px;box-shadow:6px 6px 0 var(--k);z-index:2;padding:8px}
#scene-vote .urna.shake{animation:vShake .4s linear}
@keyframes vShake{20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
#scene-vote .uscreen{position:relative;height:148px;background:#26322a;border:4px solid var(--k);border-radius:10px;padding:5px}
#scene-vote .lcd{position:relative;height:100%;background:#d3efd0;border:3px solid #111;border-radius:4px;padding:4px 8px;font-family:"Courier New",monospace;color:#10260f;overflow:hidden}
#scene-vote .uh{font-size:11px;font-weight:700;text-align:center;letter-spacing:.3px}
#scene-vote .urow{display:flex;align-items:center;gap:6px;margin-top:4px}
#scene-vote .ulab{font-size:11px;font-weight:700;margin-right:2px}
#scene-vote .dg{display:inline-block;width:32px;height:38px;border:3px solid #111;background:#eaffe8;text-align:center;font:900 30px/32px "PDDTitle",Impact,sans-serif;font-style:normal}
#scene-vote .dg.on{background:#fff9c4;animation:blinkD .7s steps(2) infinite}
@keyframes blinkD{50%{background:#eaffe8}}
#scene-vote .cinfo{position:absolute;left:8px;right:8px;top:54px;display:flex;gap:8px;align-items:center;animation:pop .25s ease-out}
#scene-vote .photo{width:44px;height:55px;border:3px solid #111;overflow:hidden;flex:none}
#scene-vote .candsvg{display:block;width:100%;height:100%}
#scene-vote .ctxt b{display:block;font:900 20px "PDDTitle",Impact,sans-serif;letter-spacing:.5px}
#scene-vote .ctxt span{display:block;font-size:11px;font-weight:700;line-height:1.15}
#scene-vote .ctxt small{display:block;font-size:8.5px;color:#7a1f1f;line-height:1.1;margin-top:2px}
#scene-vote .uerr{position:absolute;left:8px;right:8px;top:64px;text-align:center;font-size:15px;font-weight:900;color:#a31620;animation:pop .2s ease-out}
#scene-vote .uerr small{display:block;font-size:10px;color:#10260f;font-weight:700;margin-top:2px}
#scene-vote .uend{position:absolute;inset:0;background:#d3efd0;display:flex;align-items:center;justify-content:center;font:900 70px "PDDTitle",Impact,sans-serif;letter-spacing:6px;animation:pop .3s ease-out}
#scene-vote .uft{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-size:8.5px;font-weight:700;border-top:2px solid #111;padding-top:2px}
#scene-vote .urna.off .uscreen{filter:brightness(1.15)}

/* teclado: só 1, 2 e 3 */
#scene-vote .ukeys{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
#scene-vote .key{font:900 24px "PDDTitle",Impact,sans-serif;color:#fff;background:#2a2a30;border:4px solid var(--k);border-radius:10px;height:50px;cursor:pointer;box-shadow:0 4px 0 #000;grid-column:span 2}
#scene-vote .key:active{transform:translateY(4px);box-shadow:none}
#scene-vote .key.corr,#scene-vote .key.conf{font:900 14px "PDDText","Comic Sans MS",sans-serif;color:var(--k);height:54px;grid-column:span 3}
#scene-vote .key.corr{background:#ff9a2e}
#scene-vote .key.conf{background:#3ecf5a;animation:pulse 1.2s infinite}
#scene-vote .ubrand{margin-top:8px;text-align:center;font:900 9.5px "PDDText","Comic Sans MS",sans-serif;letter-spacing:1px;color:#555}

#scene-vote .tag{z-index:5}
#scene-vote .th{left:8px;top:438px;transform:rotate(-4deg)}
#scene-vote .char.h{left:4px;bottom:6px;width:124px;height:186px;z-index:3}
#scene-vote .char.dog{left:60px;top:526px;width:144px;height:98px;z-index:4;transform-origin:20% 90%}
#scene-vote .char.dog.rage{animation:dogRage .12s infinite alternate}
@keyframes dogRage{from{transform:rotate(-1.5deg) translateX(-1px)}to{transform:rotate(1.5deg) translateX(1px)}}
#scene-vote .char.dog .dtail{transform-box:fill-box;transform-origin:0 100%;animation:tailW .2s infinite alternate}
@keyframes tailW{to{transform:rotate(14deg)}}