.elementor-1326 .elementor-element.elementor-element-58f5caf2{--display:flex;--overlay-opacity:0.5;}.elementor-1326 .elementor-element.elementor-element-58f5caf2:not(.elementor-motion-effects-element-type-background), .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D3D3D;}.elementor-1326 .elementor-element.elementor-element-58f5caf2::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .elementor-background-video-container::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .elementor-background-slideshow::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1326 .elementor-element.elementor-element-a31f2f7{--display:flex;--overlay-opacity:0.5;}.elementor-1326 .elementor-element.elementor-element-a31f2f7:not(.elementor-motion-effects-element-type-background), .elementor-1326 .elementor-element.elementor-element-a31f2f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1326 .elementor-element.elementor-element-a31f2f7::before, .elementor-1326 .elementor-element.elementor-element-a31f2f7 > .elementor-background-video-container::before, .elementor-1326 .elementor-element.elementor-element-a31f2f7 > .e-con-inner > .elementor-background-video-container::before, .elementor-1326 .elementor-element.elementor-element-a31f2f7 > .elementor-background-slideshow::before, .elementor-1326 .elementor-element.elementor-element-a31f2f7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1326 .elementor-element.elementor-element-a31f2f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1326 .elementor-element.elementor-element-b215cb3{color:var( --e-global-color-secondary );}.elementor-1326 .elementor-element.elementor-element-a37f235{color:#A3A3A3;}@media(max-width:767px){.elementor-1326 .elementor-element.elementor-element-58f5caf2::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .elementor-background-video-container::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .elementor-background-slideshow::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1326 .elementor-element.elementor-element-58f5caf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://pogodnosti.net/wp-content/uploads/2025/05/DON-DINO-BACK-big-1.jpg");}.elementor-1326 .elementor-element.elementor-element-58f5caf2{--overlay-opacity:0.25;--border-radius:25px 25px 25px 25px;--padding-top:49px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1326 .elementor-element.elementor-element-a31f2f7{--overlay-opacity:0.37;--border-radius:27px 27px 27px 27px;}.elementor-1326 .elementor-element.elementor-element-43fc0fb4 img{width:51%;border-radius:50000px 50000px 50000px 50000px;}.elementor-1326 .elementor-element.elementor-element-b215cb3{text-align:center;}.elementor-1326 .elementor-element.elementor-element-a37f235{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-0ff1e0b */.flappy-wrapper {
  max-width: 320px;
  margin: 0 auto;
  position: relative;
  font-family: 'Press Start 2P', cursive;
}

canvas {
  display: block;
  width: 100%;
  height: auto;
  background: linear-gradient(to bottom, #87CEEB, #e0f7fa); /* svijetlo plavo nebo */
  border-radius: 20px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.score-bar {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  color: #222;
  padding: 12px 16px;
  font-weight: bold;
  font-size: 10px;
  border-radius: 12px;
  margin-bottom: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.start-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 5;
}

.start-screen button {
  margin-top: 12px;
  padding: 12px 24px;
  background: #5EE270;
  border: none;
  border-radius: 12px;
  font-size: 10px;
  color: #1a1b1f;
  font-family: 'Press Start 2P', cursive;
  cursor: pointer;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  transition: transform 0.1s ease;
}

.start-screen button:hover {
  transform: scale(1.05);
}

#winMessage, #limitMessage {
  font-size: 10px;
  text-align: center;
  color: #fff;
  margin-top: 12px;
  font-family: 'Press Start 2P', cursive;
}/* End custom CSS */