.demos-grid[data-astro-cid-i6i4fcnf]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:3rem 0}.demo-card[data-astro-cid-i6i4fcnf]{background:var(--bg-card, #1a1a2e);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.demo-card[data-astro-cid-i6i4fcnf]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.demo-preview[data-astro-cid-i6i4fcnf]{aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.demo-preview[data-astro-cid-i6i4fcnf] img[data-astro-cid-i6i4fcnf]{width:100%;height:100%;object-fit:cover}.placeholder[data-astro-cid-i6i4fcnf]{font-size:3rem}.demo-info[data-astro-cid-i6i4fcnf]{padding:1.5rem}.demo-info[data-astro-cid-i6i4fcnf] h3[data-astro-cid-i6i4fcnf]{margin:0 0 .5rem;color:#fff}.demo-info[data-astro-cid-i6i4fcnf] p[data-astro-cid-i6i4fcnf]{color:#ffffffb3;margin:.5rem 0}.demo-tags[data-astro-cid-i6i4fcnf]{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.tag[data-astro-cid-i6i4fcnf]{background:#6366f133;color:#818cf8;padding:.25rem .75rem;border-radius:12px;font-size:.875rem}.demo-actions[data-astro-cid-i6i4fcnf]{display:flex;gap:.5rem}.btn[data-astro-cid-i6i4fcnf]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary[data-astro-cid-i6i4fcnf]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-astro-cid-i6i4fcnf]:hover{transform:scale(1.05)}.btn-secondary[data-astro-cid-i6i4fcnf]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary[data-astro-cid-i6i4fcnf]:hover{background:#fff3}.game-modal[data-astro-cid-i6i4fcnf]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(5px);z-index:1000;animation:fadeIn .3s ease}.game-modal[data-astro-cid-i6i4fcnf].active{display:flex;justify-content:center;align-items:center}.modal-game-container[data-astro-cid-i6i4fcnf]{position:relative;background:#000;border-radius:8px;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;overflow:hidden}#canvas-container[data-astro-cid-i6i4fcnf]{position:relative}#canvas-container[data-astro-cid-i6i4fcnf] canvas[data-astro-cid-i6i4fcnf]{display:block;background:#000;image-rendering:pixelated;image-rendering:crisp-edges}.close-button[data-astro-cid-i6i4fcnf]{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:all .3s ease;z-index:10}.close-button[data-astro-cid-i6i4fcnf]:hover{background:#ff000080;transform:rotate(90deg)}.loading-overlay[data-astro-cid-i6i4fcnf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:2rem;border-radius:10px;color:#fff;font-size:1.2rem;pointer-events:none}.demo-card[data-astro-cid-i6i4fcnf]{cursor:pointer}.demo-card[data-astro-cid-i6i4fcnf]:focus-visible{outline:3px solid #818cf8;outline-offset:3px}.play-overlay[data-astro-cid-i6i4fcnf]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.demo-card[data-astro-cid-i6i4fcnf]:hover .play-overlay[data-astro-cid-i6i4fcnf],.demo-card[data-astro-cid-i6i4fcnf]:focus-within .play-overlay[data-astro-cid-i6i4fcnf]{opacity:1;transform:none;pointer-events:auto}@media (hover: none){.play-overlay[data-astro-cid-i6i4fcnf]{opacity:1;transform:none;pointer-events:auto;background:none}}.error-display[data-astro-cid-i6i4fcnf]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff00001a;border:2px solid rgba(255,0,0,.5);border-radius:10px;padding:2rem;color:#fff;text-align:center}.error-display[data-astro-cid-i6i4fcnf] h3[data-astro-cid-i6i4fcnf]{color:#ff6b6b;margin-bottom:1rem}.error-display[data-astro-cid-i6i4fcnf] button[data-astro-cid-i6i4fcnf]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;margin-top:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}