.media-container.svelte-4oi9qy.svelte-4oi9qy{width:100%;max-width:800px;margin:0 auto;background:#1a1a1a;border:3px solid #f4d03f;border-radius:8px;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}video.svelte-4oi9qy.svelte-4oi9qy,img.svelte-4oi9qy.svelte-4oi9qy{width:100%;height:auto;max-height:500px;object-fit:contain}video.error.svelte-4oi9qy.svelte-4oi9qy,img.error.svelte-4oi9qy.svelte-4oi9qy{display:none}.placeholder.svelte-4oi9qy.svelte-4oi9qy{padding:48px;text-align:center;color:#666}.placeholder-icon.svelte-4oi9qy.svelte-4oi9qy{font-size:64px;display:block;margin-bottom:16px}.placeholder.svelte-4oi9qy p.svelte-4oi9qy{font-family:Courier New,monospace;margin:0}.placeholder.svelte-4oi9qy .hint.svelte-4oi9qy{font-size:12px;margin-top:8px}@media (max-width: 640px){.media-container.svelte-4oi9qy.svelte-4oi9qy{min-height:220px;border-width:2px}.placeholder.svelte-4oi9qy.svelte-4oi9qy{padding:28px 16px}.placeholder-icon.svelte-4oi9qy.svelte-4oi9qy{font-size:44px}}.navigation.svelte-c21t8o{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:24px;margin-top:32px}.nav-btn.svelte-c21t8o{padding:12px 24px;background:#2a2a2a;border:2px solid #f4d03f;border-radius:8px;color:#f4d03f;text-decoration:none;font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:all .2s ease}.nav-btn.svelte-c21t8o:hover:not(.disabled):not(.locked){background:#f4d03f;color:#1a1a1a}.nav-btn.locked.svelte-c21t8o{opacity:.5;cursor:not-allowed}.nav-btn.disabled.svelte-c21t8o{opacity:.3;cursor:not-allowed}.page-indicator.svelte-c21t8o{color:#888;font-family:Courier New,monospace;font-size:16px}@media (max-width: 640px){.navigation.svelte-c21t8o{padding:16px 0 0;margin-top:24px}.nav-btn.svelte-c21t8o{flex:1 1 100%;text-align:center;padding:12px 16px}.page-indicator.svelte-c21t8o{order:-1;width:100%;text-align:center}}