.entrada{--fliperama:#12081f;--laca:#f0447a;--laca-funda:#b8235a;--gabinete:#2a0f3d;--vidro:#1a0d2e;--cromo:#e6e9f2;--lampada:#ffd66b;--menta:#7fe0c2;--morango:#ff6b8b;--tinta:#fff4f8;--tinta-fraca:#cdb8d9;--fonte-letreiro:"Bagel Fat One","Baloo 2",sans-serif;--fonte-titulo:"Baloo 2","Figtree",sans-serif;--fonte-dado:"Geist Mono",ui-monospace,monospace;min-height:100vh;margin:0;font-family:"Figtree",sans-serif;color:var(--tinta);color-scheme:dark;background:radial-gradient(ellipse 60% 45% at 50% 38%,rgba(240,68,122,.22),transparent 70%),radial-gradient(ellipse 40% 30% at 50% 100%,rgba(134,207,255,.12),transparent 70%),var(--fliperama)}.entrada main{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.maquina{width:min(420px,100%);position:relative}.maquina>:not(.rodape):not(svg){filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}.letreiro{position:relative;margin:0 18px;padding:22px 18px 18px;border-radius:26px 26px 10px 10px;background:linear-gradient(180deg,#ff6f98,var(--laca) 45%,var(--laca-funda));box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -6px 0 rgba(0,0,0,.18);text-align:center}.lampadas{position:absolute;inset:7px 12px auto;display:flex;justify-content:space-between}.lampadas i{width:8px;height:8px;border-radius:50%;background:#ffe9b0;box-shadow:0 0 6px 2px rgba(255,214,107,.8);animation:lampada-acende 1.6s infinite steps(1)}.lampadas i:nth-child(2n){animation-delay:.8s}@keyframes lampada-acende{0%,100%{opacity:1}50%{opacity:.25;box-shadow:none}}.logotipo{margin:4px 0 0;font-family:var(--fonte-letreiro);font-weight:400;font-size:3.1rem;line-height:1;color:#fff;text-shadow:0 3px 0 var(--laca-funda),0 0 18px rgba(255,255,255,.45)}.logotipo small{display:inline-block;margin-left:.3rem;padding:.1rem .45rem .05rem;border-radius:999px;vertical-align:.9rem;font-family:var(--fonte-dado);font-size:.8rem;font-weight:600;text-shadow:none;color:var(--laca-funda);background:var(--lampada)}.vidro-da-maquina,.painel-de-controle{position:relative;margin:16px;--laca-em-volta:0 0 0 16px var(--laca)}.vidro-da-maquina{height:300px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(134,207,255,.08),transparent 40%),var(--vidro);box-shadow:inset 0 0 0 4px var(--cromo),inset 0 0 0 6px rgba(0,0,0,.35),inset 0 18px 40px rgba(0,0,0,.45),var(--laca-em-volta)}.vidro-da-maquina::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.13) 19%,rgba(255,255,255,.03) 30%,transparent 31%,transparent 58%,rgba(255,255,255,.07) 59%,transparent 64%);pointer-events:none;z-index:5}.trilho{position:absolute;top:14px;left:18px;right:18px;height:6px;border-radius:3px;background:linear-gradient(180deg,#fff,#9aa2b8)}.garra{position:absolute;top:14px;left:62%;width:64px;margin-left:-32px;z-index:3}.garra .cabo{display:block;width:3px;height:46px;margin:0 auto;background:linear-gradient(90deg,#8b93ab,#fff,#8b93ab)}.garra svg{display:block}.pilha{position:absolute;left:-10px;right:-10px;bottom:-18px;height:190px}.pelucia{position:absolute;width:92px;height:92px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}.pelucia-menor{width:82px;height:82px}.premio{z-index:2;transform:rotate(-8deg)}.painel-de-controle{padding:20px 18px 18px;border-radius:14px;background:linear-gradient(180deg,#3a1652,var(--gabinete));box-shadow:inset 0 2px 0 rgba(255,255,255,.08),var(--laca-em-volta)}.chamada{margin:0 0 14px;font-size:.9rem;color:var(--tinta-fraca);text-align:center}.campo{display:block;margin-bottom:10px}.campo>span:first-child{display:block;margin:0 0 5px 4px;font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--tinta-fraca)}.painel-de-controle .form-control{min-height:46px;padding:.72rem .95rem;border:2px solid transparent;border-radius:12px;font:500 .98rem "Figtree",sans-serif;color:var(--tinta);background:rgba(0,0,0,.32);box-shadow:inset 0 2px 6px rgba(0,0,0,.4)}.painel-de-controle .form-control::placeholder{color:rgba(205,184,217,.45)}.painel-de-controle .form-control:focus{border-color:var(--menta);background:rgba(0,0,0,.4);color:var(--tinta);box-shadow:inset 0 2px 6px rgba(0,0,0,.4)}.painel-de-controle .form-control:disabled{background:rgba(255,255,255,.05);color:var(--tinta);font-family:var(--fonte-dado)}.painel-de-controle .input-group{display:flex;gap:8px}.painel-de-controle .input-group .form-control{border-radius:12px!important}.btn-trocar-conta{flex:none;width:46px;border:0;border-radius:12px!important;color:var(--gabinete);background:var(--cromo);box-shadow:0 3px 0 #8f97ad}.btn-trocar-conta:active{transform:translateY(2px);box-shadow:0 1px 0 #8f97ad}.mensagem-de-erro{margin-top:4px;padding:.7rem .9rem;border-radius:12px;border:1px solid rgba(255,107,139,.4);background:rgba(255,107,139,.1);color:#ffc2cf;font-size:.88rem}.comandos{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:30px}.manche{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1a0a28,#0d0516);box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.1)}.manche::before{content:"";position:absolute;left:50%;bottom:50%;width:7px;height:34px;margin-left:-3.5px;border-radius:4px;background:linear-gradient(90deg,#8b93ab,#fff,#8b93ab);transform-origin:bottom;transform:rotate(-12deg)}.manche::after{content:"";position:absolute;left:50%;top:-22px;width:26px;height:26px;margin-left:-19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--menta) 13% 60%,#3fae8f);box-shadow:0 3px 6px rgba(0,0,0,.4)}.botao-da-maquina{width:100%;padding:.85rem 1rem 1rem;border:0;border-radius:999px;font:800 1.15rem var(--fonte-titulo);letter-spacing:.02em;color:#fff;cursor:pointer;background:radial-gradient(ellipse 80% 60% at 50% 25%,#ff86a8,var(--laca) 60%);box-shadow:0 6px 0 var(--laca-funda),0 10px 18px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.5);transition:transform .08s,box-shadow .08s,filter .15s}.botao-da-maquina:hover{filter:brightness(1.06)}.botao-da-maquina:active,.maquina.pegando .botao-da-maquina{transform:translateY(5px);box-shadow:0 1px 0 var(--laca-funda),0 3px 8px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.5)}.botao-da-maquina:disabled{cursor:progress}.painel-de-controle .form-control:focus-visible{outline:0}.botao-da-maquina:focus-visible,.esqueci-a-senha:focus-visible,.rodape a:focus-visible{outline:3px solid var(--lampada);outline-offset:3px}.rodape-do-painel{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.esqueci-a-senha{font-size:.84rem;color:var(--tinta-fraca);text-decoration:underline;text-underline-offset:3px}.esqueci-a-senha:hover{color:#fff}.ficha{display:flex;align-items:center;gap:.5rem;font-family:var(--fonte-dado);font-size:.62rem;letter-spacing:.1em;color:rgba(205,184,217,.6)}.ficha i{width:8px;height:26px;border-radius:4px;background:#0b0412;box-shadow:inset 0 0 0 2px #6d5c80,0 0 8px rgba(255,214,107,.35)}.pe{height:26px;margin:0 40px;position:relative;top:0;border-radius:0 0 18px 18px;background:linear-gradient(180deg,var(--laca-funda),#7d1640)}.rodape{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:22px;font-size:.74rem;color:rgba(205,184,217,.6)}.rodape .ironbug img{height:18px;opacity:.55;filter:grayscale(1) brightness(2);transition:opacity .15s}.rodape .ironbug:hover img{opacity:.9}.maquina.pegando .garra{animation:garra-desce 1.7s cubic-bezier(.45,0,.3,1) forwards}.maquina.pegando .premio{animation:premio-sobe 1.7s cubic-bezier(.45,0,.3,1) forwards}@keyframes garra-desce{0%{transform:translateY(0)}40%,52%{transform:translateY(118px)}100%{transform:translateY(18px)}}@keyframes premio-sobe{0%,52%{transform:translateY(0) rotate(-8deg)}100%{transform:translateY(-100px) rotate(4deg)}}.garra .dedo{transform-origin:32px 6px}.maquina.pegando .garra .dedo-esq{animation:dedo-fecha-esq 1.7s forwards}.maquina.pegando .garra .dedo-dir{animation:dedo-fecha-dir 1.7s forwards}@keyframes dedo-fecha-esq{0%,38%{transform:rotate(0)}50%,100%{transform:rotate(14deg)}}@keyframes dedo-fecha-dir{0%,38%{transform:rotate(0)}50%,100%{transform:rotate(-14deg)}}@media(prefers-reduced-motion:reduce){.lampadas i{animation:none}.maquina.pegando .garra,.maquina.pegando .premio,.maquina.pegando .garra .dedo{animation:none}}@media(max-width:420px){.vidro-da-maquina{height:270px}.logotipo{font-size:2.6rem}.entrada main{padding:1rem .75rem}}