/* --- 3D Box Flipper & Card Styling --- */
.game-card-container {
    perspective: 1200px;
    height: 400px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.game-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    will-change: transform;
}
.game-card-container.flipped .game-card-inner {
    transform: rotateY(180deg);
}
.game-card-front, .game-card-back {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: var(--radius);
    overflow: hidden;
    transform-style: preserve-3d;
}
.game-card-back {
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
}

.game-card {
    height: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}
.game-card-front:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.game-card-back:hover {
    transform: rotateY(180deg) translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.game-card.completed { border-color: #10b981; opacity: 0.8; }

.game-card.dropped { filter: grayscale(0.8) sepia(0.2); opacity: 0.5; }

/* Grid Container Padding for Hover Room */
[id^="grid-container-"] {
    padding-top: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
}

[id^="grid-container-"][style*="max-height: 0px"] {
    padding-top: 0 !important;
}

/* Simulated Hover Highlight (Used when jumping from console) */

.game-card-container.simulated-highlight .game-card-front {

    transform: translateY(-5px);

    box-shadow: 0 10px 20px rgba(0,0,0,0.3);

}

.game-card-container.simulated-highlight .game-card-back {

    transform: rotateY(180deg) translateY(-5px);

    box-shadow: 0 10px 20px rgba(0,0,0,0.3);

}



.game-card-container.simulated-highlight .game-card-overlay {

    opacity: 0.25 !important;

}

.game-card-container.simulated-highlight img {

    transform: scale(1.1);

}



/* Theme-Specific Simulated Hover */

[data-theme='os'] .game-card-container.simulated-highlight img { filter: brightness(1.1) contrast(1.1) !important; }

[data-theme='legacy'] .game-card-container.simulated-highlight img { filter: grayscale(1) brightness(1.1) contrast(1.2) !important; }



/* Theme Overrides for Cards */




[data-theme='brick'] .game-card { border: 2px solid var(--border); image-rendering: pixelated; }
[data-theme='cube'] .game-card { border: 4px solid var(--border); box-shadow: 8px 8px 0px rgba(0,0,0,0.2); }
[data-theme='os'] .game-card { 
    border: 2px solid !important; 
    border-color: #ffffff #808080 #808080 #ffffff !important; 
    border-radius: 0px !important;
    background-color: #c0c0c0 !important;
}
[data-theme='os'] .game-card-front::before {
    content: "Game_Details.exe";
    display: block;
    height: 18px;
    background: #000080;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 2px 6px;
    margin-bottom: 2px;
}
[data-theme='os'] .game-card-front .relative.h-40 {
    margin: 2px;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
}
[data-theme='os'] .game-card-back {
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
}
[data-theme='legacy'] .game-card-container { margin-left: 1px; }
[data-theme='legacy'] .game-card { border: 1px solid #ffffff !important; }
[data-theme='blueprint'] .game-card { 
    border: 1px solid #ffffff !important; 
    background: rgba(0, 43, 92, 0.8) !important; 
    border-style: double !important;
    border-width: 3px !important;
    backdrop-filter: blur(5px);
}
[data-theme='blueprint'] .game-card-front::after {
    content: "SCHEMATIC_V2.0";
    position: absolute;
    bottom: 2px;
    left: 2px;
    font-size: 6px;
    color: var(--accent);
    font-weight: 900;
    opacity: 0.5;
}
[data-theme='blueprint'] .review-stamp {
    background: transparent;
    border: 1px dashed var(--accent);
    color: var(--accent);
    border-radius: 0;
}

/* Woodgrain Style (Atari 2600) */
[data-theme='woodgrain'] .game-card {
    background: linear-gradient(135deg, #4a3728 25%, #3d2b1f 25%, #3d2b1f 50%, #4a3728 50%, #4a3728 75%, #3d2b1f 75%, #3d2b1f 100%) !important;
    background-size: 40px 40px !important;
    border: 4px solid #1a0f00 !important;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.5), 5px 5px 0px rgba(0,0,0,0.3) !important;
}
[data-theme='woodgrain'] .game-card-front::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 10px;
    background: #ffbf00;
    opacity: 0.3;
}
[data-theme='woodgrain'] .review-stamp {
    background: #fdf5e6;
    border: 3px solid #1a0f00;
    color: #1a0f00;
    font-family: 'Arial Black', sans-serif;
    border-radius: 2px;
}
[data-theme='woodgrain'] .passport-stamp {
    background: #fdf5e6;
    border: 2px solid #ffbf00;
    color: #1a0f00;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}

/* Papercraft Style (Hand-drawn/Cutout) */
[data-theme='papercraft'] .game-card {
    background-color: #f4eee1 !important;
    background-image: url('https://www.transparenttextures.com/patterns/paper-fibers.png') !important;
    border: 2px solid #333 !important;
    border-radius: 2px !important;
    box-shadow: 5px 5px 0px rgba(0,0,0,0.1) !important;
}
[data-theme='papercraft'] .game-card-front:hover,
[data-theme='papercraft'] .game-card-container.simulated-highlight .game-card-front {
    transform: translateY(-5px) !important;
}
[data-theme='papercraft'] .game-card-back {
    transform: rotateY(180deg) !important;
}
[data-theme='papercraft'] .game-card-back:hover,
[data-theme='papercraft'] .game-card-container.simulated-highlight .game-card-back {
    transform: rotateY(180deg) translateY(-5px) !important;
}
[data-theme='papercraft'] .game-card-front::before {
    content: "";
    position: absolute;
    top: -10px; left: 50%; width: 40px; height: 20px;
    background: rgba(255,255,255,0.4);
    transform: translateX(-50%);
    z-index: 50;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
[data-theme='papercraft'] .review-stamp {
    background: rgba(244, 238, 225, 0.6) !important;
    border: 4px solid #d32f2f !important;
    color: #d32f2f !important;
    font-family: 'Courier New', Courier, monospace !important;
    text-transform: uppercase;
    mix-blend-mode: normal;
    opacity: 0.9;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    filter: blur(0.3px) contrast(1.2);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
[data-theme='papercraft'] .stamp-masterpiece,
[data-theme='papercraft'] .stamp-solid,
[data-theme='papercraft'] .stamp-meh,
[data-theme='papercraft'] .stamp-dropped {
    color: #d32f2f !important;
    border-color: #d32f2f !important;
}
[data-theme='papercraft'] .passport-stamp {
    background: rgba(244, 238, 225, 0.8);
    border: 3px double #333;
    color: #333;
    font-family: 'Courier New', Courier, monospace;
    opacity: 0.9;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

/* Candy Style (Glossy Y2K) */
[data-theme='candy'] .game-card {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(10px);
    border: 3px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 2rem !important;
    box-shadow: 0 10px 30px rgba(0, 210, 255, 0.2) !important;
}
[data-theme='candy'] .game-card-front::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 50%;
    background: linear-gradient(to bottom, rgba(255,255,255,0.4), transparent);
    pointer-events: none;
    z-index: 5;
}
[data-theme='candy'] .play-toggle-btn {
    background: linear-gradient(to bottom, #ff00ff, #d300d3) !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 0, 255, 0.4) !important;
}
[data-theme='candy'] .review-stamp {
    background: white;
    border: 4px solid #ff00ff;
    color: #ff00ff;
    border-radius: 9999px;
    font-family: 'Arial Black', sans-serif;
    box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
}
[data-theme='candy'] .passport-stamp {
    background: #00d2ff;
    border: 2px solid white;
    color: white;
    border-radius: 9999px;
    font-size: 8px;
}

/* CRT Arcade Style (Neon Vector) */
[data-theme='arcade'] .game-card {
    background: #000000 !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 0 0 15px #00f2ff, inset 0 0 10px #00f2ff !important;
}
[data-theme='arcade'] .game-card-front::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    background-size: 100% 4px, 3px 100%;
    pointer-events: none;
    z-index: 10;
}
[data-theme='arcade'] .review-stamp {
    background: rgba(0,0,0,0.9) !important;
    border: 2px solid #ff00ff !important;
    color: #ff00ff !important;
    text-shadow: 0 0 10px #ff00ff;
    box-shadow: 0 0 15px #ff00ff;
    font-family: monospace;
}
[data-theme='arcade'] .passport-stamp {
    background: rgba(0,0,0,0.9);
    border: 1px solid #00f2ff;
    color: #00f2ff;
    text-shadow: 0 0 5px #00f2ff;
}

/* Obsidian Style (Stealth HUD) */
[data-theme='obsidian'] .game-card {
    background: #0f0f0f !important;
    border: 1px solid #222 !important;
    border-left: 4px solid #333 !important;
}
[data-theme='obsidian'] .game-card:hover {
    border-left-color: #ff6600 !important;
    background: #141414 !important;
}
[data-theme='obsidian'] .review-stamp {
    background: #000;
    border: 1px solid #ff6600;
    color: #ff6600;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.1em;
}
[data-theme='obsidian'] .passport-stamp {
    background: #141414;
    border: 1px solid #333;
    color: #ff6600;
}

/* Hydraulic Style (Industrial Heavy) */
[data-theme='hydraulic'] .game-card {
    background-color: #374151 !important;
    border: 4px solid #111827 !important;
    box-shadow: inset -2px -2px 0px rgba(255,255,255,0.05), inset 2px 2px 0px rgba(0,0,0,0.2) !important;
}
[data-theme='hydraulic'] .game-card-front::after {
    content: "PRESSURE_OK";
    position: absolute;
    bottom: 4px;
    left: 4px;
    font-size: 6px;
    font-family: monospace;
    color: #fbbf24;
    opacity: 0.4;
}
[data-theme='hydraulic'] .review-stamp {
    background: #fbbf24;
    border: 3px solid #000;
    color: #000;
    font-family: 'Arial Black', sans-serif;
    border-radius: 0;
}
[data-theme='hydraulic'] .passport-stamp {
    background: #111827;
    border: 2px solid #fbbf24;
    color: #fbbf24;
    font-family: monospace;
}

[data-theme='overgrown'] .review-stamp { background: #1a2421; border: 2px solid #4ade80; color: #4ade80; border-radius: 9999px; box-shadow: 0 0 10px rgba(74, 222, 128, 0.2); }
[data-theme='overgrown'] .passport-stamp { background: #1a2421; border: 1px solid #8a9a85; color: #d1dace; }

[data-theme='inkwash'] .review-stamp { background: #f2f0e9; border: 2px solid #d32f2f; color: #d32f2f; border-radius: 0; font-family: 'ZCOOL XiaoWei', serif; box-shadow: none; }
[data-theme='inkwash'] .passport-stamp { background: #f2f0e9; border: none; color: #1a1a1a; text-decoration: underline; padding: 2px 10px; font-family: 'ZCOOL XiaoWei', serif; }

[data-theme='hero'] .review-stamp { background: #ffffff; border: 4px solid #000; color: #000; font-family: 'Luckiest Guy', cursive; border-radius: 0; box-shadow: 5px 5px 0px #000; }
[data-theme='hero'] .passport-stamp { background: #ffde00; border: 2px solid #000; color: #000; font-family: 'Luckiest Guy', cursive; }

[data-theme='navigator'] .review-stamp { background: #05070a; border: 1px solid #00f2ff; color: #00f2ff; border-radius: 4px; text-shadow: 0 0 10px #00f2ff; box-shadow: 0 0 15px rgba(0, 242, 255, 0.2); }
[data-theme='navigator'] .passport-stamp { background: #05070a; border: 1px solid #1e90ff; color: #00f2ff; font-family: 'Audiowide', cursive; }

[data-theme='glacier'] .review-stamp { background: rgba(255, 255, 255, 0.8); border: 2px solid #bae6fd; color: #0369a1; border-radius: 12px; }
[data-theme='glacier'] .passport-stamp { background: rgba(255, 255, 255, 0.9); border: 1px solid #bae6fd; color: #0ea5e9; }

[data-theme='nomad'] .review-stamp { background: #451a03; border: 3px solid #f59e0b; color: #f59e0b; border-radius: 0; font-family: 'Stardos Stencil', cursive; }
[data-theme='nomad'] .passport-stamp { background: #78350f; border: 1px solid #fbbf24; color: #fef3c7; font-family: 'Stardos Stencil', cursive; }

[data-theme='prism'] .review-stamp { background: white; border: 2px solid; border-image: linear-gradient(45deg, #ec4899, #8b5cf6) 1; color: #0f172a; border-radius: 0; }
[data-theme='prism'] .passport-stamp { background: white; border: 1px solid #000; color: #000; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 900; }

[data-theme='invader'] .review-stamp { background: #000; border: 1px solid #22c55e; color: #22c55e; border-radius: 0; font-family: 'Press Start 2P', cursive; text-shadow: 0 0 5px #22c55e; }
[data-theme='invader'] .passport-stamp { background: #000; border: 1px solid #22c55e; color: #22c55e; font-family: 'Press Start 2P', cursive; font-size: 6px; }

[data-theme='virtual'] .review-stamp { background: #000; border: 1px solid #ff0000; color: #ff0000; font-family: 'DotGothic16', sans-serif; text-shadow: 0 0 5px #ff0000; }
[data-theme='virtual'] .passport-stamp { background: #000; border: 1px solid #ff0000; color: #ff0000; font-family: 'DotGothic16', sans-serif; }

[data-theme='quest'] .review-stamp { background: #000080; border: 2px solid #ffffff; color: #ffffff; font-family: 'Pixelify Sans', cursive; box-shadow: 0 0 10px rgba(255,255,255,0.2); }
[data-theme='quest'] .passport-stamp { background: #0000ff; border: 1px solid #ffde00; color: #ffde00; font-family: 'Pixelify Sans', cursive; }

[data-theme='genesis'] .review-stamp { background: #1a1a1a; border: 2px solid #ffde00; color: #ffde00; font-family: 'Exo 2', sans-serif; font-style: italic; }
[data-theme='genesis'] .passport-stamp { background: #000; border: 1px solid #00f2ff; color: #00f2ff; font-family: 'Exo 2', sans-serif; }

[data-theme='spectrum'] .review-stamp { background: #000; border: 2px solid #ffff00; color: #ffff00; font-family: 'JetBrains Mono', monospace; }
[data-theme='spectrum'] .passport-stamp { background: #000; border: 1px solid #00ffff; color: #00ffff; }

[data-theme='famicom'] .review-stamp { background: #f2f0e9; border: 3px solid #ffde00; color: #991b1b; font-family: 'DotGothic16', sans-serif; border-radius: 4px; box-shadow: 2px 2px 0px #991b1b; }
[data-theme='famicom'] .passport-stamp { background: #991b1b; border: 1px solid #ffde00; color: #f2f0e9; }

[data-theme='web1'] .review-stamp { background: #c0c0c0; border: 2px solid !important; border-color: #808080 #fff #fff #808080 !important; color: #0000ff; text-decoration: underline; font-family: serif; }
[data-theme='web1'] .passport-stamp { background: #c0c0c0; border: 1px solid #000; color: #000; font-family: serif; font-size: 8px; }

[data-theme='gamegear'] .review-stamp { background: rgba(0,0,0,0.8); border: 2px solid #a855f7; color: #a855f7; text-shadow: 0 0 10px #a855f7; border-radius: 12px; }
[data-theme='gamegear'] .passport-stamp { background: #111827; border: 1px solid #3b82f6; color: #3b82f6; font-family: 'Exo 2', sans-serif; }

[data-theme='manga'] .review-stamp { background: #fff; border: 4px solid #000; color: #000; font-family: 'Balsamiq Sans', cursive; font-weight: 900; }
[data-theme='manga'] .passport-stamp { background: #000; border: none; color: #fff; }

[data-theme='museum'] .review-stamp { background: #fff; border: 1px solid #d4af37; color: #d4af37; font-family: 'Cormorant Garamond', serif; font-style: italic; border-radius: 0; }
[data-theme='museum'] .passport-stamp { background: #fff; border: 1px double #d4af37; color: #1a1a1a; font-family: 'Cormorant Garamond', serif; }

[data-theme='craft'] .review-stamp { background: #fcd34d; border: 3px dashed #fff; color: #1d4ed8; font-family: 'Comfortaa', cursive; border-radius: 50%; }
[data-theme='craft'] .passport-stamp { background: #fff; border: 2px solid #3b82f6; color: #3b82f6; font-family: 'Comfortaa', cursive; }

[data-theme='street'] .review-stamp { background: #000; border: 3px solid #22c55e; color: #22c55e; font-family: 'Archivo Black', sans-serif; transform: translate(-50%, -50%) rotate(5deg); }
[data-theme='street'] .passport-stamp { background: #22c55e; border: 2px solid #000; color: #000; transform: rotate(-5deg); }

[data-theme='noir'] .review-stamp { background: #000; border: 1px solid #e5e5e5; color: #e5e5e5; font-family: 'JetBrains Mono', monospace; opacity: 0.7; }
[data-theme='noir'] .passport-stamp { background: #1a1a1a; border: none; color: #737373; font-family: 'JetBrains Mono', monospace; text-transform: lowercase; }

[data-theme='tokyo'] .review-stamp { background: rgba(0,0,0,0.8); border: 2px solid #d946ef; color: #f0abfc; text-shadow: 0 0 10px #d946ef; font-family: 'DotGothic16', sans-serif; }
[data-theme='tokyo'] .passport-stamp { background: #000; border: 1px solid #d946ef; color: #d946ef; font-family: 'DotGothic16', sans-serif; }

/* Overgrown Style (Nature Reclaimed) */
[data-theme='overgrown'] .game-card {
    background-color: #1a2421 !important;
    border: 2px solid #3d4a44 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.4), inset 0 0 20px rgba(74, 222, 128, 0.05) !important;
}
[data-theme='overgrown'] .game-card-front::after {
    content: "🌿";
    position: absolute;
    top: 4px; right: 4px;
    font-size: 10px;
    opacity: 0.3;
}

/* Ink-Wash Style (Sumi-e) */
[data-theme='inkwash'] .game-card {
    background-color: #f2f0e9 !important;
    border: none !important;
    box-shadow: 10px 10px 0px rgba(0,0,0,0.05), inset 0 0 0 1px #1a1a1a !important;
}
[data-theme='inkwash'] .game-card-front::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 4px solid #1a1a1a;
    mask-image: radial-gradient(black, transparent);
    opacity: 0.1;
    pointer-events: none;
}

/* Hero Style (Comic / Pop Art) */
[data-theme='hero'] .game-card {
    background-color: #ffffff !important;
    border: 4px solid #000 !important;
    box-shadow: 8px 8px 0px #ff0000 !important;
}
[data-theme='hero'] .game-card-front::after {
    content: "NEW!";
    position: absolute;
    top: 10px; right: -15px;
    background: #ffde00;
    color: #000;
    padding: 2px 20px;
    font-size: 8px;
    font-family: 'Bangers', cursive;
    transform: rotate(45deg);
    border: 2px solid #000;
}

/* Navigator Style (Astro-Chart) */
[data-theme='navigator'] .game-card {
    background-color: rgba(11, 14, 20, 0.9) !important;
    border: 1px solid #1e90ff !important;
    box-shadow: 0 0 15px rgba(30, 144, 255, 0.2), inset 0 0 10px rgba(30, 144, 255, 0.1) !important;
    backdrop-filter: blur(10px);
}
[data-theme='navigator'] .game-card-front::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 20px 20px;
    pointer-events: none;
}

/* Glacier Style (Frosted Ice) */
[data-theme='glacier'] .game-card {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 15px 35px rgba(3, 105, 161, 0.1) !important;
}
[data-theme='glacier'] .game-card-front::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, transparent 50%, rgba(255,255,255,0.2) 100%);
    pointer-events: none;
}

/* Nomad Style (Wasteland Scrap) */
[data-theme='nomad'] .game-card {
    background-color: #92400e !important;
    border: 4px solid #451a03 !important;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.5), 5px 5px 0px rgba(0,0,0,0.3) !important;
}
[data-theme='nomad'] .game-card-front::after {
    content: "SCRAP_ID: " attr(id);
    position: absolute;
    bottom: 5px; right: 5px;
    font-size: 6px;
    color: #fef3c7;
    opacity: 0.2;
}

/* Prism Style (Iridescent Shard) */
[data-theme='prism'] .game-card {
    background: white !important;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}
[data-theme='prism'] .game-card-front::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid transparent;
    border-image: linear-gradient(45deg, #ff0000, #00ff00, #0000ff) 1;
    opacity: 0.2;
    pointer-events: none;
}

/* Invader Style (Glitch Terminal) */
[data-theme='invader'] .game-card {
    background-color: #000000 !important;
    border: 1px solid #22c55e !important;
    box-shadow: 0 0 15px rgba(34, 197, 94, 0.2), inset 0 0 10px rgba(34, 197, 94, 0.1) !important;
}
[data-theme='invader'] .game-card-front::after {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(transparent 0px, transparent 2px, rgba(34, 197, 94, 0.03) 2px, rgba(34, 197, 94, 0.03) 4px);
    pointer-events: none;
}

/* Virtual Style (Redline Vector) */
[data-theme='virtual'] .game-card {
    background-color: #000000 !important;
    border: 1px solid #ff0000 !important;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.2), inset 0 0 5px rgba(255, 0, 0, 0.1) !important;
}
[data-theme='virtual'] .game-card-front::before {
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid rgba(255, 0, 0, 0.3);
    pointer-events: none;
}

/* Quest Style (16-Bit JRPG) */
[data-theme='quest'] .game-card {
    background: linear-gradient(to bottom, #0000ff, #000040) !important;
    border: 3px double #ffffff !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5), inset 0 0 0 2px #000080 !important;
    border-radius: 4px !important;
}
[data-theme='quest'] .game-card-front::after {
    content: "Lv.99";
    position: absolute;
    bottom: 4px; right: 4px;
    font-size: 8px;
    color: #ffde00;
    font-weight: 900;
    opacity: 0.5;
}

/* Genesis Style (Blast Processing) */
[data-theme='genesis'] .game-card-front {
    background-color: #1a1a1a !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 5px 5px 0px #000, inset 0 0 10px rgba(0, 242, 255, 0.1) !important;
}
[data-theme='genesis'] .game-card-back {
    background-color: #1a1a1a !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 5px 5px 0px #000, inset 0 0 10px rgba(0, 242, 255, 0.1) !important;
}

/* Spectrum Style (Attribute Clash) */
[data-theme='spectrum'] .game-card {
    background-color: #000 !important;
    border: 2px solid #fff !important;
    box-shadow: 8px 8px 0px #00ffff, -8px -8px 0px #ff00ff !important;
}
[data-theme='spectrum'] .game-card-front::after {
    content: "LOAD";
    position: absolute;
    top: 2px; right: 2px;
    font-size: 6px;
    color: #ffff00;
}

/* Famicom Style (Imperial Red) */
[data-theme='famicom'] .game-card {
    background-color: #f2f0e9 !important;
    border: 2px solid #991b1b !important;
    box-shadow: inset 0 0 0 4px #ffde00, 0 10px 20px rgba(0,0,0,0.2) !important;
}
[data-theme='famicom'] .game-card-front::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 12px;
    background: #ffde00;
    opacity: 0.2;
}

/* Web-1.0 Style (Netscape) */
[data-theme='web1'] .game-card {
    background-color: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #fff #808080 #808080 #fff !important;
}
[data-theme='web1'] .game-card-front::before {
    content: "href='game_details.htm'";
    display: block;
    height: 14px;
    background: #000080;
    color: #fff;
    font-size: 7px;
    padding: 1px 4px;
}

/* Game Gear Style (Neon Backlit) */
[data-theme='gamegear'] .game-card {
    background-color: #1f2937 !important;
    border: 2px solid #a855f7 !important;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.3), inset 0 0 10px rgba(59, 130, 246, 0.2) !important;
}

/* Manga Style (Monochrome Speed) */
[data-theme='manga'] .game-card {
    background-color: #fff !important;
    border: 4px solid #000 !important;
    box-shadow: 10px 10px 0px #000 !important;
}
[data-theme='manga'] .game-card-front img {
    filter: grayscale(1) contrast(1.5) !important;
}

/* Museum Style (Classical Marble) */
[data-theme='museum'] .game-card {
    background-color: #fff !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05), inset 0 0 0 2px #ffffff !important;
}
[data-theme='museum'] .game-card-front::after {
    content: "";
    position: absolute; inset: 0;
    border: 10px solid transparent;
    border-image: url('https://www.transparenttextures.com/patterns/white-diamond.png') 30 stretch;
    opacity: 0.1;
    pointer-events: none;
}

/* Craft Style (Hand-Stitched) */
[data-theme='craft'] .game-card {
    background-color: #60a5fa !important;
    border: 4px dashed #fff !important;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.2) !important;
    border-radius: 1.5rem !important;
}
[data-theme='craft'] .game-card-front img {
    border-radius: 1rem;
    padding: 4px;
}

/* Street Style (Urban Graffiti) */
[data-theme='street'] .game-card {
    background-color: #4b5563 !important;
    border: 2px solid #22c55e !important;
    box-shadow: 10px 10px 0px #111827 !important;
}
[data-theme='street'] .game-card-front::after {
    content: "REBEL";
    position: absolute;
    bottom: 10px; left: -10px;
    font-family: 'Archivo Black', sans-serif;
    color: #22c55e;
    font-size: 14px;
    transform: rotate(-15deg);
    opacity: 0.2;
    pointer-events: none;
}

/* Noir Style (Detective Cinema) */
[data-theme='noir'] .game-card {
    background-color: #111111 !important;
    border: 1px solid #262626 !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.8) !important;
}
[data-theme='noir'] .game-card-front img {
    filter: grayscale(1) contrast(1.2) brightness(0.7) !important;
}
[data-theme='noir'] .game-card-front::after {
    content: "";
    position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 50%, transparent 20%, rgba(0,0,0,0.6) 100%);
    pointer-events: none;
}

/* Tokyo Style (Midnight City) */
[data-theme='tokyo'] .game-card {
    background-color: #581c87 !important;
    border: 2px solid #d946ef !important;
    box-shadow: 0 0 20px rgba(217, 70, 239, 0.2), inset 0 0 15px rgba(217, 70, 239, 0.1) !important;
}
[data-theme='tokyo'] .game-card-front::after {
    content: "ネオン";
    position: absolute;
    top: 5px; right: 5px;
    font-size: 8px;
    color: #f0abfc;
    opacity: 0.4;
}
[data-theme='genesis'] .game-card-front::after {
    content: "16-BIT";
    position: absolute;
    top: 4px; left: 4px;
    font-size: 6px;
    color: #ffde00;
    font-weight: 900;
    opacity: 0.4;
}
[data-theme='arcade'] .text-blue-400 { color: #00f2ff !important; }
[data-theme='arcade'] .text-gaming-text { color: #ff00ff !important; }

/* Hover Overlays */
.game-card-overlay { transition: opacity 0.5s; opacity: 0; }
.group:hover .game-card-overlay { opacity: 0.25 !important; }

/* Future theme uses the per-game gradient (default) */
[data-theme='future'] .game-card-overlay { background-image: inherit; }

[data-theme='brick'] .game-card-overlay { 
    background-color: var(--accent) !important; 
    background-image: none !important;
    mix-blend-mode: color; 
}
[data-theme='cube'] .game-card-overlay { 
    background: linear-gradient(to bottom right, #ff4500, #4b0082) !important; 
}
[data-theme='cube'] .group:hover .game-card-overlay { opacity: 0.3 !important; }
[data-theme='os'] .group:hover img { filter: brightness(1.1) contrast(1.1) !important; }
[data-theme='os'] .game-card-overlay { background-image: none !important; }
[data-theme='legacy'] .group:hover img { filter: grayscale(1) brightness(1.1) contrast(1.2) !important; }
[data-theme='legacy'] .game-card-overlay { background-image: none !important; }

/* --- Passport Stamp --- */
.passport-stamp {
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-family: 'Courier New', Courier, monospace;
    color: #ef4444;
    border: 3px double #ef4444;
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    transform: rotate(-15deg);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: 40;
    animation: stamp-slam 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-theme='brick'] .passport-stamp { color: var(--accent); border-color: var(--accent); background: var(--bg-primary); box-shadow: none; }
[data-theme='cube'] .passport-stamp { color: #ffffff; border: 4px solid #ffffff; background: #f97316; border-radius: 9999px; box-shadow: 4px 4px 0px #4b0082; font-family: 'Arial Black', sans-serif; }
[data-theme='os'] .passport-stamp { border: 2px solid !important; border-color: #ffffff #808080 #808080 #ffffff !important; background: #c0c0c0; color: #000; border-radius: 0; box-shadow: none; }
[data-theme='legacy'] .passport-stamp { border: 1px solid #ffffff; background: #000000; color: #ffffff; box-shadow: none; }
[data-theme='blueprint'] .passport-stamp { border: 1px solid #ffffff; background: rgba(0, 43, 92, 0.8); color: #ffffff; box-shadow: none; font-family: monospace; }

@keyframes stamp-slam {
    0% { transform: scale(3) rotate(0deg); opacity: 0; }
    100% { transform: scale(1) rotate(-15deg); opacity: 1; }
}

/* --- Review Stamps --- */
.review-stamp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    padding: 0.4rem 0.8rem;
    border: 0.3rem solid;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 900;
    font-size: 1.25rem;
    text-transform: uppercase;
    pointer-events: none;
    z-index: 30;
    animation: review-stamp-slam 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes review-stamp-slam {
    0% { transform: translate(-50%, -50%) scale(2) rotate(0deg); opacity: 0; }
    100% { translate(-50%, -50%) scale(1) rotate(-15deg); opacity: 0.9; }
}

.stamp-masterpiece { color: #10b981; border-color: #10b981; }
.stamp-solid { color: #3b82f6; border-color: #3b82f6; }
.stamp-meh { color: #f59e0b; border-color: #f59e0b; }
.stamp-dropped { color: #ef4444; border-color: #ef4444; }

/* Theme Stamps */
[data-theme='future'] .review-stamp { 
    background: rgba(15, 23, 42, 0.8); 
    font-family: 'Inter', sans-serif; font-style: italic; border-radius: 12px; 
}
[data-theme='cube'] .review-stamp { 
    background: #1e1e1e;
    color: #ffffff; border: 4px solid #ffffff; border-radius: 9999px; box-shadow: 4px 4px 0px #4b0082; font-family: 'Arial Black', sans-serif; 
}
[data-theme='os'] .review-stamp { 
    background: #c0c0c0; 
    border: 2px solid !important; 
    border-color: #ffffff #808080 #808080 #ffffff !important; 
    border-radius: 0px; 
    box-shadow: none; 
    color: #000;
}
[data-theme='legacy'] .review-stamp { background: #ffffff; color: #000 !important; border: 1px solid #000; border-radius: 0px; }

/* Blueprint Style Review Stamps */
[data-theme='blueprint'] .review-stamp {
    background: rgba(0, 43, 92, 0.8) !important;
    border: 1px dashed var(--accent) !important;
    color: var(--accent) !important;
    border-radius: 0px;
    box-shadow: none;
    font-family: monospace;
}
[data-theme='blueprint'] .stamp-masterpiece,
[data-theme='blueprint'] .stamp-solid,
[data-theme='blueprint'] .stamp-meh,
[data-theme='blueprint'] .stamp-dropped {
    color: var(--accent) !important;
    border-color: var(--accent) !important;
}

/* Brick Style Review Stamps */
[data-theme='brick'] .review-stamp {
    background: var(--bg-primary) !important;
    border: 3px double var(--accent) !important;
    color: var(--accent) !important;
    border-radius: 0px;
    box-shadow: none;
}
[data-theme='brick'] .stamp-masterpiece,
[data-theme='brick'] .stamp-solid,
[data-theme='brick'] .stamp-meh,
[data-theme='brick'] .stamp-dropped {
    color: var(--accent) !important;
    border-color: var(--accent) !important;
}

/* Legacy Score Monochrome */
[data-theme='legacy'] .text-emerald-400,
[data-theme='legacy'] .text-yellow-500,
[data-theme='legacy'] .text-red-400 {
    color: #ffffff !important;
}
[data-theme='legacy'] .border-emerald-400\/30,
[data-theme='legacy'] .border-yellow-500\/30,
[data-theme='legacy'] .border-red-400\/30 {
    border-color: rgba(255,255,255,0.4) !important;
}

/* Legacy Card Back Buttons */
[data-theme='legacy'] .bg-red-600,
[data-theme='legacy'] .bg-gray-700,
[data-theme='legacy'] .bg-blue-600 {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}
[data-theme='legacy'] .bg-red-600:hover,
[data-theme='legacy'] .bg-gray-700:hover,
[data-theme='legacy'] .bg-blue-600:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Brick Card Back Buttons */
[data-theme='brick'] .bg-red-600,
[data-theme='brick'] .bg-gray-700,
[data-theme='brick'] .bg-blue-600,
[data-theme='brick'] .help-btn,
[data-theme='brick'] a[href*="howlongtobeat"] {
    background-color: var(--accent) !important;
    color: var(--bg-primary) !important;
    border: none !important;
}
[data-theme='brick'] .bg-red-600:hover,
[data-theme='brick'] .bg-gray-700:hover,
[data-theme='brick'] .bg-blue-600:hover,
[data-theme='brick'] .help-btn:hover,
[data-theme='brick'] a[href*="howlongtobeat"]:hover {
    filter: brightness(1.5);
}

/* OS Card Back Buttons */
[data-theme='os'] .bg-red-600,
[data-theme='os'] .bg-gray-700,
[data-theme='os'] .bg-blue-600,
[data-theme='os'] .help-btn,
[data-theme='os'] a[href*="howlongtobeat"] {
    background-color: #c0c0c0 !important;
    color: #000000 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
}
[data-theme='os'] .bg-red-600:hover,
[data-theme='os'] .bg-gray-700:hover,
[data-theme='os'] .bg-blue-600:hover,
[data-theme='os'] .help-btn:hover,
[data-theme='os'] a[href*="howlongtobeat"]:hover {
    border-color: #808080 #ffffff #ffffff #808080 !important;
}

/* Blueprint Card Back Buttons */
[data-theme='blueprint'] .game-card-back .bg-red-600,
[data-theme='blueprint'] .game-card-back .bg-gray-700,
[data-theme='blueprint'] .game-card-back .bg-blue-600,
[data-theme='blueprint'] .game-card-back .help-btn {
    background-color: #002b5c !important;
    color: #00f2ff !important;
    border: 1px solid #00f2ff !important;
    box-shadow: none !important;
}
[data-theme='blueprint'] .game-card-back button:hover,
[data-theme='blueprint'] .game-card-back a:hover {
    background-color: #00f2ff !important;
    color: #002b5c !important;
}

/* Future Card Back Buttons */
[data-theme='future'] .game-card-back .bg-red-600,
[data-theme='future'] .game-card-back .bg-gray-700,
[data-theme='future'] .game-card-back .bg-blue-600,
[data-theme='future'] .game-card-back .help-btn {
    background-color: #1e293b !important;
    color: #3b82f6 !important;
    border: 1px solid #3b82f6 !important;
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.1) !important;
}
[data-theme='future'] .game-card-back button:hover,
[data-theme='future'] .game-card-back a:hover {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
}

/* Candy Card Back Buttons */
[data-theme='candy'] .game-card-back .bg-red-600,
[data-theme='candy'] .game-card-back .bg-gray-700,
[data-theme='candy'] .game-card-back .bg-blue-600,
[data-theme='candy'] .game-card-back .help-btn {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #ff00ff !important;
    border: 2px solid #ffffff !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 10px rgba(255, 0, 255, 0.1) !important;
}
[data-theme='candy'] .game-card-back button:hover,
[data-theme='candy'] .game-card-back a:hover {
    background-color: #ff00ff !important;
    color: #ffffff !important;
}

/* Arcade Card Back Buttons */
[data-theme='arcade'] .game-card-back .bg-red-600,
[data-theme='arcade'] .game-card-back .bg-gray-700,
[data-theme='arcade'] .game-card-back .bg-blue-600,
[data-theme='arcade'] .game-card-back .help-btn {
    background-color: #000 !important;
    color: #ff00ff !important;
    border: 2px solid #ff00ff !important;
    box-shadow: 0 0 10px #ff00ff !important;
    border-radius: 0 !important;
}
[data-theme='arcade'] .game-card-back button:hover,
[data-theme='arcade'] .game-card-back a:hover {
    background-color: #ff00ff !important;
    color: #000 !important;
    box-shadow: 0 0 20px #ff00ff !important;
}

/* Obsidian Card Back Buttons */
[data-theme='obsidian'] .game-card-back .bg-red-600,
[data-theme='obsidian'] .game-card-back .bg-gray-700,
[data-theme='obsidian'] .game-card-back .bg-blue-600,
[data-theme='obsidian'] .game-card-back .help-btn {
    background-color: #000 !important;
    color: #ff6600 !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
[data-theme='obsidian'] .game-card-back button:hover,
[data-theme='obsidian'] .game-card-back a:hover {
    background-color: #ff6600 !important;
    color: #000 !important;
    border-color: #ff6600 !important;
}

/* Hydraulic Card Back Buttons */
[data-theme='hydraulic'] .game-card-back .bg-red-600,
[data-theme='hydraulic'] .game-card-back .bg-gray-700,
[data-theme='hydraulic'] .game-card-back .bg-blue-600,
[data-theme='hydraulic'] .game-card-back .help-btn {
    background-color: #fbbf24 !important;
    color: #000 !important;
    border: 2px solid #111827 !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0px #000 !important;
}
[data-theme='hydraulic'] .game-card-back .bg-red-600:hover,
[data-theme='hydraulic'] .game-card-back .bg-gray-700:hover,
[data-theme='hydraulic'] .game-card-back .bg-blue-600:hover,
[data-theme='hydraulic'] .game-card-back .help-btn:hover {
    background-color: #f59e0b !important;
    transform: translate(1px, 1px);
    box-shadow: 1px 1px 0px #000 !important;
}

/* Legacy Play/Stop Buttons */
[data-theme='legacy'] .play-toggle-btn {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    box-shadow: none !important;
}
[data-theme='legacy'] .play-toggle-btn:hover {
    background-color: #fff !important;
    color: #000 !important;
}
[data-theme='legacy'] .play-toggle-btn.bg-red-600 {
    background-color: #fff !important;
    color: #000 !important;
}
[data-theme='legacy'] .play-toggle-btn.bg-red-600:hover {
    background-color: #ccc !important;
}

/* Brick Play/Stop Buttons */
[data-theme='brick'] .play-toggle-btn {
    background-color: var(--accent) !important;
    color: var(--bg-primary) !important;
    border: none !important;
    box-shadow: none !important;
}
[data-theme='brick'] .play-toggle-btn.bg-red-600 {
    background-color: #0f380f !important;
    color: #8bac0f !important;
}
[data-theme='brick'] .play-toggle-btn:hover {
    filter: brightness(1.2);
}

/* OS Play/Stop Buttons */
[data-theme='os'] .play-toggle-btn {
    background-color: #c0c0c0 !important;
    color: #000000 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
[data-theme='os'] .play-toggle-btn:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
}
[data-theme='os'] .play-toggle-btn.bg-red-600 {
    background-color: #c0c0c0 !important;
}

/* Hero Play/Stop Buttons */
[data-theme='hero'] .play-toggle-btn {
    background-color: #ff0000 !important;
    color: #fff !important;
    border: 3px solid #000 !important;
    box-shadow: 4px 4px 0px #000 !important;
}
[data-theme='hero'] .play-toggle-btn:hover {
    background-color: #0000ff !important;
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0px #000 !important;
}
[data-theme='hero'] .play-toggle-btn.bg-red-600 {
    background-color: #ffffff !important;
    color: #ff0000 !important;
}

/* Hero Card Back Buttons */
[data-theme='hero'] .game-card-back .bg-red-600,
[data-theme='hero'] .game-card-back .bg-gray-700,
[data-theme='hero'] .game-card-back .bg-blue-600,
[data-theme='hero'] .game-card-back .help-btn {
    background-color: #ffde00 !important;
    color: #000 !important;
    border: 3px solid #000 !important;
    box-shadow: 3px 3px 0px #000 !important;
    font-family: 'Balsamiq Sans', cursive !important;
}
[data-theme='hero'] .game-card-back .bg-red-600:hover,
[data-theme='hero'] .game-card-back .bg-gray-700:hover,
[data-theme='hero'] .game-card-back .bg-blue-600:hover,
[data-theme='hero'] .game-card-back .help-btn:hover {
    background-color: #ff0000 !important;
    color: #fff !important;
    transform: translate(-1px, -1px);
    box-shadow: 4px 4px 0px #000 !important;
}

/* Ink-Wash Play/Stop Buttons */
[data-theme='inkwash'] .play-toggle-btn {
    background-color: #1a1a1a !important;
    color: #f2f0e9 !important;
    border: 1px solid #1a1a1a !important;
    box-shadow: 4px 4px 0px rgba(0,0,0,0.1) !important;
}
[data-theme='inkwash'] .play-toggle-btn:hover {
    background-color: #d32f2f !important;
    border-color: #d32f2f !important;
}
[data-theme='inkwash'] .play-toggle-btn.bg-red-600 {
    background-color: #f2f0e9 !important;
    color: #d32f2f !important;
    border: 1px solid #d32f2f !important;
}

/* Glacier Play/Stop Buttons */
[data-theme='glacier'] .play-toggle-btn {
    background-color: #0ea5e9 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 4px 10px rgba(14, 165, 233, 0.3) !important;
}

/* Nomad Play/Stop Buttons */
[data-theme='nomad'] .play-toggle-btn {
    background-color: #f59e0b !important;
    color: #451a03 !important;
    border: 2px solid #451a03 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px rgba(0,0,0,0.3) !important;
}

/* Prism Play/Stop Buttons */
[data-theme='prism'] .play-toggle-btn {
    background: linear-gradient(45deg, #ec4899, #8b5cf6) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 0 15px rgba(236, 72, 153, 0.3) !important;
}

/* Invader Play/Stop Buttons */
[data-theme='invader'] .play-toggle-btn {
    background-color: #000 !important;
    color: #22c55e !important;
    border: 1px solid #22c55e !important;
    border-radius: 0 !important;
    box-shadow: 0 0 10px #22c55e !important;
}
[data-theme='invader'] .play-toggle-btn:hover {
    background-color: #22c55e !important;
    color: #000 !important;
}

/* Virtual Play/Stop Buttons */
[data-theme='virtual'] .play-toggle-btn {
    background-color: #000 !important;
    color: #ff0000 !important;
    border: 1px solid #ff0000 !important;
    box-shadow: 0 0 10px #ff0000 !important;
}

/* Quest Play/Stop Buttons */
[data-theme='quest'] .play-toggle-btn {
    background-color: #000080 !important;
    color: #ffde00 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
}

/* Genesis Play/Stop Buttons */
[data-theme='genesis'] .play-toggle-btn {
    background-color: #1a1a1a !important;
    color: #ffde00 !important;
    border: 2px solid #00f2ff !important;
    box-shadow: 4px 4px 0px #000 !important;
    transform: skewX(-2deg);
}

/* Spectrum Play/Stop Buttons */
[data-theme='spectrum'] .play-toggle-btn {
    background-color: #000 !important;
    color: #ffff00 !important;
    border: 2px solid #fff !important;
    border-radius: 0 !important;
}

/* Famicom Play/Stop Buttons */
[data-theme='famicom'] .play-toggle-btn {
    background-color: #991b1b !important;
    color: #fff !important;
    border: 2px solid #ffde00 !important;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.5) !important;
}

/* Web-1.0 Play/Stop Buttons */
[data-theme='web1'] .play-toggle-btn {
    background-color: #c0c0c0 !important;
    color: #000 !important;
    border: 2px solid !important;
    border-color: #fff #808080 #808080 #fff !important;
    border-radius: 0 !important;
}

/* Game Gear Play/Stop Buttons */
[data-theme='gamegear'] .play-toggle-btn {
    background-color: #3b82f6 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.5) !important;
}

/* Manga Play/Stop Buttons */
[data-theme='manga'] .play-toggle-btn {
    background-color: #000 !important;
    color: #fff !important;
    border: 4px solid #000 !important;
    box-shadow: 5px 5px 0px rgba(0,0,0,0.2) !important;
}

/* Museum Play/Stop Buttons */
[data-theme='museum'] .play-toggle-btn {
    background-color: #d4af37 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* Craft Play/Stop Buttons */
[data-theme='craft'] .play-toggle-btn {
    background-color: #fcd34d !important;
    color: #1d4ed8 !important;
    border: 3px dashed #fff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

/* Street Play/Stop Buttons */
[data-theme='street'] .play-toggle-btn {
    background-color: #22c55e !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    box-shadow: 4px 4px 0px #111827 !important;
}

/* Noir Play/Stop Buttons */
[data-theme='noir'] .play-toggle-btn {
    background-color: #e5e5e5 !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

/* Tokyo Play/Stop Buttons */
[data-theme='tokyo'] .play-toggle-btn {
    background-color: #d946ef !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 15px #d946ef !important;
}

/* Ink-Wash Card Back Buttons */
[data-theme='inkwash'] .game-card-back .bg-red-600,
[data-theme='inkwash'] .game-card-back .bg-gray-700,
[data-theme='inkwash'] .game-card-back .bg-blue-600,
[data-theme='inkwash'] .game-card-back .help-btn {
    background-color: #f2f0e9 !important;
    color: #1a1a1a !important;
    border: 1px solid #1a1a1a !important;
    font-family: 'ZCOOL XiaoWei', serif !important;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.05) !important;
}
[data-theme='inkwash'] .game-card-back .bg-red-600:hover,
[data-theme='inkwash'] .game-card-back .bg-gray-700:hover,
[data-theme='inkwash'] .game-card-back .bg-blue-600:hover,
[data-theme='inkwash'] .game-card-back .help-btn:hover {
    background-color: #1a1a1a !important;
    color: #f2f0e9 !important;
}

/* Overgrown Card Back Buttons */
[data-theme='overgrown'] .game-card-back .bg-red-600,
[data-theme='overgrown'] .game-card-back .bg-gray-700,
[data-theme='overgrown'] .game-card-back .bg-blue-600,
[data-theme='overgrown'] .game-card-back .help-btn {
    background-color: #2d3a35 !important;
    color: #d1dace !important;
    border: 1px solid #4ade80 !important;
    box-shadow: none !important;
}
[data-theme='overgrown'] .game-card-back button:hover,
[data-theme='overgrown'] .game-card-back a:hover {
    background-color: #4ade80 !important;
    color: #1a2421 !important;
}

/* Navigator Card Back Buttons */
[data-theme='navigator'] .game-card-back .bg-red-600,
[data-theme='navigator'] .game-card-back .bg-gray-700,
[data-theme='navigator'] .game-card-back .bg-blue-600,
[data-theme='navigator'] .game-card-back .help-btn {
    background-color: #05070a !important;
    color: #00f2ff !important;
    border: 1px solid #1e90ff !important;
    box-shadow: 0 0 10px rgba(0, 242, 255, 0.1) !important;
}
[data-theme='navigator'] .game-card-back button:hover,
[data-theme='navigator'] .game-card-back a:hover {
    background-color: #00f2ff !important;
    color: #05070a !important;
    box-shadow: 0 0 15px #00f2ff !important;
}

/* Glacier Card Back Buttons */
[data-theme='glacier'] .game-card-back .bg-red-600,
[data-theme='glacier'] .game-card-back .bg-gray-700,
[data-theme='glacier'] .game-card-back .bg-blue-600,
[data-theme='glacier'] .game-card-back .help-btn {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd !important;
    box-shadow: none !important;
    backdrop-filter: blur(5px);
}
[data-theme='glacier'] .game-card-back button:hover,
[data-theme='glacier'] .game-card-back a:hover {
    background-color: #0ea5e9 !important;
    color: #ffffff !important;
}

/* Nomad Card Back Buttons */
[data-theme='nomad'] .game-card-back .bg-red-600,
[data-theme='nomad'] .game-card-back .bg-gray-700,
[data-theme='nomad'] .game-card-back .bg-blue-600,
[data-theme='nomad'] .game-card-back .help-btn {
    background-color: #451a03 !important;
    color: #fef3c7 !important;
    border: 2px solid #92400e !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0px rgba(0,0,0,0.3) !important;
}
[data-theme='nomad'] .game-card-back button:hover,
[data-theme='nomad'] .game-card-back a:hover {
    background-color: #92400e !important;
    color: #ffffff !important;
}

/* Prism Card Back Buttons */
[data-theme='prism'] .game-card-back .bg-red-600,
[data-theme='prism'] .game-card-back .bg-gray-700,
[data-theme='prism'] .game-card-back .bg-blue-600,
[data-theme='prism'] .game-card-back .help-btn {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #000 !important;
    box-shadow: 4px 4px 0px rgba(0,0,0,0.1) !important;
    border-radius: 0 !important;
}
[data-theme='prism'] .game-card-back button:hover,
[data-theme='prism'] .game-card-back a:hover {
    background: linear-gradient(45deg, #ef4444, #3b82f6) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Invader Card Back Buttons */
[data-theme='invader'] .game-card-back .bg-red-600,
[data-theme='invader'] .game-card-back .bg-gray-700,
[data-theme='invader'] .game-card-back .bg-blue-600,
[data-theme='invader'] .game-card-back .help-btn {
    background-color: #000 !important;
    color: #22c55e !important;
    border: 1px solid #22c55e !important;
    border-radius: 0 !important;
    font-family: 'Press Start 2P', cursive !important;
    font-size: 7px !important;
}
[data-theme='invader'] .game-card-back button:hover,
[data-theme='invader'] .game-card-back a:hover {
    background-color: #22c55e !important;
    color: #000 !important;
    box-shadow: 0 0 15px #22c55e !important;
}

/* Virtual Card Back Buttons */
[data-theme='virtual'] .game-card-back .bg-red-600,
[data-theme='virtual'] .game-card-back .bg-gray-700,
[data-theme='virtual'] .game-card-back .bg-blue-600,
[data-theme='virtual'] .game-card-back .help-btn {
    background-color: #000 !important;
    color: #ff0000 !important;
    border: 1px solid #ff0000 !important;
    box-shadow: 0 0 5px #ff0000 !important;
    border-radius: 0 !important;
}

/* Quest Card Back Buttons */
[data-theme='quest'] .game-card-back .bg-red-600,
[data-theme='quest'] .game-card-back .bg-gray-700,
[data-theme='quest'] .game-card-back .bg-blue-600,
[data-theme='quest'] .game-card-back .help-btn {
    background-color: #0000ff !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    font-family: 'Pixelify Sans', cursive !important;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.5) !important;
}

/* Genesis Card Back Buttons */
[data-theme='genesis'] .game-card-back .bg-red-600,
[data-theme='genesis'] .game-card-back .bg-gray-700,
[data-theme='genesis'] .game-card-back .bg-blue-600,
[data-theme='genesis'] .game-card-back .help-btn {
    background-color: #1a1a1a !important;
    color: #00f2ff !important;
    border: 1px solid #00f2ff !important;
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 900 !important;
    box-shadow: 3px 3px 0px #000 !important;
    transform: skewX(-2deg);
}

/* Spectrum Card Back Buttons */
[data-theme='spectrum'] .game-card-back .bg-red-600,
[data-theme='spectrum'] .game-card-back .bg-gray-700,
[data-theme='spectrum'] .game-card-back .bg-blue-600,
[data-theme='spectrum'] .game-card-back .help-btn {
    background-color: #000 !important;
    color: #00ffff !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important;
}

/* Famicom Card Back Buttons */
[data-theme='famicom'] .game-card-back .bg-red-600,
[data-theme='famicom'] .game-card-back .bg-gray-700,
[data-theme='famicom'] .game-card-back .bg-blue-600,
[data-theme='famicom'] .game-card-back .help-btn {
    background-color: #991b1b !important;
    color: #ffde00 !important;
    border: 2px solid #ffde00 !important;
    border-radius: 2px !important;
}

/* Web-1.0 Card Back Buttons */
[data-theme='web1'] .game-card-back .bg-red-600,
[data-theme='web1'] .game-card-back .bg-gray-700,
[data-theme='web1'] .game-card-back .bg-blue-600,
[data-theme='web1'] .game-card-back .help-btn {
    background-color: #c0c0c0 !important;
    color: #0000ff !important;
    border: 2px solid !important;
    border-color: #fff #808080 #808080 #fff !important;
    border-radius: 0 !important;
    text-decoration: underline !important;
}

/* Game Gear Card Back Buttons */
[data-theme='gamegear'] .game-card-back .bg-red-600,
[data-theme='gamegear'] .game-card-back .bg-gray-700,
[data-theme='gamegear'] .game-card-back .bg-blue-600,
[data-theme='gamegear'] .game-card-back .help-btn {
    background-color: #111827 !important;
    color: #a855f7 !important;
    border: 1px solid #3b82f6 !important;
    box-shadow: 0 0 5px #a855f7 !important;
}

/* Manga Card Back Buttons */
[data-theme='manga'] .game-card-back .bg-red-600,
[data-theme='manga'] .game-card-back .bg-gray-700,
[data-theme='manga'] .game-card-back .bg-blue-600,
[data-theme='manga'] .game-card-back .help-btn {
    background-color: #fff !important;
    color: #000 !important;
    border: 3px solid #000 !important;
    box-shadow: 4px 4px 0px #000 !important;
    font-family: 'Balsamiq Sans', cursive !important;
    font-weight: 900 !important;
}

/* Museum Card Back Buttons */
[data-theme='museum'] .game-card-back .bg-red-600,
[data-theme='museum'] .game-card-back .bg-gray-700,
[data-theme='museum'] .game-card-back .bg-blue-600,
[data-theme='museum'] .game-card-back .help-btn {
    background-color: #fff !important;
    color: #d4af37 !important;
    border: 1px solid #d4af37 !important;
    font-family: 'Cormorant Garamond', serif !important;
    border-radius: 0 !important;
}

/* Craft Card Back Buttons */
[data-theme='craft'] .game-card-back .bg-red-600,
[data-theme='craft'] .game-card-back .bg-gray-700,
[data-theme='craft'] .game-card-back .bg-blue-600,
[data-theme='craft'] .game-card-back .help-btn {
    background-color: #fcd34d !important;
    color: #1d4ed8 !important;
    border: 2px solid #fff !important;
    font-family: 'Comfortaa', cursive !important;
    border-radius: 1rem !important;
}

/* Street Card Back Buttons */
[data-theme='street'] .game-card-back .bg-red-600,
[data-theme='street'] .game-card-back .bg-gray-700,
[data-theme='street'] .game-card-back .bg-blue-600,
[data-theme='street'] .game-card-back .help-btn {
    background-color: #111827 !important;
    color: #22c55e !important;
    border: 2px solid #22c55e !important;
    font-family: 'Archivo Black', sans-serif !important;
}

/* Noir Card Back Buttons */
[data-theme='noir'] .game-card-back .bg-red-600,
[data-theme='noir'] .game-card-back .bg-gray-700,
[data-theme='noir'] .game-card-back .bg-blue-600,
[data-theme='noir'] .game-card-back .help-btn {
    background-color: #000 !important;
    color: #e5e5e5 !important;
    border: 1px solid #404040 !important;
    font-family: 'JetBrains Mono', monospace !important;
    opacity: 0.8 !important;
}

/* Tokyo Card Back Buttons */
[data-theme='tokyo'] .game-card-back .bg-red-600,
[data-theme='tokyo'] .game-card-back .bg-gray-700,
[data-theme='tokyo'] .game-card-back .bg-blue-600,
[data-theme='tokyo'] .game-card-back .help-btn {
    background-color: #000 !important;
    color: #f0abfc !important;
    border: 1px solid #d946ef !important;
    text-shadow: 0 0 5px #d946ef !important;
    font-family: 'DotGothic16', sans-serif !important;
}

/* Woodgrain Card Back Buttons */
[data-theme='woodgrain'] .game-card-back .bg-red-600,
[data-theme='woodgrain'] .game-card-back .bg-gray-700,
[data-theme='woodgrain'] .game-card-back .bg-blue-600,
[data-theme='woodgrain'] .game-card-back .help-btn {
    background-color: #4a3728 !important;
    color: #ffbf00 !important;
    border: 2px solid #1a0f00 !important;
    font-family: 'DM Serif Display', serif !important;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.3) !important;
}
[data-theme='woodgrain'] .game-card-back button:hover,
[data-theme='woodgrain'] .game-card-back a:hover {
    background-color: #ffbf00 !important;
    color: #1a0f00 !important;
}

/* Papercraft Card Back Buttons */
[data-theme='papercraft'] .game-card-back .bg-red-600,
[data-theme='papercraft'] .game-card-back .bg-gray-700,
[data-theme='papercraft'] .game-card-back .bg-blue-600,
[data-theme='papercraft'] .game-card-back .help-btn {
    background-color: #f4eee1 !important;
    color: #d32f2f !important;
    border: 2px solid #333 !important;
    font-family: 'Special Elite', cursive !important;
    box-shadow: 3px 3px 0px rgba(0,0,0,0.1) !important;
}
[data-theme='papercraft'] .game-card-back button:hover,
[data-theme='papercraft'] .game-card-back a:hover {
    background-color: #333 !important;
    color: #f4eee1 !important;
}