/* styles-desktop.css?v=6.5 */
@media only screen and (min-width: 1024px) {
 html:not(.loaded) body {
 visibility: hidden !important;
 }

 html.loaded body {
 visibility: visible !important;
 }

 body {
 touch-action: manipulation;
 margin: 0 !important;
 padding: 0 !important;
 font-family: sans-serif !important;
 background: linear-gradient(180deg, #1a1a1a, #2e2e2e) !important;
 color: #fff !important;
 height: 100vh !important;
 display: flex !important;
 flex-direction: column !important;
 overflow-x: hidden !important;
 overflow-y: auto !important;
 }

 button:focus {
 outline: none !important;
 }

 #jumpButtonMobile {
 display: none !important;
 }

 #top-bar {
 display: flex !important;
 justify-content: space-between !important;
 align-items: center !important;
 background: #1b5e20 !important;
 color: white !important;
 padding: 10px 20px !important;
 width: 100% !important;
 box-sizing: border-box !important;
 position: sticky !important;
 top: 0 !important;
 z-index: 1000 !important;
 min-height: 60px !important;
 }

 #menu-toggle {
 display: none !important;
 }

 #nav-menu {
 display: flex !important;
 align-items: center !important;
 justify-content: flex-start !important;
 width: auto !important;
 }

 #mobile-menu {
 display: none !important;
 }

 #nav-menu ul {
 list-style: none !important;
 display: flex !important;
 flex-direction: row !important;
 gap: 20px !important;
 margin: 0 !important;
 padding: 10px !important;
 }

 #nav-menu a {
 color: white !important;
 text-decoration: none !important;
 font-size: 16px !important;
 transition: color 0.3s ease !important;
 }

 #nav-menu a:hover {
 color: #00ff00 !important;
 }

 .weather-clock {
 display: flex !important;
 flex-direction: row !important;
 align-items: center !important;
 gap: 15px !important;
 margin-left: 20px !important;
 position: absolute !important;
 right: 100px !important;
 font-size: 14px !important;
 color: white !important;
 }

 #weather, #clock {
 width: auto !important;
 max-width: 250px !important;
 padding: 0 10px !important;
 text-align: center !important;
 font-size: 14px !important;
 white-space: nowrap !important;
 overflow: hidden !important;
 text-overflow: ellipsis !important;
 }

 #game-container {
 position: relative !important;
 display: flex !important;
 justify-content: center !important;
 align-items: center !important;
 flex-grow: 1 !important;
 gap: 30px !important;
 padding: 0 20px !important;
 box-sizing: border-box !important;
 overflow: visible !important;
 max-width: 1460px !important;
 min-height: 400px !important;
 margin: 20px auto 0 auto !important;
 flex-direction: row !important;
 }

 #top-ad, #bottom-ad {
 display: none !important;
 }

 #left-ad, #right-ad {
 display: flex !important;
 justify-content: center !important;
 align-items: center !important;
 text-align: center !important;
 padding: 0 !important;
 line-height: 1.2 !important;
 font-size: 14px !important;
 color: #455a64 !important;
 border-radius: 8px !important;
 box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
 flex-shrink: 0 !important;
 overflow: hidden !important;
 box-sizing: border-box !important;
 width: 300px !important;
 height: 400px !important;
 max-width: 300px !important;
 max-height: 400px !important;
 min-width: 300px !important;
 min-height: 400px !important;
 background: #cfd8dc !important;
 }

 #left-ad > ins, #right-ad > ins {
 width: 300px !important;
 height: 400px !important;
 max-width: 300px !important;
 max-height: 400px !important;
 min-width: 300px !important;
 min-height: 400px !important;
 display: block !important;
 overflow: hidden !important;
 box-sizing: border-box !important;
 }

 .adsbygoogle, .adsbygoogle * {
 width: 300px !important;
 height: 400px !important;
 max-width: 300px !important;
 max-height: 400px !important;
 min-width: 300px !important;
 min-height: 400px !important;
 overflow: hidden !important;
 }

 canvas {
 border: none !important;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
 border-radius: 8px !important;
 z-index: 1 !important;
 width: 800px !important;
 height: 400px !important;
 max-width: 800px !important;
 max-height: 400px !important;
 }

 #test-version {
 text-align: center !important;
 padding: 10px !important;
 background: #ffd700 !important;
 color: #000 !important;
 font-size: 14px !important;
 margin: 20px auto !important;
 width: 100% !important;
 box-sizing: border-box !important;
 padding-left: 20px !important;
 padding-right: 20px !important;
 }

 /* Caso #about-section ou #contact-section esteja diretamente no <body> */
 body > #about-section, body > #contact-section {
 padding: 20px !important;
 background: #fff !important;
 text-align: center !important;
 margin: 20px auto !important;
 margin-left: auto !important;
 margin-right: auto !important;
 color: #000 !important;
 border-radius: 8px !important;
 width: 100% !important;
 box-sizing: border-box !important;
 display: block !important;
 }

 /* Caso #about-section ou #contact-section esteja dentro de #game-container */
 #game-container > #about-section, #game-container > #contact-section {
 padding: 20px !important;
 background: #fff !important;
 text-align: center !important;
 margin: 20px auto !important;
 margin-left: auto !important;
 margin-right: auto !important;
 color: #000 !important;
 border-radius: 8px !important;
 width: 100% !important;
 box-sizing: border-box !important;
 display: block !important;
 }

 #about-section h2, #contact-section h2 {
 font-size: 24px !important;
 color: #1b5e20 !important;
 }

 #contact-section a {
 color: #1b5e20 !important;
 text-decoration: underline !important;
 transition: color 0.3s ease !important;
 }

 #contact-section a:hover {
 color: #00ff00 !important;
 }

 #footer {
 width: 100% !important;
 text-align: center !important;
 background: #1b5e20 !important;
 color: white !important;
 padding: 10px !important;
 box-sizing: border-box !important;
 font-size: 14px !important;
 display: block !important;
 }

 #footer a {
 color: #00ff00 !important;
 text-decoration: none !important;
 margin: 0 10px !important;
 transition: color 0.3s ease !important;
 }

 #footer a:hover {
 color: #ccff90 !important;
 }

 #start-banner, #game-over-banner, #victory-banner {
 position: absolute !important;
 background: rgba(0, 0, 0, 0.9) !important;
 padding: 20px !important;
 text-align: center !important;
 border: 3px solid #00ff00 !important;
 border-radius: 12px !important;
 z-index: 2 !important;
 pointer-events: auto !important;
 box-shadow: 0 0 20px rgba(0, 255 , 0, 0.5) !important;
 display: none !important;
 flex-direction: column !important;
 align-items: center !important;
 justify-content: center !important;
 box-sizing: border-box !important;
 }

 #start-banner.active, #game-over-banner.active, #victory-banner.active {
 display: flex !important;
 }

 #start-banner:not(.active) {
 display: flex !important;
 visibility: hidden !important;
 }

 #start-banner {
 max-width: 700px !important;
 width: 85% !important;
 min-height: 150px !important;
 max-height: 200px !important;
 left: 50% !important;
 top: 50% !important;
 transform: translate(-50%, -50%) !important;
 }

 #game-over-banner, #victory-banner {
 max-width: 300px !important;
 width: 300px !important;
 height: 262.2px !important;
 max-height: 262.2px !important;
 left: 50% !important;
 top: 50% !important;
 transform: translate(-50%, -50%) !important;
 }

 #start-banner h1 {
 font-size: 32px !important;
 color: #00ff00 !important;
 margin-bottom: 15px !important;
 }

 #start-banner p {
 font-size: 24px !important;
 color: #d32f2f !important;
 animation: blink 1s infinite !important;
 }

 #game-over-banner h2, #victory-banner h2 {
 font-size: 28px !important;
 color: #00ff00 !important;
 }

 #game-over-banner p, #victory-banner p {
 font-size: 22px !important;
 margin-top: 10px !important;
 color: #fff !important;
 }

 #restart-button, #play-again-button {
 margin-top: 15px !important;
 padding: 10px 20px !important;
 font-size: 18px !important;
 background-color: #00ff00 !important;
 color: white !important;
 border: none !important;
 border-radius: 8px !important;
 cursor: pointer !important;
 transition: background-color 0.3s ease !important;
 }

 #restart-button:hover, #play-again-button:hover {
 background-color: #ccff90 !important;
 }

 @keyframes blink {
 0%, 100% { opacity: 1; }
 50% { opacity: 0; }
 }
}