:root {
    --taskbar-h: 44px;
    --app-w: 1020px;
    --app-h: 720px;
    --os-top: 11%;
    --os-right: 5.5%;
    --os-bottom: 11%;
    --os-left: 5.5%;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden !important;
    background: #0b0b0e url("./images/background.png") center/cover fixed no-repeat;
    color: #241a3a;
}

/* Retro Sprite Icons */
.pf-sprite {
    background: url("./images/system-files.png") no-repeat;
    background-size: 300% 200%;
    image-rendering: pixelated;
}
.pf-sprite--floppy { background-position: 0% 0%; }
.pf-sprite--cd     { background-position: 50% 0%; }
.pf-sprite--chip   { background-position: 100% 0%; }
.pf-sprite--folder { background-position: 0% 100%; }
.pf-sprite--tama   { background-position: 50% 100%; }
.pf-sprite--file   { background-position: 100% 100%; }

/* Scan Beam Animation */
@keyframes scanSweep {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}
#scan-beam {
    animation: scanSweep 2s linear infinite;
}

/* Custom scrollbar for meme feed */
.meme-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.meme-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}
.meme-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(142, 112, 214, 0.5);
    border-radius: 10px;
}

.hidden { display: none !important; }

/* Draggable Popup Styles */
.popup-window {
    position: fixed;
    z-index: 150;
    width: 288px; /* w-72 */
    aspect-ratio: 4/3;
}