/* Core Layout & Typography */
body { 
    font-family: 'Press Start 2P', cursive; 
    background-color: #050505; 
    color: #39ff14; 
    overflow-x: hidden; 
}

/* Retro Pixel Effects */
.pixel-border { 
    border: 4px solid #fff; 
    box-shadow: 0 -4px #fff, 0 -8px #000, 4px 0 #fff, 8px 0 #000, 0 4px #fff, 0 8px #000, -4px 0 #fff, -8px 0 #000; 
}

.pixel-card { 
    border: 2px solid #333; 
    transition: all 0.2s; 
    cursor: pointer; 
}

.pixel-card:hover { 
    border-color: #f500ff; 
    background: #111; 
    transform: scale(1.02); 
}

.neon-text { 
    text-shadow: 3px 3px 0px #f500ff; 
}

/* WASM Canvas Optimization */
canvas { 
    image-rendering: pixelated; 
    width: 100% !important; 
    height: auto !important; 
    display: block; 
}

/* SPA Display Logic */
.hidden-view { 
    display: none !important; 
}

/* Ad Slot Placeholders */
.ad-slot-top { 
    min-height: 90px; 
    width: 100%; 
    max-width: 728px; 
}

.ad-slot-side { 
    min-height: 600px; 
    width: 160px; 
}

#briefing-text {
    line-height: 1.7;
    font-size: 13px;
    text-align: justify;
}