@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700;800&family=Merriweather:ital,wght@0,400;0,700;1,300&display=swap";:root{--color-bg-dark: #F8FAFC;--color-bg-surface: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-card-hover: #F1F5F9;--color-border: #E2E8F0;--color-border-bright: #CBD5E1;--color-crimson: #DC2626;--color-crimson-hover: #B91C1C;--color-crimson-glow: rgba(220, 38, 38, .12);--color-purple: #7C3AED;--color-purple-hover: #6D28D9;--color-purple-glow: rgba(124, 58, 237, .15);--color-gold: #D97706;--color-emerald: #059669;--color-sky: #0284C7;--color-text-main: #0F172A;--color-text-muted: #475569;--color-text-dim: #64748B;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-noir: "Merriweather", serif;--font-mono: "Courier Prime", monospace;--shadow-noir: 0 4px 20px -2px rgba(0, 0, 0, .06), 0 2px 6px -1px rgba(0, 0, 0, .04);--shadow-hover: 0 12px 28px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .05);--shadow-crimson: 0 4px 14px rgba(220, 38, 38, .25);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{background-color:var(--color-bg-dark);color:var(--color-text-main);font-family:var(--font-sans);min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;line-height:1.5}html{height:-webkit-fill-available}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}.astryx-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-noir);transition:all .2s cubic-bezier(.4,0,.2,1)}.astryx-card-hover:hover{border-color:var(--color-purple);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.astryx-button-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-crimson);transition:all .2s ease}.astryx-button-primary:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:scale(1.02)}.astryx-button-primary:active{transform:scale(.98)}.astryx-button-secondary{background:#fff;color:var(--color-text-main);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.astryx-button-secondary:hover{background:#f8fafc;border-color:var(--color-border-bright)}.astryx-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.astryx-badge-beginner{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.astryx-badge-intermediate{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.astryx-badge-advanced{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.murdokus-single-screen-layout{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box;overflow:hidden}@media(min-width:960px){.murdokus-single-screen-layout{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(340px,480px) minmax(140px,180px);gap:16px;align-items:start}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.animate-pulse-glow{animation:pulseGlow 2s infinite ease-in-out}