/**
 * Lore Counter landing — first ColorPicker radial gradient (#FF5F6D → #8B0000),
 * Passero One, centered content (matches Flutter Lore Counter app theme).
 */

.lore-counter-landing {
    box-sizing: border-box;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding: 1.5rem;
    padding-bottom: 2rem;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
    background: radial-gradient(
        circle at center,
        #ff5f6d 0%,
        #8b0000 100%
    );
    font-family: "Passero One", cursive, system-ui, sans-serif;
    color: #ffffff;
}

.lore-counter-landing *,
.lore-counter-landing *::before,
.lore-counter-landing *::after {
    box-sizing: border-box;
}

.lore-counter-landing__main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}

.lore-counter-landing__inner {
    max-width: 40rem;
    width: 100%;
}

.lore-counter-landing__title {
    margin: 0 0 1rem;
    font-family: "Passero One", cursive, system-ui, sans-serif;
    font-size: clamp(2rem, 6vw, 3.25rem);
    font-weight: 700;
    line-height: 1.15;
    color: #ffffff;
    letter-spacing: 0.02em;
}

.lore-counter-landing__subtitle {
    margin: 0;
    font-family: "Passero One", cursive, system-ui, sans-serif;
    font-size: clamp(0.95rem, 3vw, 1.25rem);
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.7);
}

.lore-counter-landing__stores {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem 1.25rem;
    margin-top: 1.75rem;
}

.lore-counter-landing__store-link {
    display: inline-block;
    line-height: 0;
    border-radius: 0.5rem;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.lore-counter-landing__store-link:hover,
.lore-counter-landing__store-link:focus {
    transform: scale(1.03);
    opacity: 0.95;
    outline: 2px solid rgba(255, 255, 255, 0.6);
    outline-offset: 3px;
}

.lore-counter-landing__store-link:focus:not(:focus-visible) {
    outline: none;
}

.lore-counter-landing__store-badge {
    display: block;
    height: clamp(2.75rem, 10vw, 3.5rem);
    width: auto;
    max-width: 100%;
}

.lore-counter-landing__footer {
    flex-shrink: 0;
    margin-top: auto;
    padding-top: 2rem;
}

.lore-counter-landing__footer-heading {
    margin: 0 0 0.75rem;
    font-family: "Passero One", cursive, system-ui, sans-serif;
    font-size: clamp(0.875rem, 2.5vw, 1.125rem);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.lore-counter-landing__legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem 0.5rem;
    margin: 0;
}

.lore-counter-landing__legal-link {
    font-family: "Passero One", cursive, system-ui, sans-serif;
    font-size: clamp(0.8125rem, 2.25vw, 1rem);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.lore-counter-landing__legal-link:hover,
.lore-counter-landing__legal-link:focus {
    color: #ffffff;
}

.lore-counter-landing__legal-sep {
    color: rgba(255, 255, 255, 0.45);
    user-select: none;
}