/* wb-maze.css — 미로 탈출 (test-workbook 원본) */

/* ── 미로 전체 영역 ── */
.maze-content {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
}

/* ── 출발/도착 트랙 ── */
.maze-track {
    position:relative;
    flex-shrink:0;
}
.maze-track.track-start { height:70px; }
.maze-track.track-end   { height:180px; }

/* ── 출발 마커 ── */
.start-marker {
    position:absolute;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    bottom:0;
}

/* ── 도착 마커 ── */
.goal-marker {
    position:absolute;
    transform:translateX(-50%);
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:12px;
    top:0;
}

/* ── 원형 마커 ── */
.marker-circle {
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:white;
    font-weight:900;
    flex-shrink:0;
}
.marker-circle.green { background:#16A085; }
.marker-circle.red   { background:#E74C3C; }

.marker-text {
    font-size:20px;
    font-weight:900;
    color:#666;
}

/* ── 목표 이미지 ── */
.goal-img {
    width:220px;
    height:220px;
    object-fit:contain;
}
.goal-label {
    font-size:36px;
    font-weight:900;
    color:#555;
    letter-spacing:3px;
    white-space:nowrap;
}