/* ===== Theme : The Alukah Games =====
   Black & white, grid floor. */

[data-theme="alukah"] {
    --g-bg: #000;
    --g-text: #fff;
    --g-accent: #fff;
    --g-accent-text: #000;
    --g-page: #0b0b0b;
    --g-page-text: #eaeaea;
    --g-panel: #000;
    --g-panel-text: #fff;
    --g-line: #fff;
    --g-font-title: var(--font-body);
}

[data-theme="alukah"] .game-hero {
    min-height: 60vh;
    display: grid;
    align-items: center;
    border-bottom-color: #fff;
}

/* grid floor */
[data-theme="alukah"] .game-hero::before {
    content: "";
    position: absolute;
    left: -50%;
    right: -50%;
    bottom: 0;
    height: 55%;
    background-image:
        linear-gradient(#fff 1px, transparent 1px),
        linear-gradient(90deg, #fff 1px, transparent 1px);
    background-size: 60px 30px;
    transform: perspective(300px) rotateX(55deg);
    transform-origin: bottom;
    opacity: 0.55;
    mask-image: linear-gradient(transparent, #000 70%);
}

[data-theme="alukah"] .game-hero__title {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 0.9;
    font-size: clamp(3rem, 11vw, 7.5rem);
}

[data-theme="alukah"] .game-hero__tagline {
    font-family: var(--font-pixel);
    font-weight: 400;
    font-size: clamp(1.8rem, 4vw, 2.6rem);
}

[data-theme="alukah"] .btn {
    border-color: #fff;
    box-shadow: 4px 4px 0 #fff;
}

[data-theme="alukah"] .key-img {
    filter: invert(1);
}