.levels-wrapper[data-v-ff25b34e]{background-color:#f8fafc;font-family:Tajawal,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.container[data-v-ff25b34e]{margin:0 auto;max-width:1100px;padding:0 20px}.bg-decoration .blob-1[data-v-ff25b34e]{background:#fbbf24;filter:blur(120px);height:400px;opacity:.15;position:absolute;right:-100px;top:-100px;width:400px;z-index:0}.game-header[data-v-ff25b34e]{background:#fff;border-bottom:1px solid #e2e8f0;padding:30px 0;position:relative;z-index:10}.header-inner[data-v-ff25b34e]{justify-content:space-between}.back-pill[data-v-ff25b34e],.header-inner[data-v-ff25b34e]{align-items:center;display:flex}.back-pill[data-v-ff25b34e]{background:#f1f5f9;border:none;border-radius:100px;color:#64748b;cursor:pointer;font-weight:700;gap:8px;padding:10px 18px;transition:.2s}.back-pill[data-v-ff25b34e]:hover{background:#e2e8f0;color:#1e293b}.title-group h1[data-v-ff25b34e]{color:#0f172a;font-size:2rem;font-weight:900;margin:0}.title-group p[data-v-ff25b34e]{color:#64748b;font-weight:500;margin:5px 0 0}.stat-pill[data-v-ff25b34e]{align-items:center;background:#fffbeb;border:1px solid #fef3c7;border-radius:100px;color:#b45309;display:flex;font-weight:700;gap:8px;padding:10px 20px}.levels-main[data-v-ff25b34e]{padding:60px 20px}.section-header[data-v-ff25b34e]{margin-bottom:20px;text-align:right}.section-header h2[data-v-ff25b34e]{color:#0f172a;font-size:1.6rem;font-weight:900;margin:0 0 6px}.section-header p[data-v-ff25b34e]{color:#64748b;font-weight:500;margin:0}.theme-section[data-v-ff25b34e]{margin-bottom:50px}.theme-grid[data-v-ff25b34e]{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.theme-card[data-v-ff25b34e]{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 10px 30px #0000000a;cursor:pointer;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.theme-card[data-v-ff25b34e]:hover{box-shadow:0 20px 35px #0f172a1f;transform:translateY(-6px)}.theme-title[data-v-ff25b34e]{color:#0f172a;font-size:1.2rem;font-weight:800;margin-bottom:8px}.theme-meta[data-v-ff25b34e]{color:#64748b;display:flex;font-size:.85rem;font-weight:600;gap:12px;margin-bottom:16px}.theme-play[data-v-ff25b34e]{align-items:center;background:#0f172a;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:8px 14px}.grid-options[data-v-ff25b34e]{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.level-card[data-v-ff25b34e]{background:#fff;border:1px solid #f1f5f9;border-radius:28px;box-shadow:0 10px 30px #00000008;cursor:pointer;padding:10px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.level-card[data-v-ff25b34e]:hover{box-shadow:0 25px 50px -12px #0000001a;transform:translateY(-12px)}.level-1[data-v-ff25b34e]{--accent:#10b981}.level-2[data-v-ff25b34e]{--accent:#3b82f6}.level-3[data-v-ff25b34e]{--accent:#8b5cf6}.level-4[data-v-ff25b34e]{--accent:#f43f5e}.level-preview[data-v-ff25b34e]{align-items:center;background:#f8fafc;border-radius:20px;display:flex;height:180px;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative}.preview-dot-grid[data-v-ff25b34e]{display:grid;gap:6px;opacity:.2;width:100px}.dot[data-v-ff25b34e]{background:var(--accent);border-radius:50%;height:4px;width:4px}.difficulty-tag[data-v-ff25b34e]{background:#fff;border-radius:100px;box-shadow:0 4px 10px #0000000d;color:var(--accent);font-size:.8rem;font-weight:800;left:15px;padding:6px 14px;position:absolute;top:15px}.level-content[data-v-ff25b34e]{padding:0 15px 15px;text-align:center}.size-display[data-v-ff25b34e]{color:#0f172a;font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:10px}.size-display .x[data-v-ff25b34e]{color:var(--accent);font-size:1.5rem}.meta-info[data-v-ff25b34e]{display:flex;justify-content:center;margin-bottom:25px}.meta-item[data-v-ff25b34e]{color:#64748b;font-weight:600;gap:6px}.meta-item[data-v-ff25b34e],.play-btn[data-v-ff25b34e]{align-items:center;display:flex}.play-btn[data-v-ff25b34e]{background:#f8fafc;border:2px solid #f1f5f9;border-radius:18px;color:#1e293b;font-weight:800;gap:10px;justify-content:center;padding:14px;transition:all .3s;width:100%}.level-card:hover .play-btn[data-v-ff25b34e]{background:var(--accent);border-color:var(--accent);box-shadow:0 10px 20px -5px var(--accent);color:#fff}@media (max-width:768px){.header-inner[data-v-ff25b34e]{flex-direction:column;gap:20px;text-align:center}.back-pill[data-v-ff25b34e]{order:2}.grid-options[data-v-ff25b34e]{grid-template-columns:1fr}}