/* Desktop CSS - Generated from LayoutGrindr */
/* Generated: 2026-01-08 01:48:07 */

/* Base styles - container always centered */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.parent {
    margin: 0 auto;
    position: relative;
}

/* Default styles (desktop 1910px+) */
.parent {
    max-width: 1854px;
display: grid;
    grid-template-columns: repeat(17, 94px);
    grid-template-rows: repeat(12, 94px);
    gap: 16px;
    grid-template-areas:
    "area-79 area-79 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-7 area-7 area-8 area-8 area-8"
    "area-1 area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-7 area-7 area-8 area-8 area-8"
    "area-1 area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-9 area-10 area-8 area-8 area-8"
    "area-1 area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-12 area-13 area-11 area-11 area-16"
    "area-1 area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-14 area-15 area-11 area-11 area-17"
    "area-1 area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-18 area-19 area-20 area-21 area-22"
    "area-1 area-1 area-3 area-4 area-5 area-6 area-6 area-6 area-6 area-6 area-6 area-6 area-23 area-24 area-25 area-26 area-27"
    "area-28 area-29 area-30 area-31 area-32 area-33 area-34 area-35 area-36 area-37 area-38 area-39 area-40 area-41 area-42 area-43 area-44"
    "area-45 area-46 area-47 area-48 area-49 area-50 area-51 area-52 area-53 area-54 area-55 area-56 area-57 area-58 area-59 area-60 area-61"
    "area-62 area-63 area-64 area-65 area-66 area-67 area-68 area-69 area-70 area-71 area-72 area-73 area-74 area-75 area-76 area-77 area-78"
    ". . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . .";
}

.oag1 {
    grid-area: area-1;
}

.oag2 {
    grid-area: area-2;
}

.oag3 {
    grid-area: area-3;
}

.oag4 {
    grid-area: area-4;
}

.oag5 {
    grid-area: area-5;
}

.oag6 {
    grid-area: area-6;
}

.oag7 {
    grid-area: area-7;
}

.oag8 {
    grid-area: area-8;
}

.oag9 {
    grid-area: area-9;
}

.oag10 {
    grid-area: area-10;
}

.oag11 {
    grid-area: area-11;
}

.oag12 {
    grid-area: area-12;
}

.oag13 {
    grid-area: area-13;
}

.oag14 {
    grid-area: area-14;
}

.oag15 {
    grid-area: area-15;
}

.oag16 {
    grid-area: area-16;
}

.oag17 {
    grid-area: area-17;
}

.oag18 {
    grid-area: area-18;
}

.oag19 {
    grid-area: area-19;
}

.oag20 {
    grid-area: area-20;
}

.oag21 {
    grid-area: area-21;
}

.oag22 {
    grid-area: area-22;
}

.oag23 {
    grid-area: area-23;
}

.oag24 {
    grid-area: area-24;
}

.oag25 {
    grid-area: area-25;
}

.oag26 {
    grid-area: area-26;
}

.oag27 {
    grid-area: area-27;
}

.oag28 {
    grid-area: area-28;
}

.oag29 {
    grid-area: area-29;
}

.oag30 {
    grid-area: area-30;
}

.oag31 {
    grid-area: area-31;
}

.oag32 {
    grid-area: area-32;
}

.oag33 {
    grid-area: area-33;
}

.oag34 {
    grid-area: area-34;
}

.oag35 {
    grid-area: area-35;
}

.oag36 {
    grid-area: area-36;
}

.oag37 {
    grid-area: area-37;
}

.oag38 {
    grid-area: area-38;
}

.oag39 {
    grid-area: area-39;
}

.oag40 {
    grid-area: area-40;
}

.oag41 {
    grid-area: area-41;
}

.oag42 {
    grid-area: area-42;
}

.oag43 {
    grid-area: area-43;
}

.oag44 {
    grid-area: area-44;
}

.oag45 {
    grid-area: area-45;
}

.oag46 {
    grid-area: area-46;
}

.oag47 {
    grid-area: area-47;
}

.oag48 {
    grid-area: area-48;
}

