*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;background:linear-gradient(45deg,#f0f,#0ff,#ff0,#f0f);background-size:400% 400%;animation:fundo-maluco 3s ease infinite;min-height:100vh;padding:20px}@keyframes fundo-maluco{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1{text-align:center;color:red;text-shadow:3px 3px 0 #ff0,-3px -3px 0 blue;font-size:3rem;margin-bottom:10px;animation:pisca .5s infinite}@keyframes pisca{0%,to{opacity:1}50%{opacity:.7}}.subtitulo{color:navy;background:#ff0;display:inline-block;padding:5px 15px;margin:0 auto 10px;border:3px dashed red}.contador,.subtitulo{text-align:center;font-size:1.2rem}.contador{background:#000;color:lime;padding:10px;margin-bottom:10px;border:4px solid lime}.contador-label{margin-right:10px}.contador-valor{font-weight:700;font-size:1.5rem;animation:pisca .5s infinite}.container{max-width:600px;margin:0 auto}.add-form{background:lime;border:5px solid red;padding:15px;margin-bottom:20px;display:flex;gap:10px}.add-form input{flex:1 1;padding:10px;border:3px solid blue}.add-form button,.add-form input{font-size:1rem;font-family:inherit}.add-form button{padding:10px 20px;background:red;color:#fff;border:3px solid #000;cursor:pointer;font-weight:700}.add-form button:hover{background:darkred}.add-form button:disabled{background:gray;cursor:not-allowed}.ranking{list-style:none}.ranking-item{background:#fff;border:4px solid #000;margin-bottom:10px;padding:15px;display:flex;align-items:center;gap:10px}.posicao{font-size:2rem;font-weight:700;color:purple;min-width:50px;text-align:center}.nome{flex:1 1;font-size:1.2rem;word-break:break-word}.acoes{display:flex;gap:5px}.btn-acao{padding:8px 12px;border:3px solid #000;font-size:1.2rem;cursor:pointer;font-family:inherit}.btn-subir{background:#0f0}.btn-descer{background:#f60}.btn-deletar{background:red}.btn-acao:hover{transform:scale(1.1)}.btn-acao:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border:5px solid red;padding:20px;max-width:400px;width:90%;text-align:center;max-height:90vh;overflow-y:auto}.modal h2{color:green;margin-bottom:15px;word-break:break-word;overflow-wrap:anywhere}.qr-code{max-width:200px;margin:15px auto;border:3px solid #000}.codigo-pix{background:#f0f0f0;padding:10px;word-break:break-all;font-size:.8rem;margin:10px 0;border:2px dashed gray}.btn-copiar{background:blue}.btn-copiar,.btn-fechar{color:#fff;border:3px solid #000;padding:10px 20px;cursor:pointer;font-family:inherit;font-size:1rem;margin:5px}.btn-fechar{background:red}.aviso{background:#ff0;border:3px solid red;padding:10px;margin-top:15px;font-size:.9rem}.loading{font-size:1.5rem;color:purple;animation:pisca .5s infinite}.erro,.loading{text-align:center}.erro{background:red;color:#fff;padding:10px;margin-bottom:10px;border:3px solid #000}.vazio{background:#fff;border:4px dashed gray;padding:40px;font-size:1.2rem;color:gray}.footer,.vazio{text-align:center}.footer{margin-top:30px;font-size:.9rem;color:navy;background:hsla(0,0%,100%,.7);padding:10px;border:2px solid #000}.marquee{background:#000;color:lime;padding:5px;overflow:hidden;margin-bottom:20px}.marquee span{display:inline-block;animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.historico{background:#fff;border:4px solid purple;padding:15px;margin-top:20px}.historico h3{text-align:center;color:purple;margin-bottom:10px;font-size:1.1rem}.historico ul{list-style:none}.historico li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed #ccc;font-size:.9rem}.historico li:last-child{border-bottom:none}.hist-emoji{font-size:1.2rem}.hist-texto{flex:1 1}.hist-tempo{color:gray;font-size:.8rem}@media (max-width:500px){body{padding:10px}h1{font-size:2rem}.subtitulo{font-size:1rem;padding:5px 10px}.contador{font-size:1rem;padding:8px}.contador-valor{font-size:1.2rem;display:block;margin-top:5px}.contador-label{margin-right:0}.marquee{font-size:.85rem}.add-form{flex-direction:column;padding:10px}.add-form input{font-size:.9rem;padding:8px}.add-form button{padding:10px;font-size:.9rem}.ranking-item{padding:10px;gap:8px;flex-wrap:wrap}.posicao{font-size:1.5rem;min-width:40px}.nome{font-size:1rem;flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 100px)}.acoes{width:100%;justify-content:center;margin-top:8px}.btn-acao{padding:10px 16px;font-size:1.1rem;flex:1 1;max-width:80px}.modal{width:95%;padding:15px;max-height:85vh}.modal h2{font-size:1.1rem}.qr-code{max-width:160px}.codigo-pix{font-size:.7rem;padding:8px}.btn-copiar,.btn-fechar{padding:10px 15px;font-size:.9rem;display:block;width:100%;margin:5px 0}.aviso{font-size:.8rem;padding:8px}.historico{padding:10px}.historico h3{font-size:1rem}.footer,.historico li{font-size:.8rem}.footer{padding:8px}}