body {
    background-color: #fff9e3;
    color: #5d4037;
    font-family: 'Fredoka', sans-serif;
    text-align: center;
    margin: 0;
    padding: 20px;
    overflow-x: hidden;
}

header h1 { font-size: 1.5rem; margin-bottom: 5px; }
header h2 { font-size: 1.2rem; font-weight: 400; }
.pippa-text { color: #d4a017; font-weight: 600; text-decoration: underline wavy; }
.instruction { font-size: 0.9rem; margin: 10px 0 20px 0; }

.poster-container {
    position: relative;
    display: inline-block;
    width: 98%;
    max-width: 1050px;
}

.base-poster {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.glow-text {
    position: absolute;
    text-decoration: none;
    font-weight: 600;
    /* Slightly smaller font to allow closer grouping */
    font-size: clamp(0.6rem, 1.6vw, 1rem); 
    color: #FFB300;
    text-shadow: 0 0 12px rgba(255, 255, 255, 1), 
                 0 0 20px rgba(255, 215, 0, 0.8);
    animation: floatGlow 3s ease-in-out infinite alternate;
    transition: transform 0.2s ease;
    white-space: nowrap;
}

.glow-text:hover {
    color: #FF6F00;
    transform: scale(1.15);
    z-index: 20;
}

@keyframes floatGlow {
    from { transform: translateY(0px); opacity: 0.9; }
    to { transform: translateY(-8px); opacity: 1; }
}