.oag49 {
    grid-area: area-49;
}

.oag50 {
    grid-area: area-50;
}

.oag51 {
    grid-area: area-51;
}

.oag52 {
    grid-area: area-52;
}

.oag53 {
    grid-area: area-53;
}

.oag54 {
    grid-area: area-54;
}

.oag55 {
    grid-area: area-55;
}

.oag56 {
    grid-area: area-56;
}

.oag57 {
    grid-area: area-57;
}

.oag58 {
    grid-area: area-58;
}

.oag59 {
    grid-area: area-59;
}

.oag60 {
    grid-area: area-60;
}

.oag61 {
    grid-area: area-61;
}

.oag62 {
    grid-area: area-62;
}

.oag63 {
    grid-area: area-63;
}

.oag64 {
    grid-area: area-64;
}

.oag65 {
    grid-area: area-65;
}

.oag66 {
    grid-area: area-66;
}

.oag67 {
    grid-area: area-67;
}

.oag68 {
    grid-area: area-68;
}

.oag69 {
    grid-area: area-69;
}

.oag70 {
    grid-area: area-70;
}

.oag71 {
    grid-area: area-71;
}

.oag72 {
    grid-area: area-72;
}

.oag73 {
    grid-area: area-73;
}

.oag74 {
    grid-area: area-74;
}

.oag75 {
    grid-area: area-75;
}

.oag76 {
    grid-area: area-76;
}

.oag77 {
    grid-area: area-77;
}

.oag78 {
    grid-area: area-78;
}

.oag79 {
    grid-area: area-79;
}



