body {
    font-family: 'Noto Sans KR', sans-serif;
    background-color: #f3f4f6;
    margin: 0;
    padding: 0;
    overscroll-behavior-y: contain;
}

/* 복권 컨테이너 스타일 */
#ticket-container {
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow: hidden;
    background-color: white;
    border: 2px solid #e5e7eb;
    user-select: none;
    touch-action: none;
    background-repeat: no-repeat;
    background-position: center;
}

/* 결과 화면 (가장 아래) */
#result-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    z-index: 1;
    background: repeating-linear-gradient(45deg, #f9fafb, #f9fafb 10px, #ffffff 10px, #ffffff 20px);
}

/* 제목 화면 (스크래치 아래, 결과 위) */
#title-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
    pointer-events: none;
    display: flex;
    z-index: 2;
}

/* 스크래치 캔버스 */
#scratch-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}

/* 파티클 캔버스 */
#particle-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }

#export-modal { display: none; }
#export-modal.active { display: flex; }

/* 전문가 모드 토글용 */
.expert-mode-el { display: none; }
body.is-expert .expert-mode-el { display: block; }