*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:10px;font-family:Arial,sans-serif;display:flex;overflow:hidden auto}body:has(#telaJogo[style*="display: block"]){align-items:unset;padding:0;display:block;overflow:hidden}.menu-container{text-align:center;background:#000000b3;border-radius:15px;width:100%;max-width:600px;margin:20px auto;padding:20px}.menu-container h1{text-shadow:2px 2px 4px #00000080;margin-bottom:20px;font-size:1.8em}.menu-section{margin:20px 0}.menu-section h2{margin-bottom:15px;font-size:1.2em}.button-group{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;padding:10px 20px;font-size:.9em;font-weight:700;transition:all .3s}.btn:hover{background:#45a049;transform:scale(1.05)}.btn:active{transform:scale(.95)}.btn-primary{background:#2196f3;margin-top:20px}.btn-primary:hover{background:#0b7dda}#inputsNomes{flex-direction:column;gap:10px;margin:15px 0;display:flex}#inputsNomes input{color:#333;background:#ffffffe6;border:2px solid #4caf50;border-radius:6px;padding:8px;font-size:.9em}.config-option{background:#ffffff1a;border-radius:8px;margin:15px 0;padding:12px}.config-option label{cursor:pointer;margin-bottom:8px;font-size:.95em;display:block}.config-option input[type=radio]{margin-right:10px;transform:scale(1.3)}.number-input{color:#333;background:#ffffffe6;border:2px solid #4caf50;border-radius:6px;width:80px;margin-left:10px;padding:8px;font-size:.9em}.jogador-input-group{align-items:center;gap:10px;margin-bottom:15px;display:flex}.nome-input{color:#333;background:#ffffffe6;border:2px solid #4caf50;border-radius:6px;flex:1;padding:8px;font-size:.9em}.btn-cor{cursor:pointer;border:2px solid #fff;border-radius:50%;width:40px;height:40px;transition:all .3s;box-shadow:0 2px 5px #0000004d}.btn-cor:hover{transform:scale(1.1);box-shadow:0 4px 10px #00000080}.paleta-cores{z-index:2000;background:#000000f2;border-radius:20px;min-width:400px;max-width:600px;padding:30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}.paleta-cores h3{color:#fff;text-align:center;margin-bottom:20px;font-size:1.5em}.cores-grid{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:20px;display:grid}.cor-option{cursor:pointer;border:3px solid #fff;border-radius:10px;width:60px;height:60px;transition:all .3s;box-shadow:0 2px 5px #0000004d}.cor-option:hover{border-color:gold;transform:scale(1.15);box-shadow:0 4px 15px #ffffff80}.game-container{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.field-container{background:#2d5016;border:none;align-items:stretch;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.info-overlay{z-index:100;flex-direction:column;gap:10px;display:flex;position:absolute;top:20px}.info-left{left:20px}.info-right{right:20px}.info-box{background:#000c;border:2px solid #ffffff80;border-radius:8px;min-width:140px;padding:12px;box-shadow:0 4px 10px #00000080}.info-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.75em}.info-value{color:#4caf50;word-wrap:break-word;font-size:.9em;font-weight:700}#pontuacao{font-size:.85em;line-height:1.4}#pontuacao div{margin:2px 0;font-size:.85em}.controls-overlay{z-index:100;position:absolute;bottom:20px;right:20px}.btn-overlay{padding:8px 16px;font-size:.75em}#campoCanvas{cursor:crosshair;background:#4a7c2a;width:100vw;height:100vh;display:block}.controls{justify-content:center;gap:15px;display:flex}.controls .btn{min-width:150px}.btn-secondary{background:#666!important}.btn-secondary:hover{background:#555!important}.results-container{text-align:center;background:#000000b3;border-radius:20px;width:100%;max-width:600px;padding:40px}.results-container h1{margin-bottom:30px;font-size:2.5em}#resultados{margin:30px 0;font-size:1.3em}#resultados div{background:#ffffff1a;border-radius:10px;justify-content:space-between;margin:10px 0;padding:15px;display:flex}.golo-animation{z-index:1000;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.golo-text{color:gold;text-shadow:4px 4px red,8px 8px #00f,12px 12px 20px #000c;z-index:1001;font-size:120px;font-weight:700;animation:.5s ease-in-out infinite alternate goloPulse;position:absolute}@keyframes goloPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}#confetisCanvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:1200px){.info-box{min-width:120px;padding:10px}.info-label{font-size:.7em}.info-value{font-size:.85em}}@media (max-width:768px){body{padding:5px}.menu-container,.results-container{max-width:95%;padding:15px}.menu-container h1,.results-container h1{margin-bottom:15px;font-size:1.3em}.menu-section h2{font-size:1em}.game-info{flex-direction:column;gap:15px;padding:15px}.info-section{min-width:100%}.info-section h3{font-size:1.1em}.controls{flex-wrap:wrap;gap:10px}.controls .btn{min-width:120px;padding:12px 20px;font-size:.95em}.golo-text{font-size:60px}.paleta-cores{min-width:90%;max-width:95%;padding:20px}.cores-grid{grid-template-columns:repeat(4,1fr);gap:10px}.cor-option{width:50px;height:50px}}@media (max-width:480px){.menu-container h1,.results-container h1{font-size:1.3em}.btn{padding:12px 20px;font-size:.9em}.button-group{gap:10px}.game-info{padding:10px}.info-section h3{font-size:1em}#pontuacao{font-size:.9em}.golo-text{font-size:50px}.paleta-cores h3{font-size:1.2em}.cores-grid{grid-template-columns:repeat(3,1fr)}.cor-option{width:45px;height:45px}.btn-cor{width:40px;height:40px}}@media (max-height:600px){.info-box{min-width:90px;padding:6px}.info-label{font-size:.6em}.info-value{font-size:.75em}}@media (orientation:landscape) and (max-height:500px){.info-box{min-width:80px;padding:5px}.info-label{font-size:.55em}.info-value{font-size:.7em}}