/* م6: مولّد من docs/design بالسكربت gen.py — الأوضاع الخمسة، رأس الشاشات، الشريط السفلي، والحركات */
@keyframes bw-birds{0%{transform:translateX(0)}100%{transform:translateX(-540px)}}
@keyframes bw-caravan{0%{transform:translateX(0)}100%{transform:translateX(-600px)}}
@keyframes bw-dune{0%{transform:translateX(0)}100%{transform:translateX(-390px)}}
@keyframes bw-flap{0%{transform:scaleY(1)}100%{transform:scaleY(0.35)}}
@keyframes bw-rays{to{transform:rotate(360deg)}}
@keyframes bw-sand{0%{transform:translateX(0)}100%{transform:translateX(-390px)}}
@keyframes bw-sky{0%{background-position:0% 0%}100%{background-position:0% 100%}}
@keyframes bw-step{0%{transform:translateY(0)}100%{transform:translateY(-1.2px)}}
@keyframes bw-sun{0%{transform:translate(0,0) scale(1)}100%{transform:translate(40px,14px) scale(1.12)}}
@keyframes bw-sway{0%{transform:rotate(-4deg)}100%{transform:rotate(4deg)}}
@keyframes nv-bob{0%{transform:translateY(0)}100%{transform:translateY(-1.6px)}}
@keyframes nv-bump{0%{transform:translateY(0)}100%{transform:translateY(-0.8px)}}
@keyframes nv-coin{0%{transform:translateY(-3px);opacity:0}15%{opacity:1}55%{transform:translateY(4px);opacity:1}65%,100%{transform:translateY(4px);opacity:0}}
@keyframes nv-mic{0%{transform:scale(1)}100%{transform:scale(1.08)}}
@keyframes nv-nod{0%{transform:translateY(0)}100%{transform:translateY(-1.4px)}}
@keyframes nv-print{0%{transform:translateY(1.2px)}100%{transform:translateY(-1.2px)}}
@keyframes nv-ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.5);opacity:0}}
@keyframes nv-road{to{transform:translateX(-8px)}}
@keyframes nv-spin{to{transform:rotate(360deg)}}
@keyframes rk-a{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-130px,50px) scale(1.2)}}
@keyframes rk-b{0%{transform:translate(0,0) scale(1)}100%{transform:translate(120px,-40px) scale(1.15)}}
@keyframes rk-float{0%{transform:translateY(0) rotate(-8deg)}100%{transform:translateY(-10px) rotate(8deg)}}
@keyframes rk-rise{0%{transform:translateY(0)}100%{transform:translateY(-340px)}}
@keyframes rk-shift{0%{background-position:0% 40%}100%{background-position:100% 60%}}
@keyframes rk-sweep{0%{transform:translateX(0) rotate(16deg)}100%{transform:translateX(-720px) rotate(16deg)}}
@keyframes rk-turn{to{transform:rotate(360deg)}}
@keyframes rk-twinkle{0%{opacity:.1;transform:scale(.35)}100%{opacity:1;transform:scale(1)}}
@keyframes rk-window{0%,35%{opacity:.25}65%,100%{opacity:1}}
@keyframes th-dune{0%{background-position:0 100%,0 100%,0 0}100%{background-position:-390px 100%,780px 100%,0 0}}
@keyframes th-glow{0%{background-position:0% 0%,0 0}100%{background-position:100% 40%,0 0}}
@keyframes th-navdune{0%{background-position:0 0,0 0}100%{background-position:-390px 0,0 0}}
@keyframes th-navglow{0%{background-position:0% 0}100%{background-position:100% 0}}
@keyframes th-navsweep{0%{background-position:0% 0,0 0}100%{background-position:100% 0,0 0}}
@keyframes th-sweep{0%{background-position:0% 0,0 0,0 0}100%{background-position:100% 0,0 -60px,0 0}}
[data-theme="gold"] .top{background: linear-gradient(100deg, rgba(255,236,170,0) 40%, rgba(255,236,170,0.20) 50%, rgba(255,236,170,0) 60%), url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20390%20120%27%3E%3Cg%20fill%3D%27rgb%28231%2C195%2C90%29%27%3E%3Ccircle%20cx%3D%2722%27%20cy%3D%2718%27%20r%3D%271.2%27%20fill-opacity%3D%270.7%27%2F%3E%3Ccircle%20cx%3D%2796%27%20cy%3D%2764%27%20r%3D%271.6%27%20fill-opacity%3D%270.5%27%2F%3E%3Ccircle%20cx%3D%27158%27%20cy%3D%2730%27%20r%3D%271%27%20fill-opacity%3D%270.8%27%2F%3E%3Ccircle%20cx%3D%27214%27%20cy%3D%2792%27%20r%3D%271.4%27%20fill-opacity%3D%270.55%27%2F%3E%3Ccircle%20cx%3D%27268%27%20cy%3D%2748%27%20r%3D%271.1%27%20fill-opacity%3D%270.75%27%2F%3E%3Ccircle%20cx%3D%27330%27%20cy%3D%2714%27%20r%3D%271.5%27%20fill-opacity%3D%270.5%27%2F%3E%3Ccircle%20cx%3D%27364%27%20cy%3D%2784%27%20r%3D%271.2%27%20fill-opacity%3D%270.7%27%2F%3E%3Ccircle%20cx%3D%2760%27%20cy%3D%27104%27%20r%3D%271%27%20fill-opacity%3D%270.6%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 0 0 / 390px 120px repeat, linear-gradient(135deg, #0c0a07 0%, #2a2114 55%, #0c0a07 100%);background-size: 320% 100%, 390px 120px, 100% 100%;background-repeat: no-repeat, repeat, no-repeat;animation: th-sweep 14s ease-in-out infinite alternate;border-bottom: 1px solid rgba(212,175,55,0.55)}
[data-theme="desert"] .top{background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20390%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2020%20C%2060%2015%2C%20140%203%2C%20195%2012%20C%20250%2021%2C%20330%2025%2C%20390%2020%20V%2040%20H%200%20Z%27%20fill%3D%27rgba%28240%2C190%2C120%2C0.55%29%27%2F%3E%3C%2Fsvg%3E) repeat-x 0 100% / 390px 26px, url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20390%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2020%20C%2060%2015%2C%20140%203%2C%20195%2012%20C%20250%2021%2C%20330%2025%2C%20390%2020%20V%2040%20H%200%20Z%27%20fill%3D%27%23f6eee1%27%2F%3E%3C%2Fsvg%3E) repeat-x 0 100% / 390px 14px, linear-gradient(180deg, #7a4224 0%, #a65d2c 60%, #cf8a4f 100%);animation: th-dune 48s linear infinite}
[data-theme="night"] .top{background: radial-gradient(circle at 20% 0%, rgba(245,181,74,0.24), rgba(245,181,74,0) 45%), linear-gradient(160deg, #1d2128 0%, #121417 100%);background-size: 170% 170%, 100% 100%;background-repeat: no-repeat;animation: th-glow 18s ease-in-out infinite alternate;border-bottom: 1px solid #2a2e34}
[data-theme="navy"] .top{background:#13254d}
[data-theme="paper"] .top{background:#1c1b19;border-bottom:3px double #c9c5bb}
[data-theme="gold"] .nav.glass{background: linear-gradient(100deg, rgba(255,236,170,0) 42%, rgba(255,236,170,0.14) 50%, rgba(255,236,170,0) 58%), linear-gradient(180deg, #1f1810, #0c0a07);background-size: 300% 100%, 100% 100%;background-repeat: no-repeat;animation: th-navsweep 9s ease-in-out infinite alternate;border-top: 1px solid rgba(212,175,55,0.45);box-shadow: 0 -8px 20px rgba(15,23,42,0.18)}
[data-theme="desert"] .nav.glass{background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20390%2012%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%200%20H%20390%20V%206%20C%20330%2010%2C%20250%202%2C%20195%206%20C%20140%2010%2C%2060%202%2C%200%206%20Z%27%20fill%3D%27rgba%28240%2C194%2C123%2C0.22%29%27%2F%3E%3C%2Fsvg%3E) repeat-x 0 0 / 390px 12px, linear-gradient(180deg, #6b3f22, #4e2c17);animation: th-navdune 36s linear infinite;box-shadow: 0 -8px 20px rgba(15,23,42,0.18)}
[data-theme="night"] .nav.glass{background: radial-gradient(circle at 50% 0%, rgba(245,181,74,0.16), rgba(245,181,74,0) 60%), #1a1d21;background-size: 200% 100%, auto;background-repeat: no-repeat;animation: th-navglow 12s ease-in-out infinite alternate;border-top: 1px solid #2a2e34;box-shadow: 0 -8px 20px rgba(15,23,42,0.18)}
[data-theme="navy"] .nav.glass{background: #13254d;box-shadow: 0 -8px 20px rgba(15,23,42,0.18)}
[data-theme="paper"] .nav.glass{background: #1c1b19;border-top: 3px double #c9c5bb;box-shadow: 0 -8px 20px rgba(15,23,42,0.18)}