body.layout-arcade {
    /* FONT: Yeni, okunaklı ve kalın Pixelify Sans */
    font-family: 'Pixelify Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    line-height: 1.5;

    /* ARKA PLAN: Geri getirilen Izgara (Grid) Deseni */
    background-color: #111;
    background-image:
        linear-gradient(rgba(0, 255, 0, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 255, 0, 0.15) 1px, transparent 1px);
    background-size: 30px 30px; /* Kare boyutu */
}

/* Aydınlık Modda Retro Arka Plan: Mavi ızgara */
body.layout-arcade:not(.dark-mode) {
    background-color: #f4f4f4;
    background-image:
        linear-gradient(rgba(16, 52, 166, 0.1) 2px, transparent 2px),
        linear-gradient(90deg, rgba(16, 52, 166, 0.1) 2px, transparent 2px);
    color: #000;
}

/* Başlık ve Metin Ayarları */
body.layout-arcade h1, body.layout-arcade h2, body.layout-arcade h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.5); 
}

body.layout-arcade p, body.layout-arcade label, body.layout-arcade span {
    font-weight: 700 !important;
}

/* KARTLAR */
body.layout-arcade .card,
body.layout-arcade #qrOverlay > div {
    border: 4px solid var(--text-main) !important;
    box-shadow: 8px 8px 0px var(--brand-blue) !important;
    border-radius: 0px !important;
    background-color: var(--card-bg);
}

body.layout-arcade:not(.dark-mode) .card {
    box-shadow: 8px 8px 0px var(--brand-red) !important;
    background-color: #fff;
}

/* BUTONLAR VE INPUTLAR */
body.layout-arcade button, body.layout-arcade input, body.layout-arcade select {
    border-radius: 0px !important;
    border: 4px solid var(--text-main) !important;
    box-shadow: 6px 6px 0px rgba(0,0,0,0.5) !important;
    text-transform: uppercase;
    font-family: 'Pixelify Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 15px 10px !important;
}

body.layout-arcade:not(.dark-mode) input {
    background-color: #fff; color: #000;
    box-shadow: 6px 6px 0px var(--brand-blue) !important;
}
body.layout-arcade:not(.dark-mode) button {
    box-shadow: 6px 6px 0px var(--brand-blue) !important;
}

body.layout-arcade button:active, body.layout-arcade .type-btn:active {
    box-shadow: 0px 0px 0px transparent !important;
    transform: translate(6px, 6px) !important;
}

body.layout-arcade .ans-btn {
    border: 4px solid #fff !important;
    box-shadow: 6px 6px 0px #000 !important;
    font-size: 1.3rem !important;
}
body.layout-arcade:not(.dark-mode) .ans-btn {
    border: 4px solid #000 !important;
}

body.layout-arcade .layout-switch, body.layout-arcade .theme-switch {
    border-radius: 0px !important;
    border: 3px solid var(--text-main);
    box-shadow: 4px 4px 0px var(--brand-blue);
    background: var(--card-bg);
}