/* Desktop: 1869px and below - gameplay-1869 */
@media (max-width: 1869px) {
    .parent {
        max-width: 1524px;
        display: grid;
            grid-template-columns: repeat(14, 94px);
            grid-template-rows: repeat(10, 94px);
            gap: 16px;
            grid-template-areas:
            "area-61 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-3 area-3 area-3"
            "area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-3 area-3 area-3"
            "area-10 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-3 area-3 area-3"
            "area-11 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-4 area-4 area-5"
            "area-12 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-4 area-4 area-6"
            "area-13 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-7 area-8 area-8"
            "area-14 area-15 area-16 area-17 area-18 area-18 area-18 area-18 area-18 area-18 area-18 area-9 area-8 area-8"
            "area-19 area-20 area-21 area-22 area-23 area-24 area-25 area-26 area-27 area-28 area-29 area-30 area-31 area-32"
            "area-33 area-34 area-35 area-36 area-37 area-38 area-39 area-40 area-41 area-42 area-43 area-44 area-45 area-46"
            "area-47 area-48 area-49 area-50 area-51 area-52 area-53 area-54 area-55 area-56 area-57 area-58 area-59 area-60";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
    
    .oag55 {
        grid-area: area-55;
    }
    
    .oag56 {
        grid-area: area-56;
    }
    
    .oag57 {
        grid-area: area-57;
    }
    
    .oag58 {
        grid-area: area-58;
    }
    
    .oag59 {
        grid-area: area-59;
    }
    
    .oag60 {
        grid-area: area-60;
    }
    
    .oag61 {
        grid-area: area-61;
    }
}

/* Desktop: 1539px and below - gameplay-1539 */
@media (max-width: 1539px) {
    .parent {
        max-width: 1304px;
        display: grid;
            grid-template-columns: repeat(12, 94px);
            grid-template-rows: repeat(11, 94px);
            gap: 16px;
            grid-template-areas:
            "area-61 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-9 area-9 area-9"
            "area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-9 area-9 area-9"
            "area-3 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-9 area-9 area-9"
            "area-4 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-10 area-10 area-11"
            "area-5 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-10 area-10 area-12"
            "area-6 area-7 area-8 area-8 area-8 area-8 area-8 area-8 area-8 area-14 area-13 area-13"
            "area-16 area-17 area-18 area-19 area-20 area-21 area-22 area-23 area-24 area-15 area-13 area-13"
            "area-25 area-26 area-27 area-28 area-29 area-30 area-31 area-32 area-33 area-34 area-35 area-36"
            "area-37 area-38 area-39 area-40 area-41 area-42 area-43 area-44 area-45 area-46 area-47 area-48"
            "area-49 area-50 area-51 area-52 area-53 area-54 area-55 area-56 area-57 area-58 area-59 area-60"
            ". . . . . . . . . . . .";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
    
    .oag55 {
        grid-area: area-55;
    }
    
    .oag56 {
        grid-area: area-56;
    }
    
    .oag57 {
        grid-area: area-57;
    }
    
    .oag58 {
        grid-area: area-58;
    }
    
    .oag59 {
        grid-area: area-59;
    }
    
    .oag60 {
        grid-area: area-60;
    }
    
    .oag61 {
        grid-area: area-61;
    }
}

/* Desktop: 1319px and below - gameplay-1319 */
@media (max-width: 1319px) {
    .parent {
        max-width: 1194px;
        display: grid;
            grid-template-columns: repeat(11, 94px);
            grid-template-rows: repeat(11, 94px);
            gap: 16px;
            grid-template-areas:
            "area-54 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-3 area-3"
            "area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-3 area-3"
            "area-4 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-3 area-3"
            "area-5 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-3 area-3"
            "area-6 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-2 area-3 area-3"
            "area-7 area-8 area-9 area-9 area-9 area-9 area-9 area-9 area-9 area-3 area-3"
            "area-10 area-11 area-12 area-13 area-14 area-15 area-16 area-17 area-18 area-19 area-20"
            "area-21 area-22 area-23 area-24 area-25 area-26 area-27 area-28 area-29 area-30 area-31"
            "area-32 area-33 area-34 area-35 area-36 area-37 area-38 area-39 area-40 area-41 area-42"
            "area-43 area-44 area-45 area-46 area-47 area-48 area-49 area-50 area-51 area-52 area-53"
            ". . . . . . . . . . .";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
}

/* Desktop: 1209px and below - gameplay-1209 */
@media (max-width: 1209px) {
    .parent {
        max-width: 974px;
        display: grid;
            grid-template-columns: repeat(9, 94px);
            grid-template-rows: repeat(12, 94px);
            gap: 16px;
            grid-template-areas:
            ". area-2 area-2 area-2 area-2 area-2 area-2 area-13 area-13"
            "area-1 area-2 area-2 area-2 area-2 area-2 area-2 area-13 area-13"
            "area-3 area-2 area-2 area-2 area-2 area-2 area-2 area-13 area-13"
            "area-4 area-2 area-2 area-2 area-2 area-2 area-2 area-13 area-13"
            "area-5 area-5 area-5 area-5 area-5 area-5 area-5 area-13 area-13"
            "area-6 area-7 area-8 area-9 area-10 area-11 area-12 area-13 area-13"
            "area-14 area-15 area-16 area-17 area-18 area-19 area-20 area-21 area-22"
            "area-23 area-24 area-25 area-26 area-27 area-28 area-29 area-30 area-31"
            "area-32 area-33 area-34 area-35 area-36 area-37 area-38 area-39 area-40"
            "area-41 area-42 area-43 area-44 area-45 area-46 area-47 area-48 area-49"
            "area-50 area-51 area-52 area-53 area-54 area-55 area-56 area-57 area-58"
            ". . . . . . . . .";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
    
    .oag41 {
        grid-area: area-41;
    }
    
    .oag42 {
        grid-area: area-42;
    }
    
    .oag43 {
        grid-area: area-43;
    }
    
    .oag44 {
        grid-area: area-44;
    }
    
    .oag45 {
        grid-area: area-45;
    }
    
    .oag46 {
        grid-area: area-46;
    }
    
    .oag47 {
        grid-area: area-47;
    }
    
    .oag48 {
        grid-area: area-48;
    }
    
    .oag49 {
        grid-area: area-49;
    }
    
    .oag50 {
        grid-area: area-50;
    }
    
    .oag51 {
        grid-area: area-51;
    }
    
    .oag52 {
        grid-area: area-52;
    }
    
    .oag53 {
        grid-area: area-53;
    }
    
    .oag54 {
        grid-area: area-54;
    }
    
    .oag55 {
        grid-area: area-55;
    }
    
    .oag56 {
        grid-area: area-56;
    }
    
    .oag57 {
        grid-area: area-57;
    }
    
    .oag58 {
        grid-area: area-58;
    }
}

/* Desktop: 990px and below - gameplay-1209 */
@media (max-width: 990px) {
    .parent {
        max-width: 754px;
        display: grid;
            grid-template-columns: repeat(7, 94px);
            grid-template-rows: repeat(12, 94px);
            gap: 16px;
            grid-template-areas:
            ". area-2 area-2 area-2 area-2 area-2 area-2"
            "area-1 area-2 area-2 area-2 area-2 area-2 area-2"
            "area-3 area-2 area-2 area-2 area-2 area-2 area-2"
            "area-4 area-2 area-2 area-2 area-2 area-2 area-2"
            "area-5 area-5 area-5 area-5 area-5 area-5 area-5"
            "area-6 area-7 area-8 area-9 area-10 area-11 area-12"
            "area-13 area-14 area-15 area-16 area-17 area-18 area-19"
            "area-20 area-21 area-22 area-23 area-24 area-25 area-26"
            "area-27 area-28 area-29 area-30 area-31 area-32 area-33"
            "area-34 area-35 area-36 area-37 area-38 area-39 area-40"
            ". . . . . . ."
            ". . . . . . .";
    }

    .oag1 {
        grid-area: area-1;
    }
    
    .oag2 {
        grid-area: area-2;
    }
    
    .oag3 {
        grid-area: area-3;
    }
    
    .oag4 {
        grid-area: area-4;
    }
    
    .oag5 {
        grid-area: area-5;
    }
    
    .oag6 {
        grid-area: area-6;
    }
    
    .oag7 {
        grid-area: area-7;
    }
    
    .oag8 {
        grid-area: area-8;
    }
    
    .oag9 {
        grid-area: area-9;
    }
    
    .oag10 {
        grid-area: area-10;
    }
    
    .oag11 {
        grid-area: area-11;
    }
    
    .oag12 {
        grid-area: area-12;
    }
    
    .oag13 {
        grid-area: area-13;
    }
    
    .oag14 {
        grid-area: area-14;
    }
    
    .oag15 {
        grid-area: area-15;
    }
    
    .oag16 {
        grid-area: area-16;
    }
    
    .oag17 {
        grid-area: area-17;
    }
    
    .oag18 {
        grid-area: area-18;
    }
    
    .oag19 {
        grid-area: area-19;
    }
    
    .oag20 {
        grid-area: area-20;
    }
    
    .oag21 {
        grid-area: area-21;
    }
    
    .oag22 {
        grid-area: area-22;
    }
    
    .oag23 {
        grid-area: area-23;
    }
    
    .oag24 {
        grid-area: area-24;
    }
    
    .oag25 {
        grid-area: area-25;
    }
    
    .oag26 {
        grid-area: area-26;
    }
    
    .oag27 {
        grid-area: area-27;
    }
    
    .oag28 {
        grid-area: area-28;
    }
    
    .oag29 {
        grid-area: area-29;
    }
    
    .oag30 {
        grid-area: area-30;
    }
    
    .oag31 {
        grid-area: area-31;
    }
    
    .oag32 {
        grid-area: area-32;
    }
    
    .oag33 {
        grid-area: area-33;
    }
    
    .oag34 {
        grid-area: area-34;
    }
    
    .oag35 {
        grid-area: area-35;
    }
    
    .oag36 {
        grid-area: area-36;
    }
    
    .oag37 {
        grid-area: area-37;
    }
    
    .oag38 {
        grid-area: area-38;
    }
    
    .oag39 {
        grid-area: area-39;
    }
    
    .oag40 {
        grid-area: area-40;
    }
}

/* Ensure parent grid items are visible */
.parent > div {
    position: relative;
}