/* [낚시 게임 스타일 - 기존 유지] */
      #minigame-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 10000;
        background: white;
      }
      .swiper {
        width: 100%;
        height: 100%;
      }
      .game-screen {
        width: 100%;
        height: 100%;
        position: relative;
        background: linear-gradient(
          to bottom,
          #c7e0fd 0%,
          #c7e0fd 35%,
          #01579b 55%,
          #01579b 100%
        );
        overflow: hidden;
      }
      /* ... (애니메이션, 배, 파도 CSS는 기존과 동일하게 유지) ... */
      .wave-background,
      .wave-foreground {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 55%;
      }
      .wave-background {
        z-index: 50;
      }
      .wave-foreground {
        z-index: 200;
        pointer-events: none;
      }
      .wave-canvas {
        position: absolute;
        width: 400vw;
        height: 400vw;
        left: -150vw;
        border-radius: 43%;
        animation: wave-rotate 20s infinite linear;
      }
      .wave-canvas.-one {
        background: #4fc3f7;
        opacity: 0.6;
        animation-duration: 15s;
        top: 10px;
      }
      .wave-canvas.-two {
        background: #0670d3;
        opacity: 0.6;
        animation-duration: 22s;
        animation-direction: reverse;
        top: 20px;
      }
      .wave-canvas.-three {
        background: #012d50;
        opacity: 0.4;
        animation-duration: 30s;
        top: 30px;
      }

      .boat-container {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -90%);
        width: 480px;
        height: 320px;
        z-index: 150;
      }
      .boat {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 140px;
        background-color: #894f1c;
        border: 4px solid #5d3513;
        clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 15% 100%);
      }
      .fisherman {
        position: absolute;
        bottom: 135px;
        left: 50%;
        transform: translate(calc(-50% + 180px), 40px);
        width: 280px;
        z-index: -1;
      }
      .fishing-line {
        position: absolute;
        width: 4px;
        background: #fff;
        height: 150px;
        transition: height 0.6s ease-in-out;
        z-index: 60;
      }
      .fishing-line.line-style-0 {
        top: -30px;
        right: -80px;
      }
      .fishing-line.line-style-1 {
        top: 25px;
        right: -78px;
      }
      .fish {
        position: absolute;
        bottom: -35px;
        left: -20px;
        display: none;
        font-size: 2.5rem;
        animation: struggle 0.2s infinite;
      }
      .team-info {
        position: absolute;
        top: 30px;
        left: 40px;
        text-align: left;
        z-index: 300;
      }
      .record-box {
        background: rgba(255, 255, 255, 0.9);
        border: 4px solid #333;
        padding: 20px;
        min-width: 250px;
        min-height: 150px;
        margin-top: 15px;
        font-size: 1.5rem;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      #game-result-overlay {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
        height: 250px;
        background: white;
        padding: 25px;
        border-radius: 20px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        z-index: 10001;
        text-align: center;
      }

      /* [NEW] 최종 결과 팝업(모달) 스타일 */
      #final-result-modal {
        display: none; /* 기본 숨김 */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* 반투명 배경 */
        z-index: 11000;
        justify-content: center;
        align-items: center;
      }
      .modal-content {
        background: white;
        width: 90%;
        max-width: 800px;
        max-height: 90vh;
        border-radius: 15px;
        padding: 20px;
        position: relative;
        overflow-y: auto;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
      }
      .close-modal-btn {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 1.5rem;
        cursor: pointer;
        background: none;
        border: none;
        font-weight: bold;
      }

      @keyframes wave-rotate {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }
      @keyframes struggle {
        0% {
          transform: rotate(-10deg);
        }
        100% {
          transform: rotate(10deg);
        }
      }
/*
  [파일 역할]
  - 팀 배정 후 진행되는 낚시 미니게임 화면의 전용 스타일을 정의하는 파일.

  [왜 필요한가]
  - 일반 화면 스타일과 분리해 게임 오버레이, 파도 애니메이션, 보트/낚싯줄/모달을 독립적으로 관리하기 위함.

  [핵심 기능]
  - 미니게임 전체 오버레이(#minigame-overlay) 레이어 제어
  - 파도 회전 애니메이션(@keyframes wave-rotate)
  - 낚시 성공 흔들림 애니메이션(@keyframes struggle)
  - 게임 결과 오버레이와 최종 결과 모달 레이아웃
*/