@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Prompt:wght@300;400;600&display=swap');

body {
    font-family: 'Prompt', sans-serif;
}

.night-pastel-bg {
    background: linear-gradient(135deg, #18122B 0%, #291C3A 50%, #151122 100%);
}

.night-pastel-card {
    background: rgba(35, 27, 56, 0.85);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(15, 10, 25, 0.6);
}

.night-pastel-inner {
    background: rgba(26, 19, 43, 0.6);
}

.pixel-font {
    font-family: 'Press Start 2P', monospace;
    font-size: clamp(0.45rem, 1.4vw, 0.6rem);
    letter-spacing: -1px;
}

.pixel-title {
    font-family: 'Press Start 2P', monospace;
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(216, 180, 254, 0.5);
}

.pixel-subtitle {
    font-family: 'Press Start 2P', monospace;
    font-size: 0.55rem;
}

/* กล่องพิกัดสำหรับครอบตัวเลขให้อยู่ในช่อง Bubble สีขาว */
.pixel-timer-container {
    position: absolute;
    transform: translate(-50%, -50%);
    background: transparent;
    padding: 2px 4px;
    text-align: center;
    width: 32%;
}

/* 📌 พิกัดตำแหน่งช่อง Bubble คำพูดของการ์ดแต่ละเมมเบอร์ (ปรับ top / left ตรงนี้ได้ถ้าต้องการขยับ) */
.pos-shotaro { top: 22.5%; left: 35.5%; }
.pos-eunseok { top: 11.0%; left: 17.5%; }
.pos-sungchan { top: 18.0%; left: 46.0%; }
.pos-wonbin { top: 16.0%; left: 52.5%; }
.pos-sohee { top: 21.0%; left: 19.0%; }
.pos-anton { top: 11.0%; left: 17.5%; }

.char-select-btn.selected {
    border-color: #f472b6 !important;
    background-color: rgba(244, 114, 182, 0.2) !important;
}