:root {
  color-scheme: dark;
  --bg: #080b14; --panel: rgba(19, 24, 40, .88); --text: #f7f7fc; --muted: #8992a8;
  --accent: #7b64ff; --line: rgba(255, 255, 255, .075); --tg-bg: var(--bg); --tg-text: var(--text);
  font-family: "Noto Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { width:100%; height:100%; overflow:hidden; background:#070a12; touch-action:manipulation; }
body { width:100%; height:100%; margin:0; overflow:hidden; overscroll-behavior:none; background:var(--tg-bg); color:var(--tg-text); -webkit-tap-highlight-color:transparent; transition:background .4s ease; }
button, input { font: inherit; }
.developer-splash { position:fixed; z-index:10000; inset:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 45%,#24165d 0,#0b0d26 34%,#02040d 72%); color:#fff; opacity:1; transform:scale(1); transition:opacity .18s ease,transform .18s ease; }
.developer-splash.is-leaving { opacity:0; transform:scale(1.035); pointer-events:none; }
.splash-nebula { position:absolute; width:min(135vw,760px); aspect-ratio:1; border-radius:50%; background:conic-gradient(from 20deg,transparent 0 12%,#714dff66 22%,transparent 36%,#096bc755 51%,transparent 65%,#d72aa444 79%,transparent 92%); filter:blur(34px); animation:splashNebulaSpin 6s linear infinite; }
.splash-stars,.splash-stars::before,.splash-stars::after { position:absolute; inset:0; content:""; background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#86cfff 0 1px,transparent 1.6px); background-position:12px 18px,48px 73px; background-size:67px 67px,113px 113px; }
.splash-stars { opacity:.52; animation:splashStarsDrift 4s linear infinite; }
.splash-stars::before { opacity:.45; transform:scale(1.35) rotate(18deg); }
.splash-stars::after { opacity:.28; transform:scale(.78) rotate(-13deg); }
.splash-developer { position:relative; z-index:2; display:flex; width:min(88vw,430px); flex-direction:column; align-items:center; text-align:center; animation:splashDeveloperReveal .62s cubic-bezier(.2,.8,.25,1) both; }
.splash-photo-orbit { position:relative; display:grid; width:clamp(118px,34vw,156px); aspect-ratio:1; place-items:center; border-radius:50%; background:conic-gradient(from 0deg,#5ae0ff,#785cff,#ff4eb8,#ffbd59,#5ae0ff); box-shadow:0 0 24px #795cff88,0 0 70px #5d3bff55; animation:splashOrbitGlow 1s ease-in-out infinite alternate; }
.splash-photo-orbit::before { content:""; position:absolute; inset:4px; border-radius:50%; background:#080b19; }
.splash-photo-orbit img { position:relative; z-index:2; width:calc(100% - 12px); height:calc(100% - 12px); border-radius:50%; object-fit:cover; box-shadow:inset 0 0 0 1px #fff3; }
.splash-photo-orbit span { position:absolute; z-index:3; inset:-13px; border:1px solid #84dfff66; border-radius:50%; animation:splashOrbitSpin 1.8s linear infinite; }
.splash-photo-orbit span::after { content:""; position:absolute; top:8px; left:25px; width:8px; height:8px; border-radius:50%; background:#fff; box-shadow:0 0 8px #fff,0 0 18px #70d8ff; }
.splash-developer p { margin:22px 0 7px; color:#9eb8e9; font-size:9px; font-weight:900; letter-spacing:3px; }
.splash-developer strong { direction:ltr; display:flex; align-items:center; justify-content:center; gap:1px; margin-top:24px; font-size:clamp(19px,5.8vw,27px); font-weight:1000; line-height:1.45; filter:drop-shadow(0 0 13px #8e6cff88); }
.splash-hashtag span { display:inline-block; background:linear-gradient(90deg,#7de7ff,#fff 38%,#dcb8ff 68%,#ff8fd3); color:transparent; background-clip:text; -webkit-background-clip:text; }
.splash-hash { animation:splashHashFromRight .72s .18s cubic-bezier(.2,.85,.25,1) both; }
.splash-dev { animation:splashDevFromLeft .72s .18s cubic-bezier(.2,.85,.25,1) both; }
@keyframes splashDeveloperReveal { from { opacity:0; transform:translateY(18px) scale(.88); } to { opacity:1; transform:none; } }
@keyframes splashNebulaSpin { to { transform:rotate(360deg); } }
@keyframes splashStarsDrift { to { transform:translateY(18px); } }
@keyframes splashOrbitSpin { to { transform:rotate(360deg); } }
@keyframes splashOrbitGlow { to { box-shadow:0 0 34px #795cffaa,0 0 90px #366eff66; } }
@keyframes splashHashFromRight { from { opacity:0; transform:translateX(46vw) rotate(16deg); } to { opacity:1; transform:none; } }
@keyframes splashDevFromLeft { from { opacity:0; transform:translateX(-46vw) rotate(-8deg); } to { opacity:1; transform:none; } }
.page { position:relative; z-index:2; display:flex; flex-direction:column; width:min(100%,600px); height:100dvh; margin:auto; overflow:hidden; padding:max(11px,env(safe-area-inset-top)) 14px max(8px,env(safe-area-inset-bottom)); }
.noise { position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.03; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.glow { position: fixed; border-radius: 50%; filter: blur(100px); opacity: .16; pointer-events: none; }
.glow-one { width:340px; height:340px; background:#755cff; top:-180px; right:-130px; opacity:.21; }
.glow-two { width:310px; height:310px; background:#08a991; bottom:-170px; left:-150px; opacity:.12; }
body[data-section="home"] { --section-color:#ef4058; }
body[data-section="games"] { --section-color:#35a3ff; }
body[data-section="snapchat"] { --section-color:#ffd21f; }
body[data-section="bots"] { --section-color:#38d49b; }
body[data-section="sites"] { --section-color:#ff9c42; }
body[data-section="about"] { --section-color:#a855f7; }
body[data-section="portfolio"] { --section-color:#ff4fa3; }
body[data-section="achievements"] { --section-color:#00c2c7; }
body[data-section="reviews"] { --section-color:#a8e10c; }
body[data-section="contact"] { --section-color:#c7cedb; }
body:not([data-section="about"]) .about-birds { display:none; }
body[data-section] .glow-one { background:var(--section-color); transition:background .35s ease; }
body[data-section] { background:radial-gradient(circle at 85% -10%,color-mix(in srgb,var(--section-color) 17%,transparent),transparent 42%),radial-gradient(circle at 5% 105%,color-mix(in srgb,var(--section-color) 9%,transparent),transparent 38%),#080b14; }
body[data-section] .profile-header { border-color:color-mix(in srgb,var(--section-color) 35%,rgba(255,255,255,.1)); background:linear-gradient(120deg,color-mix(in srgb,var(--section-color) 16%,#20253a),rgba(14,18,31,.98) 72%); box-shadow:0 17px 45px rgba(0,0,0,.3),0 0 28px color-mix(in srgb,var(--section-color) 8%,transparent),inset 0 1px 0 rgba(255,255,255,.05); }
body[data-section] .profile-header::before { background:var(--section-color); transition:background .35s ease; }
body[data-section] .profile-photo { border-color:color-mix(in srgb,var(--section-color) 68%,#fff); box-shadow:0 8px 24px color-mix(in srgb,var(--section-color) 28%,transparent); }
body[data-section] .verified-name svg { fill:var(--section-color); }
body[data-section] .owner-label,body[data-section] .profile-link { color:color-mix(in srgb,var(--section-color) 70%,#fff); }
body[data-section] .profile-link b { border-color:color-mix(in srgb,var(--section-color) 35%,transparent); background:color-mix(in srgb,var(--section-color) 12%,transparent); }
body[data-section] .profile-link b svg { stroke:color-mix(in srgb,var(--section-color) 58%,#fff); }
body[data-section] .tiny-label,body[data-section] .footer-logo { color:var(--section-color); }
body[data-section] .bot-card { --card-color:var(--section-color)!important; }
.app-bar { position:relative; display:flex; flex:0 0 28px; align-items:center; justify-content:flex-end; padding:0 3px; }.app-identity { position:absolute; left:50%; direction:ltr; display:flex; align-items:center; gap:6px; color:#dce0ed; font-size:8px; font-weight:900; letter-spacing:1.8px; transform:translateX(-50%); }.app-identity img { position:relative; z-index:2; width:22px; height:22px; overflow:visible; filter:drop-shadow(0 0 6px color-mix(in srgb,var(--section-color,#8c7cff) 45%,transparent)); animation:cloudTravel 4.6s ease-in-out infinite; }.dancing-313 { display:inline-flex; direction:ltr; gap:1px; color:var(--section-color,#8c7cff); font-weight:1000; letter-spacing:0; text-shadow:0 0 11px color-mix(in srgb,var(--section-color,#8c7cff) 70%,transparent); perspective:40px; }.dancing-313 i { display:inline-block; font-style:normal; transform-origin:center; }.dancing-313 i:nth-child(1) { animation:spinFirst 1.8s ease-in-out infinite; }.dancing-313 i:nth-child(2) { animation:flipMiddle 1.45s ease-in-out infinite; }.dancing-313 i:nth-child(3) { animation:walkLast 1.6s ease-in-out infinite; }.live-badge { display:flex; align-items:center; gap:5px; color:#677185; font-size:7px; font-weight:800; letter-spacing:1px; }.live-badge b { min-width:8px; color:#44dda1; font-size:7px; font-weight:1000; letter-spacing:0; text-align:center; text-shadow:0 0 8px #44dda1; animation:liveBlink 1.15s ease-in-out infinite; }
.music-toggle { position:absolute; z-index:4; right:3px; display:flex; align-items:center; gap:5px; height:23px; border:1px solid color-mix(in srgb,var(--section-color,#ef4058) 38%,transparent); border-radius:9px; padding:0 7px; background:color-mix(in srgb,var(--section-color,#ef4058) 10%,rgba(9,12,21,.88)); color:#eef1fa; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 14px color-mix(in srgb,var(--section-color,#ef4058) 10%,transparent); }
.music-toggle b { font-size:6px; font-weight:900; }.music-bars { display:flex; height:10px; align-items:flex-end; gap:1.5px; }.music-bars i { width:2px; border-radius:2px; background:var(--section-color,#ef4058); box-shadow:0 0 5px var(--section-color,#ef4058); animation:musicBar .72s ease-in-out infinite alternate; }.music-bars i:nth-child(1) { height:5px; }.music-bars i:nth-child(2) { height:10px; animation-delay:-.25s; }.music-bars i:nth-child(3) { height:7px; animation-delay:-.48s; }.music-toggle.muted { border-color:rgba(255,255,255,.08); color:#747d91; box-shadow:none; }.music-toggle.muted .music-bars i { height:2px; background:#697286; box-shadow:none; animation:none; }
@keyframes musicBar { to { height:2px; opacity:.48; } }
@keyframes liveBlink { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.18; transform:scale(.65); } }
.profile-header { position:relative; display:flex; flex:0 0 92px; align-items:center; justify-content:space-between; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:22px; padding:13px; background:linear-gradient(120deg,rgba(34,39,64,.98),rgba(17,21,36,.97)); box-shadow:0 17px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045); transform:perspective(700px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg)); transform-style:preserve-3d; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; will-change:transform; }
.profile-header:hover { border-color:rgba(142,124,255,.3); box-shadow:0 20px 48px rgba(0,0,0,.32),0 0 28px rgba(117,92,255,.09),inset 0 1px 0 rgba(255,255,255,.06); }
.profile-header::before { content:""; position:absolute; width:150px; height:150px; top:-100px; left:20%; border-radius:50%; background:#7860f6; filter:blur(55px); opacity:.19; }
.profile-main,.profile-link { z-index:2; }
.section-orbits { position:absolute; z-index:1; inset:0; pointer-events:none; overflow:hidden; }
.section-orbits span { position:absolute; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--section-color) 35%,transparent); color:color-mix(in srgb,var(--section-color) 65%,#fff); background:color-mix(in srgb,var(--section-color) 8%,transparent); box-shadow:0 0 18px color-mix(in srgb,var(--section-color) 12%,transparent); }
.section-orbits svg { width:58%; height:58%; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.icon-library { position:absolute; width:0; height:0; overflow:hidden; }
.section-orbits span:nth-child(1) { width:25px; height:25px; top:9px; left:34%; border-radius:9px; font-size:10px; animation:bannerFloat 3.7s ease-in-out infinite; }
.section-orbits span:nth-child(2) { width:17px; height:17px; right:47%; bottom:8px; border-radius:50%; font-size:7px; animation:bannerFloat 3.1s .5s ease-in-out infinite reverse; }
.section-orbits span:nth-child(3) { width:31px; height:31px; top:31px; left:20%; border-radius:11px; font-size:9px; opacity:.55; animation:bannerSpin 7s linear infinite; }
.content-section[hidden] { display:none!important; }
.content-section { position:relative; isolation:isolate; }
.content-section > :not(.about-birds) { position:relative; z-index:2; }
.about-birds { position:fixed; z-index:100; inset:0; overflow:hidden; pointer-events:none; }
.about-birds span { --tour:16s; --delay:0s; position:absolute; display:block; width:118px; height:70px; will-change:transform; }
.about-birds span i,.about-birds span b { position:absolute; inset:0; display:block; width:100%; height:100%; opacity:.94; background-repeat:no-repeat; background-position:0 50%; background-size:300% 100%; filter:drop-shadow(0 7px 12px rgba(0,0,0,.68)); }
.about-birds span i { background-image:url("assets/about-sparrows-transparent-v1.png"); animation:birdFlap .32s steps(1,end) infinite,birdFlightVisibility var(--tour) var(--delay) steps(1,end) infinite; }
.about-birds span b { height:78px; bottom:-8px; top:auto; background-image:url("assets/about-sparrows-perched-transparent-v1.png"); opacity:0; animation:birdPerchVisibility var(--tour) var(--delay) steps(1,end) infinite; }
.about-birds span:nth-child(1) { --tour:16s; top:9%; left:-125px; animation:birdTourOne var(--tour) var(--delay) linear infinite; }
.about-birds span:nth-child(2) { --tour:19s; --delay:2s; top:28%; right:-125px; animation:birdTourTwo var(--tour) var(--delay) linear infinite; }
.about-birds span:nth-child(2) i { animation-duration:.38s,var(--tour); }.about-birds span:nth-child(2) i,.about-birds span:nth-child(2) b{background-position:50% 50%}
.about-birds span:nth-child(3) { --tour:22s; --delay:5s; bottom:4%; left:-125px; width:104px; height:62px; animation:birdTourThree var(--tour) var(--delay) linear infinite; }
.about-birds span:nth-child(3) i { animation-duration:.27s,var(--tour); }.about-birds span:nth-child(3) i,.about-birds span:nth-child(3) b{background-position:100% 50%}
@keyframes birdFlap { 0%,32%{background-position:0 50%} 33%,65%{background-position:50% 50%} 66%,100%{background-position:100% 50%} }
@keyframes birdFlightVisibility { 0%,27%{opacity:.94} 28%,45%{opacity:0} 46%,68%{opacity:.94} 69%,84%{opacity:0} 85%,100%{opacity:.94} }
@keyframes birdPerchVisibility { 0%,27%{opacity:0} 28%,45%{opacity:.98} 46%,68%{opacity:0} 69%,84%{opacity:.98} 85%,100%{opacity:0} }
@keyframes birdTourOne { 0%{transform:translate(-10px,25px) scaleX(-1) scale(.7) rotate(-3deg)} 28%,45%{transform:translate(calc(32vw + 125px),42vh) scaleX(-1) scale(.66)} 69%,84%{transform:translate(calc(68vw + 125px),66vh) scaleX(-1) scale(.61)} 100%{transform:translate(calc(100vw + 180px),25vh) scaleX(-1) scale(.72) rotate(-2deg)} }
@keyframes birdTourTwo { 0%{transform:translate(10px,10px) scale(.61)} 28%,45%{transform:translate(calc(-25vw - 125px),36vh) scale(.6)} 69%,84%{transform:translate(calc(-67vw - 125px),58vh) scale(.64)} 100%{transform:translate(calc(-100vw - 180px),18vh) scale(.67)} }
@keyframes birdTourThree { 0%{transform:translate(-5px,5px) scaleX(-1) scale(.5)} 28%,45%{transform:translate(calc(72vw + 125px),-18vh) scaleX(-1) scale(.54)} 69%,84%{transform:translate(calc(25vw + 125px),-48vh) scaleX(-1) scale(.51)} 100%{transform:translate(calc(100vw + 180px),-32vh) scaleX(-1) scale(.58)} }
@media(prefers-reduced-motion:reduce){.about-birds span,.about-birds i{animation-play-state:paused!important}}
.profile-main { display:flex; align-items:center; min-width:0; gap:11px; }.profile-photo-wrap { position:relative; isolation:isolate; flex:0 0 auto; width:55px; height:55px; border:0; padding:0; background:none; cursor:pointer; }.profile-photo-wrap::before { content:""; position:absolute; z-index:-1; inset:-4px; border:1px solid rgba(222,229,240,.48); border-radius:21px; background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(142,154,174,.04)); box-shadow:inset 0 0 7px rgba(255,255,255,.12),0 0 8px rgba(198,210,230,.12); }.profile-photo-wrap::after { content:""; position:absolute; z-index:3; left:-3px; top:-3px; width:7px; height:7px; border-radius:50%; background:#f8fbff; box-shadow:0 0 4px #fff,0 0 9px #e5edfa,0 0 16px rgba(207,221,243,.85); offset-path:inset(-4px round 21px); offset-distance:0%; animation:silverRail 2s linear infinite; pointer-events:none; }.profile-photo { display:block; width:100%; height:100%; border:2px solid rgba(204,214,230,.66); border-radius:17px; object-fit:cover; box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.28); }.online-dot { display:none; }
.youtube-audio-player{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.photo-music-state{position:absolute;z-index:5;right:-5px;bottom:-5px;display:flex;width:23px;height:23px;align-items:flex-end;justify-content:center;gap:2px;border:2px solid #111625;border-radius:50%;padding:5px;background:var(--section-color);box-shadow:0 0 16px color-mix(in srgb,var(--section-color) 65%,transparent)}.photo-music-state b{width:2px;border-radius:2px;background:#10131d;animation:photoSound .65s ease-in-out infinite alternate}.photo-music-state b:nth-child(1){height:5px}.photo-music-state b:nth-child(2){height:10px;animation-delay:-.2s}.photo-music-state b:nth-child(3){height:7px;animation-delay:-.4s}.profile-photo-wrap.music-playing::before{animation:photoMusicPulse 1.4s ease-in-out infinite}.profile-photo-wrap.music-paused .photo-music-state{background:#5f687d;box-shadow:none}.profile-photo-wrap.music-paused .photo-music-state b{height:2px;animation:none}.profile-photo-wrap:active{transform:scale(.95)}@keyframes photoSound{to{height:2px}}@keyframes photoMusicPulse{50%{inset:-8px;border-color:var(--section-color);box-shadow:0 0 23px color-mix(in srgb,var(--section-color) 48%,transparent)}}
.headphone-band{position:absolute;z-index:4;inset:-9px -8px -5px;pointer-events:none}.headphone-band::before{content:"";position:absolute;top:0;right:3px;left:3px;height:45px;border:4px solid color-mix(in srgb,var(--section-color) 75%,#fff);border-bottom:0;border-radius:27px 27px 0 0;box-shadow:0 -2px 13px color-mix(in srgb,var(--section-color) 45%,transparent)}.headphone-band i{position:absolute;top:30px;width:10px;height:24px;border:1px solid rgba(255,255,255,.32);border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--section-color) 75%,#fff),color-mix(in srgb,var(--section-color) 70%,#171c2c));box-shadow:0 4px 12px #0008}.headphone-band i:first-child{right:-1px}.headphone-band i:last-child{left:-1px}.sound-ripples{position:absolute;z-index:-2;inset:0;pointer-events:none}.sound-ripples i{position:absolute;inset:-7px;border:1px solid var(--section-color);border-radius:24px;opacity:0;animation:headphoneRipple 1.8s ease-out infinite}.sound-ripples i:nth-child(2){animation-delay:.6s}.sound-ripples i:nth-child(3){animation-delay:1.2s}.profile-photo-wrap.music-playing .profile-photo{animation:photoBass 1.05s ease-in-out infinite}.profile-photo-wrap.music-playing .headphone-band{animation:headphoneFloat 1.4s ease-in-out infinite}.profile-photo-wrap.music-paused .headphone-band{filter:grayscale(1);opacity:.55}.profile-photo-wrap.music-paused .sound-ripples i,.profile-photo-wrap.music-paused .profile-photo{animation:none}.profile-photo-wrap.music-paused .sound-ripples{display:none}@keyframes headphoneRipple{0%{opacity:.55;transform:scale(.9)}100%{opacity:0;transform:scale(1.55)}}@keyframes photoBass{50%{transform:scale(1.035);filter:brightness(1.09)}}@keyframes headphoneFloat{50%{transform:translateY(-2px)}}
/* لكل قسم سماعة بهوية وشكل مختلف. */
body[data-section="home"] .headphone-band::before{border-width:4px;border-radius:27px 27px 0 0}body[data-section="home"] .headphone-band i{border-radius:7px}
body[data-section="games"] .headphone-band::before{right:0;left:0;height:39px;border-width:5px;border-radius:8px 8px 0 0;transform:skewX(-7deg)}body[data-section="games"] .headphone-band i{top:27px;width:13px;height:27px;border-radius:3px;clip-path:polygon(15% 0,100% 10%,85% 100%,0 88%)}
body[data-section="snapchat"] .headphone-band::before{right:7px;left:7px;height:49px;border-width:3px;border-radius:50% 50% 12px 12px}body[data-section="snapchat"] .headphone-band i{top:34px;width:12px;height:19px;border-radius:50%;background:#ffd21f}
body[data-section="bots"] .headphone-band::before{top:-2px;right:1px;left:1px;height:43px;border-style:double;border-width:6px;border-radius:19px 19px 0 0}body[data-section="bots"] .headphone-band i{top:28px;width:11px;height:26px;border-radius:2px;background:repeating-linear-gradient(0deg,#10221b 0 3px,#38d49b 3px 5px)}
body[data-section="sites"] .headphone-band{inset:-11px -10px -7px}
body[data-section="sites"] .headphone-band::before{top:-1px;right:4px;left:4px;height:46px;border:3px double #ffc079;border-bottom:0;border-radius:30px 30px 8px 8px;background:none;box-shadow:0 -3px 15px rgba(255,156,66,.42),inset 0 3px rgba(255,255,255,.12)}
body[data-section="sites"] .headphone-band i{top:31px;width:14px;height:25px;border:2px solid #ffb060;border-radius:9px;background:radial-gradient(circle at 50% 45%,#ffb15f 0 22%,#4b2a16 25% 55%,#17130f 58%);box-shadow:0 5px 14px #0009,0 0 12px rgba(255,156,66,.3)}body[data-section="sites"] .headphone-band i:first-child{right:-1px;transform:rotate(-5deg)}body[data-section="sites"] .headphone-band i:last-child{left:-1px;transform:rotate(5deg)}
body[data-section="sites"] .profile-photo-wrap.music-playing .headphone-band{animation:sitesHeadphoneGroove 1.25s ease-in-out infinite}@keyframes sitesHeadphoneGroove{50%{transform:translateY(-2px) scale(1.025)}}
body[data-section="about"] .headphone-band::before{top:-3px;right:-3px;left:-3px;height:49px;border-width:5px;border-color:#e5c6ff;border-radius:30px 30px 7px 7px;box-shadow:0 -2px 17px #a855f799,inset 0 0 7px #fff5}body[data-section="about"] .headphone-band i{top:31px;width:13px;height:25px;border-radius:9px;background:linear-gradient(180deg,#f3e2ff,#a855f7 55%,#4d166f)}
/* الألعاب فقط: حلقة صوتية بسيطة بدل سماعة الـGaming الزاوية. */
body[data-section="games"] .headphone-band{z-index:-1;inset:-6px}
body[data-section="games"] .headphone-band i{display:none}
body[data-section="games"] .headphone-band::before{content:"";position:absolute;inset:0;width:auto;height:auto;border:2px solid #69baff;border-radius:20px;background:conic-gradient(from 0deg,#35a3ff,transparent 22%,#8bd0ff 48%,transparent 68%,#35a3ff);box-shadow:0 0 0 3px rgba(8,11,20,.92),0 0 17px rgba(53,163,255,.4);transform:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}
body[data-section="games"] .profile-photo-wrap.music-playing .headphone-band{animation:gameSoundDisc 4s linear infinite}body[data-section="games"] .sound-ripples i{border-radius:20px}@keyframes gameSoundDisc{to{transform:rotate(360deg)}}
@keyframes silverRail { to { offset-distance:100%; } }
.profile-copy { position:relative; min-width:0; text-align:center; }.owner-label { display:block; margin-bottom:3px; color:#b9afff; font-size:7px; font-weight:800; letter-spacing:.4px; }.verified-name { display:flex; align-items:center; justify-content:center; gap:5px; }.profile-copy h1 { overflow:hidden; margin:0; color:#f8f7ff; font-size:16px; font-weight:900; text-align:center; text-overflow:ellipsis; white-space:nowrap; letter-spacing:.1px; text-shadow:0 0 14px color-mix(in srgb,var(--section-color,#8c7cff) 38%,transparent); }.verified-name svg { width:15px; height:15px; fill:#7965ef; }.verified-name svg path:last-child { fill:none; stroke:#fff; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }.profile-copy p { overflow:hidden; max-width:190px; margin:4px 0 0; color:#aeb6c9; font-size:8px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.profile-link { position:relative; flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:3px; margin-right:5px; color:#8f86ca; text-decoration:none; font-size:7px; }.profile-link b { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(148,130,255,.27); border-radius:11px; background:linear-gradient(145deg,rgba(124,99,245,.22),rgba(95,75,190,.08)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }.profile-link b svg { width:17px; fill:none; stroke:#b6aaff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.profile-link span { max-width:67px; overflow:hidden; text-overflow:ellipsis; }
.main-nav { display:grid; flex:0 0 56px; grid-template-columns:repeat(5,1fr); gap:6px; margin-top:6px; }
.main-nav button { --nav-color:#7b64ff; position:relative; width:100%; min-width:0; height:56px; min-height:56px; max-height:56px; overflow:hidden; border:1.5px solid color-mix(in srgb,var(--nav-color) 58%,transparent); border-radius:15px; padding:0 3px; background:linear-gradient(145deg,color-mix(in srgb,var(--nav-color) 9%,#151a2a),rgba(11,15,26,.92)); color:color-mix(in srgb,var(--nav-color) 70%,#fff); font-size:10.5px; font-weight:900; line-height:1.25; letter-spacing:-.15px; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 16px rgba(0,0,0,.16); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.linkbio-dashboard-entry { --nav-color:#6257e8; display:flex; align-items:center; justify-content:center; min-height:56px; border:1.5px solid color-mix(in srgb,var(--nav-color) 58%,transparent); border-radius:15px; padding:0 5px; background:linear-gradient(145deg,color-mix(in srgb,var(--nav-color) 18%,#151a2a),#12162a); color:color-mix(in srgb,var(--nav-color) 58%,#fff); font-size:10px; font-weight:900; text-align:center; text-decoration:none; box-shadow:inset 0 1px rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.16); transition:transform .2s ease,filter .2s ease; }
.linkbio-dashboard-entry:hover,.linkbio-dashboard-entry:focus-visible { transform:translateY(-2px); filter:brightness(1.2); outline:none; }
.main-nav button::after { content:""; position:absolute; right:18%; bottom:-12px; left:18%; height:18px; border-radius:50%; background:var(--nav-color); filter:blur(13px); opacity:.15; transition:.2s; }
.main-nav button[data-section="home"] { --nav-color:#f0445e; }
.main-nav button[data-section="games"] { --nav-color:#3478f6; }
.main-nav button[data-section="snapchat"] { --nav-color:#ffd21f; }
.main-nav button[data-section="bots"] { --nav-color:#38d49b; }
.main-nav button[data-section="sites"] { --nav-color:#ff9c42; }
.main-nav button[data-section="projects"] { --nav-color:#22c98b; }
.main-nav button[data-section="store"] { --nav-color:#e7c21f; }
.main-nav button[data-section="store"] small{display:block;margin-top:2px;color:#ffe18a;font-size:5px;font-weight:900;letter-spacing:.35px}
.main-nav button[data-section="escrow"]{--nav-color:#24d59b;display:grid;grid-template-columns:20px 1fr;grid-template-rows:1fr 1fr;align-items:end;column-gap:4px;padding:7px 5px 8px;border-color:rgba(63,225,172,.48);background:radial-gradient(circle at 18% 22%,rgba(52,228,170,.2),transparent 35%),linear-gradient(145deg,#142a27,#0a151c 72%);color:#eafff8;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 20px rgba(5,15,18,.3)}.main-nav button[data-section="escrow"]::before{content:"";position:absolute;z-index:0;top:-20%;bottom:-20%;left:-35%;width:20px;background:linear-gradient(90deg,transparent,rgba(142,255,216,.18),transparent);transform:skewX(-18deg);animation:escrowNavSweep 4.6s ease-in-out infinite}.main-nav button[data-section="escrow"]::after{right:8%;bottom:-9px;left:8%;height:23px;background:#24d59b;filter:blur(14px);opacity:.22}.main-nav button[data-section="escrow"]>span{position:relative;z-index:2;align-self:end;text-align:right;font-size:8px;line-height:1.1}.main-nav button[data-section="escrow"] small{position:relative;z-index:2;display:flex;align-self:start;align-items:center;gap:3px;margin-top:1px;color:#61dcb3;font-size:4.3px;font-weight:950;letter-spacing:.35px}.main-nav button[data-section="escrow"] small b{width:4px;height:4px;border-radius:50%;background:#45e8b2;box-shadow:0 0 7px #45e8b2;animation:escrowNavDot 1.5s ease-in-out infinite}.escrow-nav-shield{position:relative;z-index:2;display:grid;grid-row:1/3;width:20px;height:24px;align-self:center;place-items:center;border:1px solid rgba(128,248,207,.55);border-radius:8px 8px 10px 10px;background:linear-gradient(145deg,#38dda7,#0c785a);color:#fff;font-size:9px;font-style:normal;box-shadow:0 6px 13px rgba(0,0,0,.3),0 0 12px rgba(36,213,155,.2);clip-path:polygon(50% 0,94% 14%,88% 72%,50% 100%,12% 72%,6% 14%)}.main-nav button[data-section="escrow"].active{border-color:#55edbb;background:radial-gradient(circle at 18% 25%,rgba(66,237,181,.3),transparent 40%),linear-gradient(145deg,#173d34,#0a1b20 75%);box-shadow:0 0 0 1px rgba(76,235,183,.2),0 10px 25px rgba(36,213,155,.2),inset 0 1px rgba(255,255,255,.12)}.main-nav button[data-section="escrow"].active .escrow-nav-shield{animation:escrowShieldFloat 2.2s ease-in-out infinite}@keyframes escrowNavSweep{0%,55%{left:-35%;opacity:0}65%{opacity:1}82%,100%{left:115%;opacity:0}}@keyframes escrowNavDot{50%{opacity:.35;transform:scale(.7)}}@keyframes escrowShieldFloat{50%{transform:translateY(-1px);filter:brightness(1.16)}}
.main-nav .future-slot{--nav-color:#7f899d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:not-allowed;opacity:.42;filter:saturate(.35)}.main-nav .future-slot small{color:#929bad;font-size:5.5px;font-weight:800}.main-nav .future-slot::after{opacity:.05}
.seasonal-nav { flex-basis:56px; margin-top:5px; }
.seasonal-nav .coming-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:not-allowed;opacity:.48;filter:saturate(.5)}.seasonal-nav .coming-page small{color:#aeb5c5;font-size:5.5px;font-weight:800;letter-spacing:.4px}.seasonal-nav .coming-page::after{opacity:.06}
.main-nav button[data-section="about"] { --nav-color:#a94ce6; }
.main-nav button[data-section="portfolio"] { --nav-color:#f238a0; }
.main-nav button[data-section="achievements"] { --nav-color:#00c2c7; }
.main-nav button[data-section="reviews"] { --nav-color:#91d11f; }
.main-nav button[data-section="contact"] { --nav-color:#c7cedb; }
.main-nav button.active { border-color:var(--nav-color); background:linear-gradient(145deg,color-mix(in srgb,var(--nav-color) 21%,#171c2d),rgba(12,16,27,.96)); color:#fff; box-shadow:0 0 0 1px color-mix(in srgb,var(--nav-color) 23%,transparent),0 10px 27px color-mix(in srgb,var(--nav-color) 21%,transparent),inset 0 1px 0 rgba(255,255,255,.1); transform:translateY(-1px); }
.main-nav button.active::after { opacity:.42; }
.main-nav button:active { transform:scale(.96); }
.home-section { flex:1 1 auto; min-height:0; margin:0; padding:4px 2px 18px; overflow-y:auto; scrollbar-width:none; }
.home-section::-webkit-scrollbar { display:none; }
.home-section[hidden] { display:none!important; }
.add-to-home-screen { display:block; width:100%; min-height:44px; margin:10px 0 0; border:1px solid color-mix(in srgb,var(--section-color) 62%,#fff); border-radius:14px; padding:10px 14px; background:linear-gradient(145deg,color-mix(in srgb,var(--section-color) 28%,#171c2d),rgba(12,16,27,.98)); color:#fff; font-size:10px; font-weight:900; cursor:pointer; box-shadow:0 9px 24px color-mix(in srgb,var(--section-color) 18%,transparent),inset 0 1px rgba(255,255,255,.08); }
.add-to-home-screen[hidden] { display:none!important; }
.add-to-home-screen:active { transform:scale(.98); }
@keyframes newsSlide { from { transform:translateX(0); } to { transform:translateX(50%); } }
@keyframes newsPulse { 50% { opacity:.35; transform:scale(.75); } }
.mag-cover { position:relative; display:flex; min-height:174px; margin-top:11px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:22px; padding:20px; background:linear-gradient(130deg,color-mix(in srgb,var(--section-color) 38%,#171b2c),#101421 68%); box-shadow:0 18px 38px rgba(0,0,0,.25); }
.mag-cover > div:first-child { z-index:2; max-width:66%; }.mag-cover > div > span,.mag-cover small { color:#bcb4ff; font-size:7px; font-weight:900; letter-spacing:1px; }.mag-cover h2 { margin:10px 0 7px; font-size:22px; line-height:1.25; }.mag-cover h2 b { color:var(--section-color); }.mag-cover p { margin:0; color:#929aaf; font-size:8px; line-height:1.7; }
.cover-art { position:absolute; left:-8px; top:0; width:42%; height:100%; }.cover-art i { position:absolute; z-index:2; top:50%; left:50%; color:#fff; font-size:27px; font-style:normal; font-weight:1000; transform:translate(-50%,-50%) rotate(-8deg); text-shadow:0 0 25px var(--section-color); }.cover-art b,.cover-art span { position:absolute; top:50%; left:50%; border:1px solid color-mix(in srgb,var(--section-color) 48%,transparent); border-radius:30%; transform:translate(-50%,-50%) rotate(20deg); animation:coverOrbit 8s linear infinite; }.cover-art b { width:88px; height:88px; }.cover-art span { width:60px; height:60px; animation-direction:reverse; }
.mag-story,.trend-card,.fact-card,.soon-card { margin-top:10px; border:1px solid rgba(255,255,255,.075); border-radius:18px; background:rgba(16,20,33,.86); }
.mag-story { display:flex; align-items:center; gap:14px; padding:15px; }.mag-number { color:var(--section-color); font-size:31px; font-weight:1000; opacity:.7; }.mag-story small,.trend-card small,.soon-card small,.mag-heading small { color:var(--section-color); font-size:7px; font-weight:900; letter-spacing:1.2px; }.mag-story h3,.trend-card h3,.soon-card h3,.mag-heading h3 { margin:3px 0; font-size:12px; }.mag-story p,.trend-card p,.soon-card p { margin:0; color:#858ea3; font-size:8px; line-height:1.6; }
.mag-block { margin-top:10px; border:1px solid rgba(255,255,255,.075); border-radius:18px; padding:14px; background:rgba(16,20,33,.78); }.mag-heading { display:flex; align-items:center; justify-content:space-between; }.mag-heading > span { color:#747d91; font-size:7px; }.picks-row { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:10px; }.picks-row button { display:flex; flex-direction:column; align-items:center; gap:5px; border:1px solid color-mix(in srgb,var(--section-color) 22%,transparent); border-radius:13px; padding:10px 4px; background:color-mix(in srgb,var(--section-color) 6%,transparent); color:#dfe1ec; font-size:8px; }.picks-row b { font-size:20px; }
.trend-card { display:flex; align-items:center; justify-content:space-between; padding:15px; }.trend-card strong { display:flex; flex-direction:column; align-items:center; font-size:25px; }.trend-card strong span { color:var(--section-color); font-size:8px; }
.fact-card { position:relative; overflow:hidden; padding:15px 16px; }.fact-card span { display:inline-block; border-radius:20px; padding:4px 8px; background:color-mix(in srgb,var(--section-color) 15%,transparent); color:var(--section-color); font-size:8px; font-weight:900; }.fact-card p { position:relative; z-index:2; max-width:82%; margin:8px 0 0; color:#bbc0cf; font-size:9px; line-height:1.7; }.fact-card > b { position:absolute; left:14px; bottom:-19px; color:var(--section-color); font-size:70px; opacity:.12; }
.soon-card { display:flex; align-items:center; justify-content:space-between; padding:15px; }.soon-card > span { display:flex; align-items:center; gap:5px; border:1px solid rgba(72,229,166,.2); border-radius:20px; padding:6px 8px; color:#68dbae; font-size:7px; white-space:nowrap; }.soon-card > span i { width:5px; height:5px; border-radius:50%; background:#48e5a6; animation:newsPulse 1.5s infinite; }
@keyframes coverOrbit { to { transform:translate(-50%,-50%) rotate(380deg); } }
.brand-mark { width: 46px; height: 46px; border-radius: 15px; box-shadow: 0 11px 30px rgba(96,72,235,.3); transform: rotate(-3deg); }
.brand-mark img { display:block; width:100%; height:100%; filter:drop-shadow(0 5px 8px rgba(0,0,0,.13)); }
.eyebrow { margin: 0 0 1px; color: var(--muted); font-size: 10px; }
h1 { margin: 0; font-size: 18px; letter-spacing: -.4px; }
.user-avatar { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: #171c2c; color: #b9afff; font-size: 13px; font-weight: 800; }
.welcome { flex:0 0 auto; padding:15px 2px 11px; }
.welcome-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid rgba(51,218,150,.16); border-radius: 99px; background: rgba(51,218,150,.07); color: #7ae8b8; font-size: 9px; }
.welcome-pill i { width: 5px; height: 5px; border-radius: 50%; background: #41de9d; box-shadow: 0 0 8px #41de9d; }
.welcome > p:first-of-type { margin:0 0 3px; color:#aca2ff; font-size:10px; font-weight:700; }
.welcome h2 { margin:0 0 3px; font-size:clamp(19px,5.5vw,25px); line-height:1.3; letter-spacing:-.7px; }
.welcome h2 span { background: linear-gradient(90deg,#9b8dff,#6edbcc); -webkit-background-clip: text; background-clip: text; color: transparent; }
.welcome > p:last-child { margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.featured { position: relative; display: flex; justify-content: space-between; min-height: 124px; margin: 4px 0 18px; overflow: hidden; border: 1px solid rgba(132,110,255,.22); border-radius: 22px; padding: 20px; background: linear-gradient(120deg,rgba(95,70,221,.35),rgba(20,26,47,.9) 60%,rgba(9,130,123,.2)); box-shadow: 0 18px 50px rgba(0,0,0,.2); }
.featured-copy { position: relative; z-index: 1; max-width: 72%; }
.featured-label { color: #b8afff; font-size: 9px; font-weight: 700; }
.featured h3 { margin: 8px 0 5px; font-size: 17px; }
.featured p { margin: 0; color: #9ca5bb; font-size: 10px; line-height: 1.6; }
.featured-art { position: relative; display: grid; place-items: center; width: 78px; }
.featured-art span { z-index: 2; display: grid; place-items: center; width: 51px; height: 51px; border: 1px solid rgba(255,255,255,.2); border-radius: 17px; background: linear-gradient(145deg,#8a76ff,#4d3bc0); font-size: 23px; box-shadow: 0 12px 32px rgba(93,70,219,.42); transform: rotate(-8deg); }
.featured-art i,.featured-art b { position: absolute; border: 1px solid rgba(136,118,255,.24); border-radius: 50%; }
.featured-art i { width: 82px; height: 82px; }.featured-art b { width: 112px; height: 112px; }
.search-wrap { display: flex; align-items: center; gap: 10px; height: 49px; border: 1px solid var(--line); border-radius: 15px; padding: 0 14px; background: rgba(18,23,38,.82); transition: border-color .2s; }
.search-wrap:focus-within { border-color: rgba(123,100,255,.6); }
.search-wrap svg { width: 18px; fill: none; stroke: #7e879d; stroke-linecap: round; stroke-width: 1.7; }
.search-wrap input { width: 100%; border: 0; outline: 0; background: none; color: var(--text); font-size: 12px; }
.search-wrap input::placeholder { color: #697287; }
.categories { display: flex; gap: 7px; margin: 12px 0 24px; padding-bottom: 2px; overflow-x: auto; scrollbar-width: none; }
.categories::-webkit-scrollbar { display: none; }
.categories button { flex: 0 0 auto; border: 1px solid var(--line); border-radius: 99px; padding: 7px 13px; background: rgba(18,23,38,.65); color: var(--muted); font-size: 10px; cursor: pointer; }
.categories button.active { border-color: rgba(125,103,255,.55); background: #6c57e1; color: #fff; box-shadow: 0 7px 20px rgba(92,71,205,.23); }
.page > section:last-of-type { min-height:0; flex:1 1 auto; display:flex; flex-direction:column; padding-top:13px; }.section-title { display:flex; flex:0 0 40px; align-items:center; justify-content:space-between; padding:0 3px; }.section-title h3 { margin:1px 0 0; font-size:14px; letter-spacing:-.3px; }.tiny-label { display:block; color:#6e778b; font-size:6px; font-weight:900; letter-spacing:1.7px; }.count { border:1px solid rgba(255,255,255,.065); border-radius:20px; padding:5px 9px; background:rgba(255,255,255,.025); color:#818a9e; font-size:8px; }
.section-title { position:relative; justify-content:center; text-align:center; perspective:180px; }
.section-title > div { transform-origin:center; }.section-title .count { position:absolute; left:3px; }
body[data-section="games"] .section-title > div { animation:gamesTitle 4.2s ease-in-out infinite; }
body[data-section="snapchat"] .section-title > div { animation:snapTitle 1.8s ease-in-out infinite; }
body[data-section="bots"] .section-title > div { animation:botsTitle 2.8s steps(1,end) infinite; }
body[data-section="sites"] .section-title > div { animation:sitesTitle 2.6s ease-in-out infinite; }
@keyframes gamesTitle { 0%,68%,100% { transform:rotateY(0); } 84% { transform:rotateY(360deg); text-shadow:0 0 15px var(--section-color); } }
@keyframes snapTitle { 0%,100% { transform:scale(1); filter:brightness(1); } 50% { transform:scale(1.08); filter:brightness(1.35) drop-shadow(0 0 7px var(--section-color)); } }
@keyframes botsTitle { 0%,88%,100% { transform:translate(0); } 90% { transform:translate(-3px,1px); } 92% { transform:translate(3px,-1px); color:var(--section-color); } 94% { transform:translate(0); } }
@keyframes sitesTitle { 0%,100% { transform:translateY(2px); } 50% { transform:translateY(-3px); text-shadow:0 5px 13px color-mix(in srgb,var(--section-color) 55%,transparent); } }
.bot-grid { display:grid; flex:1 1 auto; min-height:0; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:9px; }
body[data-section="about"] .bot-grid { display:grid; grid-template:1fr/1fr; place-items:center; overflow:visible; perspective:1100px; }
.about-profile-card { width:min(92%,410px); height:min(68vh,390px); min-height:300px; border:0; padding:0; background:none; color:#fff; cursor:pointer; perspective:1100px; }
.about-card-inner { position:relative; display:block; width:100%; height:100%; transform-style:preserve-3d; transition:transform .72s cubic-bezier(.2,.78,.25,1); }
.about-profile-card.flipped .about-card-inner { transform:rotateY(180deg); }
.about-card-face { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:1px solid color-mix(in srgb,var(--section-color) 52%,transparent); border-radius:29px; padding:35px 27px; background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--section-color) 24%,transparent),transparent 43%),linear-gradient(145deg,#1b2032,#0d111d); box-shadow:0 28px 65px rgba(0,0,0,.42),0 0 38px color-mix(in srgb,var(--section-color) 13%,transparent),inset 0 1px rgba(255,255,255,.08); text-align:center; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.about-card-face::before { content:""; position:absolute; inset:13px; border:1px solid rgba(255,255,255,.055); border-radius:21px; pointer-events:none; }
.about-card-face>i { display:grid; width:72px; height:72px; place-items:center; margin-bottom:14px; border:1px solid color-mix(in srgb,var(--section-color) 38%,transparent); border-radius:23px; background:color-mix(in srgb,var(--section-color) 13%,#111625); font-size:34px; font-style:normal; box-shadow:0 13px 28px color-mix(in srgb,var(--section-color) 18%,transparent); }
.about-card-face small { color:var(--section-color); font-size:9px; font-weight:900; letter-spacing:1.5px; }.about-card-face strong { margin:7px 0 8px; font-size:27px; }.about-card-face p { max-width:310px; margin:0; color:#adb5c8; font-size:12px; line-height:2; }.about-card-face em { position:absolute; bottom:23px; color:#747e93; font-size:8px; font-style:normal; }
.about-card-back { transform:rotateY(180deg); background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--section-color) 25%,transparent),transparent 46%),linear-gradient(145deg,#151a2b,#090d18); }.about-card-back>i{font-size:30px}.about-card-back strong{font-size:21px}.about-card-back p{font-size:11px}
.about-profile-card:active .about-card-inner { scale:.985; }
@media(max-height:700px){.about-profile-card{height:min(62vh,330px);min-height:275px}.about-card-face{padding:25px 22px}.about-card-face>i{width:58px;height:58px;margin-bottom:7px;font-size:27px}.about-card-face strong{font-size:22px}.about-card-face p{font-size:10px}.about-card-face em{bottom:17px}}
.bot-card { position:relative; display:grid; grid-template-columns:54px 1fr 68px; grid-template-rows:auto auto; align-content:center; align-items:center; column-gap:12px; min-height:0; overflow:hidden; text-align:right; color:var(--text); border:1px solid rgba(255,255,255,.075); border-radius:20px; padding:11px 12px; background:linear-gradient(110deg,color-mix(in srgb,var(--card-color) 9%,#171c2c),rgba(14,18,30,.97) 70%); cursor:pointer; box-shadow:0 10px 27px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025); transition:transform .18s,border-color .18s,background .18s; animation:cardIn .42s var(--delay) both; }
.bot-card::after { content:""; position:absolute; width:110px; height:110px; right:-65px; top:50%; border:1px solid color-mix(in srgb,var(--card-color) 18%,transparent); border-radius:50%; transform:translateY(-50%); box-shadow:0 0 0 15px color-mix(in srgb,var(--card-color) 3%,transparent),0 0 0 30px color-mix(in srgb,var(--card-color) 2%,transparent); }
.bot-card:active { transform: scale(.97); }.bot-card:hover { border-color: color-mix(in srgb,var(--card-color) 50%,transparent); background: rgba(24,30,49,.95); }
.card-shine { position:absolute; width:130px; height:90px; right:-20px; top:-45px; border-radius:50%; background:var(--card-color); filter:blur(55px); opacity:.13; }
.bot-icon { grid-row:1 / 3; display:block; width:52px; height:52px; margin:0; border-radius:16px; box-shadow:0 10px 24px color-mix(in srgb,var(--card-color) 24%,transparent); transform:rotate(-2deg); }.bot-icon img { display:block; width:100%; height:100%; border-radius:16px; }
.bot-status { position:absolute; top:10px; left:12px; color:#737d91; font-size:6px; font-weight:700; letter-spacing:.2px; }.bot-status i { display:inline-block; width:4px; height:4px; border-radius:50%; background:#39df9a; box-shadow:0 0 7px #39df9a; }
.bot-name { align-self:end; display:block; margin:0 0 2px; font-size:13px; }.bot-description { align-self:start; display:block; min-height:0; color:var(--muted); font-size:8px; line-height:1.45; }.open-label { z-index:2; grid-column:3; grid-row:1 / 3; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; margin:0; color:#8f98aa; font-size:7px; }.open-label b { display:grid; place-items:center; width:29px; height:29px; border:1px solid color-mix(in srgb,var(--card-color) 25%,transparent); border-radius:10px; background:color-mix(in srgb,var(--card-color) 11%,transparent); }.open-label svg { width:14px; fill:none; stroke:#d8d4f7; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.bot-card { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; padding:14px 12px 12px; text-align:center; }
.bot-card .bot-icon { display:grid; flex:0 0 auto; place-items:center; width:76px; height:76px; margin:0; overflow:hidden; border-radius:18px; transform:none; }
.bot-card .bot-icon img { grid-area:1/1; object-fit:cover; transition:transform .3s ease; }
.bot-card:hover .bot-icon img { transform:scale(1.07); }
.emoji-icon { grid-area:1/1; font-size:29px; line-height:1; }
.bot-card .bot-name { position:relative; z-index:3; display:block; width:100%; margin:1px 0 0; color:#f7f8ff; font-size:13px; font-weight:900; line-height:1.35; text-align:center; letter-spacing:-.15px; }
.bot-card .bot-description { position:relative; z-index:3; display:-webkit-box; width:92%; min-height:22px; margin:0 auto; overflow:hidden; color:#9099ad; font-size:8px; font-weight:500; line-height:1.5; text-align:center; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bot-card::before { content:""; position:absolute; z-index:1; right:12%; bottom:7px; left:12%; height:48%; border-radius:50%; background:var(--card-color); filter:blur(38px); opacity:.055; pointer-events:none; }
.bot-card .open-label { position:absolute; top:9px; left:9px; display:block; margin:0; }
.bot-card .open-label b { width:25px; height:25px; }
.bot-card.disabled { cursor:default; opacity:.58; }
.bot-card.disabled .open-label { display:none; }
.like-button { position:absolute; z-index:4; top:9px; right:9px; display:flex; align-items:center; gap:4px; min-width:32px; height:25px; border:1px solid rgba(255,255,255,.09); border-radius:10px; padding:0 6px; background:rgba(8,11,20,.62); color:#8d96aa; backdrop-filter:blur(8px); cursor:pointer; }
.like-button svg { width:12px; fill:none; stroke:currentColor; stroke-width:1.8; transition:.2s; }
.like-button b { font-size:7px; }
.like-button.liked { border-color:rgba(255,91,125,.38); color:#ff6685; background:rgba(255,73,111,.1); }
.like-button.liked svg { fill:currentColor; transform:scale(1.08); }
.like-button.liked { cursor:default; }
.like-button.loading { opacity:.45; pointer-events:none; }
body[data-section="snapchat"] .bot-grid { grid-template-rows:repeat(3,minmax(0,1fr)); gap:6px; overflow:hidden; padding:0; }
body[data-section="snapchat"] .bot-card { gap:3px; min-height:0; border-color:rgba(255,210,31,.32); border-radius:16px; padding:7px 8px 6px; background:linear-gradient(155deg,#171717 0%,#080808 70%); box-shadow:0 9px 20px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07); }
body[data-section="snapchat"] .bot-card::after { border-color:rgba(255,210,31,.3); box-shadow:0 0 0 15px rgba(255,210,31,.035),0 0 0 30px rgba(255,210,31,.018); }
body[data-section="snapchat"] .bot-card .bot-icon { width:58px; height:58px; border:2px solid #ffd21f; border-radius:15px; box-shadow:0 7px 18px rgba(255,210,31,.18); }
body[data-section="snapchat"] .bot-card .bot-name { margin:0; color:#fff; font-size:10px; line-height:1.2; }
body[data-section="snapchat"] .bot-card .bot-description { min-height:12px; color:#c9c9c9; font-size:6.5px; line-height:1.2; }
body[data-section="snapchat"] .bot-card .open-label { top:6px; left:6px; }
body[data-section="snapchat"] .bot-card .open-label b { width:21px; height:21px; border-color:rgba(255,210,31,.55); border-radius:7px; background:#ffd21f; }
body[data-section="snapchat"] .bot-card .open-label svg { width:11px; }
body[data-section="snapchat"] .bot-card .open-label svg { stroke:#080808; }
body[data-section="snapchat"] .like-button { top:6px; right:6px; min-width:27px; height:21px; padding:0 5px; border-color:rgba(255,210,31,.28); border-radius:7px; background:rgba(0,0,0,.72); color:#ffd21f; }
body[data-section="snapchat"] .like-button.liked { border-color:#ffd21f; background:#ffd21f; color:#080808; box-shadow:0 0 16px rgba(255,210,31,.28); }

/* الأعمال: البوتات والفلاتر والمواقع داخل قسم واحد مع هوية مستقلة لكل نوع. */
body[data-section="projects"]{--section-color:#56d6b0}
body[data-section="projects"] .bot-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:145px;gap:8px;overflow-y:auto;padding:2px 1px 12px;scrollbar-width:thin;scrollbar-color:rgba(86,214,176,.3) transparent}
body[data-section="projects"] .project-card{min-height:145px;justify-content:center;gap:5px;border-color:color-mix(in srgb,var(--card-color) 42%,rgba(255,255,255,.08));background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--card-color) 14%,transparent),transparent 42%),linear-gradient(155deg,#171c29,#090e17 78%);box-shadow:0 12px 27px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07)}
body[data-section="projects"] .project-bot{--card-color:#38d49b!important}body[data-section="projects"] .project-snapchat{--card-color:#ffd21f!important}body[data-section="projects"] .project-site{--card-color:#ff9c42!important}
body[data-section="projects"] .project-card .card-category{position:absolute;z-index:4;top:8px;left:8px;display:block;border:1px solid color-mix(in srgb,var(--card-color) 45%,transparent);border-radius:999px;padding:3px 7px;background:color-mix(in srgb,var(--card-color) 11%,#0b1019);color:color-mix(in srgb,var(--card-color) 68%,#fff);font-size:5.5px;font-weight:900}
body[data-section="projects"] .project-card .bot-icon{width:66px;height:66px;border:2px solid color-mix(in srgb,var(--card-color) 72%,#fff);border-radius:19px;padding:3px;background:color-mix(in srgb,var(--card-color) 12%,#111722);box-shadow:0 9px 23px color-mix(in srgb,var(--card-color) 18%,transparent)}
body[data-section="projects"] .project-card .bot-name{font-size:10px}body[data-section="projects"] .project-card .bot-description{width:94%;min-height:auto;font-size:6.5px;-webkit-line-clamp:1}
body[data-section="projects"] .project-card .open-label{top:auto;bottom:8px;left:8px}body[data-section="projects"] .project-card .open-label b{width:24px;height:24px;border-color:color-mix(in srgb,var(--card-color) 46%,transparent);background:color-mix(in srgb,var(--card-color) 15%,#0d131d)}
body[data-section="projects"] .project-card .like-button{top:8px;right:8px;border-color:color-mix(in srgb,var(--card-color) 30%,transparent)}
body[data-section="projects"] .project-snapchat{background:radial-gradient(circle at 50% 24%,rgba(255,210,31,.13),transparent 40%),linear-gradient(160deg,#18191c,#050607 78%)}body[data-section="projects"] .project-snapchat .bot-icon{border-radius:50%;background:#ffd21f}body[data-section="projects"] .project-snapchat .bot-icon img{border-radius:50%;object-fit:cover}
body[data-section="projects"] .project-bot{background:linear-gradient(135deg,rgba(56,212,155,.1),transparent 43%),repeating-linear-gradient(0deg,transparent 0 17px,rgba(56,212,155,.025) 18px),#091018}body[data-section="projects"] .project-bot .bot-icon img{border-radius:14px}
body[data-section="projects"] .project-site{padding-top:25px}body[data-section="projects"] .project-site::after{content:"•••";position:absolute;top:0;right:0;left:0;width:auto;height:20px;border:0;border-bottom:1px solid rgba(255,156,66,.18);border-radius:19px 19px 0 0;background:rgba(255,156,66,.05);color:#ff9c42;font-size:11px;letter-spacing:2px;line-height:15px;text-align:right;transform:none;box-shadow:none}body[data-section="projects"] .project-site .bot-icon{background:linear-gradient(145deg,#fff,#e7ebf0)}body[data-section="projects"] .project-site .bot-icon img{border-radius:10px;object-fit:contain}
@media(max-height:660px){body[data-section="projects"] .bot-grid{grid-auto-rows:122px}body[data-section="projects"] .project-card{min-height:122px}body[data-section="projects"] .project-card .bot-icon{width:51px;height:51px}body[data-section="projects"] .project-card .bot-description{display:none}}

/* متجر القوالب والدفع بنجوم تيليغرام. */
body[data-section="store"]{--section-color:#f4bd38}body[data-section="store"] .bot-grid{display:block;overflow-y:auto;padding:2px 1px 16px;scrollbar-width:none}body[data-section="store"] .bot-grid::-webkit-scrollbar{display:none}.template-store{min-height:100%;color:#f8f5eb}.template-store-hero{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin:0 1px 9px;border:1px solid rgba(244,189,56,.18);border-radius:18px;padding:11px 13px;background:linear-gradient(130deg,rgba(244,189,56,.13),rgba(244,189,56,.025) 60%),#0d121c}.template-store-hero::after{content:"";position:absolute;left:-25px;width:90px;height:90px;border:1px solid rgba(244,189,56,.12);border-radius:50%;box-shadow:0 0 0 12px rgba(244,189,56,.03),0 0 0 24px rgba(244,189,56,.015)}.template-store-hero div{position:relative;z-index:1}.template-store-hero span{color:#d5a927;font-size:5.5px;font-weight:1000;letter-spacing:1.2px;text-transform:uppercase}.template-store-hero h4{margin:3px 0;color:#fff9e8;font-size:13px}.template-store-hero p{max-width:245px;margin:0;color:#8f98a8;font-size:6.5px;line-height:1.55}.template-store-hero>i{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,222,125,.3);border-radius:13px;background:linear-gradient(145deg,rgba(244,189,56,.2),rgba(244,189,56,.05));color:#ffe18a;font-size:17px;font-style:normal;box-shadow:0 9px 24px rgba(0,0,0,.25)}
.template-product{position:relative;display:grid;overflow:hidden;border:1px solid rgba(244,189,56,.31);border-radius:24px;padding:10px;background:radial-gradient(circle at 15% 8%,rgba(244,189,56,.14),transparent 34%),linear-gradient(150deg,#1a1c26,#080d16 76%);box-shadow:0 18px 40px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08)}.template-product::before{content:"";position:absolute;z-index:0;right:-45px;bottom:70px;width:115px;height:115px;border:1px solid rgba(244,189,56,.06);border-radius:50%;box-shadow:0 0 0 16px rgba(244,189,56,.018)}.template-cover{position:relative;z-index:1;height:142px;overflow:hidden;border:1px solid rgba(244,189,56,.28);border-radius:17px;background:#0b1019}.template-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.template-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,13,.4),transparent 42%,rgba(5,8,13,.9))}.template-cover-top,.template-cover-bottom{position:absolute;z-index:2;right:9px;left:9px;display:flex;align-items:center;justify-content:space-between}.template-cover-top{top:8px}.template-cover-top span,.template-cover-top em{border:1px solid rgba(255,225,138,.34);border-radius:999px;padding:4px 7px;background:rgba(10,10,8,.65);color:#ffe18a;font-size:5.5px;font-style:normal;font-weight:900;backdrop-filter:blur(8px)}.template-cover-top em{color:#cbd3df;letter-spacing:.7px}.template-cover-bottom{bottom:9px;align-items:flex-end}.template-cover-bottom small{color:#b8c0ce;font-size:5.5px}.template-cover-bottom b{color:#fff6d9;font-size:9px}.template-product-copy{position:relative;z-index:1;padding:12px 3px 9px}.template-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.template-title-row>div:first-child>small{color:#d5a927;font-size:5.5px;font-weight:1000;letter-spacing:1.1px}.template-product-copy h4{margin:4px 0 0;color:#fff;font-size:15px}.template-price{flex:0 0 auto;display:flex;align-items:baseline;gap:3px;border:1px solid rgba(244,189,56,.2);border-radius:12px;padding:6px 8px;background:rgba(244,189,56,.07)}.template-price b{color:#ffe18a;font-size:14px}.template-price span{color:#c6a94f;font-size:5.5px;font-weight:900}.template-product-copy>p{margin:7px 0 0;color:#98a1b1;font-size:7.5px;line-height:1.65}.template-product-copy ul{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 0;padding:0;list-style:none}.template-product-copy li{border:1px solid rgba(244,189,56,.16);border-radius:999px;padding:4px 7px;background:rgba(244,189,56,.045);color:#bfb58f;font-size:5.5px;font-weight:800}.template-product-copy li i{color:#f4bd38;font-style:normal}
.template-delivery{position:relative;z-index:1;margin-bottom:9px;border:1px solid rgba(255,255,255,.065);border-radius:15px;padding:9px;background:rgba(6,10,17,.56)}.template-delivery>strong{display:block;margin-bottom:7px;color:#dce2eb;font-size:7px}.template-delivery ol{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:0;list-style:none}.template-delivery li{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;color:#8f98a8;font-size:5px;text-align:center}.template-delivery li:not(:last-child)::after{content:"";position:absolute;top:8px;left:-10%;width:20%;border-top:1px dashed rgba(244,189,56,.25)}.template-delivery li>b{display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(244,189,56,.27);border-radius:50%;background:rgba(244,189,56,.08);color:#e8bd48;font-size:6px}.template-delivery>p{display:flex;align-items:center;gap:7px;margin:8px 0 0;border-top:1px solid rgba(255,255,255,.05);padding:8px 2px 0}.template-delivery>p>i{font-size:13px;font-style:normal}.template-delivery>p>span{display:flex;flex-direction:column;gap:2px}.template-delivery>p b{color:#cbd2dc;font-size:6px}.template-delivery>p small{color:#778293;font-size:5.5px;line-height:1.45}
.template-actions{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:7px}.template-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:45px;border-radius:13px;font-family:inherit;cursor:pointer;transition:transform .18s ease,filter .18s ease}.template-actions button:active{transform:scale(.97)}.template-actions button>span{font-size:8px;font-weight:950}.template-actions button>small{font-size:5.5px;font-weight:800}.template-preview{border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#171d29,#10151f);color:#d2d8e2}.template-preview small{color:#747f90}.template-buy{border:1px solid #ffe08a;background:linear-gradient(135deg,#ffdd72,#dfa014);color:#1c1404;box-shadow:0 9px 22px rgba(226,158,19,.24)}.template-buy small{color:#5a4009}.template-buy b{font-size:8px}.template-buy:disabled{cursor:wait;filter:saturate(.3);opacity:.6}.template-payment-state{position:relative;z-index:1;min-height:0;margin:0;border-radius:9px;color:#d5bc70;font-size:6.5px;line-height:1.5;text-align:center}.template-payment-state:not(:empty){margin-top:7px;padding:6px 8px;background:rgba(244,189,56,.07)}.template-payment-state[data-status="success"]{background:rgba(56,212,155,.1);color:#70e2b8}.template-payment-state[data-status="error"]{background:rgba(239,64,88,.1);color:#ff8797}.template-payment-state[data-status="loading"]{animation:templateStatusPulse 1s ease-in-out infinite}.template-store-note{margin:8px 3px 0;color:#687384;font-size:5.5px;text-align:center}@keyframes templateStatusPulse{50%{opacity:.48}}@media(max-height:700px){.template-store-hero{padding:8px 11px}.template-store-hero p{display:none}.template-cover{height:112px}.template-product-copy{padding-block:9px 7px}.template-delivery{padding:7px}.template-actions button{height:40px}}
/* كروت المواقع كأنها نوافذ متصفح مصغّرة. */
body[data-section="sites"] .bot-grid{gap:11px}
body[data-section="sites"] .bot-card{justify-content:flex-start;gap:6px;border-color:color-mix(in srgb,var(--card-color) 36%,rgba(255,255,255,.09));border-radius:19px;padding:31px 12px 11px;background:linear-gradient(155deg,color-mix(in srgb,var(--card-color) 12%,#1a1e2b),#0b0f19 72%);box-shadow:0 14px 30px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)}
body[data-section="sites"] .bot-card::after{content:"";position:absolute;top:0;right:0;left:0;width:auto;height:22px;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:19px 19px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.015));transform:none;box-shadow:none}
body[data-section="sites"] .card-shine::after{content:"•••";position:absolute;z-index:4;top:2px;right:10px;color:var(--card-color);font-size:12px;letter-spacing:2px}
body[data-section="sites"] .bot-icon{width:67px;height:67px;border:1px solid color-mix(in srgb,var(--card-color) 45%,transparent);border-radius:18px;padding:10px;background:linear-gradient(145deg,#fff,#dfe5ee);box-shadow:0 10px 24px color-mix(in srgb,var(--card-color) 23%,transparent)}body[data-section="sites"] .bot-icon img{border-radius:9px;object-fit:contain}body[data-section="sites"] .emoji-icon{font-size:31px}
body[data-section="sites"] .bot-name{font-size:13px}body[data-section="sites"] .bot-description{width:auto;min-height:auto;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:3px 8px;background:#080b14;color:color-mix(in srgb,var(--card-color) 55%,#b8c0d0);font-size:7px;direction:ltr}
body[data-section="sites"] .open-label{top:27px;left:9px}body[data-section="sites"] .open-label b{width:29px;height:29px;border-color:color-mix(in srgb,var(--card-color) 55%,transparent);background:color-mix(in srgb,var(--card-color) 18%,#0d111c)}body[data-section="sites"] .open-label::after{content:"فتح الموقع";margin-top:3px;color:#8992a8;font-size:5.5px;font-weight:800}
body[data-section="sites"] .like-button{top:27px;right:9px}

/* الألعاب: منصة ألعاب نظيفة تحافظ على الغلاف والنص. */
body[data-section="games"] .bot-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:center;gap:7px;overflow:hidden;padding:2px}
body[data-section="games"] .bot-card{justify-content:center;gap:7px;overflow:hidden;border:1px solid rgba(53,163,255,.22);border-radius:23px;padding:15px 12px 13px;background:radial-gradient(circle at 50% 0,rgba(53,163,255,.13),transparent 43%),linear-gradient(155deg,#171d2c,#0a0e18 78%);box-shadow:0 16px 33px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.075);isolation:isolate}
body[data-section="games"] .bot-card::before{content:"";position:absolute;z-index:0;right:-28px;bottom:-39px;width:105px;height:105px;border:1px solid rgba(53,163,255,.1);border-radius:50%;background:none;filter:none;opacity:1;box-shadow:0 0 0 14px rgba(53,163,255,.025),0 0 0 28px rgba(53,163,255,.012)}
body[data-section="games"] .bot-card::after{display:none}
body[data-section="games"] .bot-icon{position:relative;z-index:2;width:82px;height:82px;margin:0;border:1px solid rgba(116,199,255,.38);border-radius:21px;padding:4px;background:linear-gradient(145deg,rgba(77,174,246,.2),rgba(9,14,25,.9));box-shadow:0 13px 27px rgba(0,0,0,.38),0 0 22px rgba(53,163,255,.13),inset 0 0 0 3px rgba(255,255,255,.035)}
body[data-section="games"] .bot-icon::after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.1);border-radius:16px;pointer-events:none}body[data-section="games"] .bot-icon img{border-radius:16px;object-fit:cover}body[data-section="games"] .emoji-icon{font-size:33px}
body[data-section="games"] .bot-name,body[data-section="games"] .bot-description{position:relative;z-index:2;text-align:center}body[data-section="games"] .bot-name{margin-top:1px;color:#f7fbff;font-size:13px;text-shadow:0 2px 9px #000}body[data-section="games"] .bot-description{width:92%;min-height:20px;color:#8796ac;font-size:7.5px;line-height:1.45}
body[data-section="games"] .bot-card{width:100%;min-height:0;aspect-ratio:1;align-items:center;justify-content:center;gap:4px;border-radius:18px;padding:7px 5px}body[data-section="games"] .bot-icon{width:clamp(34px,8vw,52px);height:clamp(34px,8vw,52px);margin-inline:auto;border-radius:15px}body[data-section="games"] .bot-name{width:100%;margin-top:1px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,2.2vw,10px)}body[data-section="games"] .bot-description{display:none}.card-category,body[data-section="games"] .card-category{display:none}
body[data-section="games"] .open-label{z-index:4;top:auto;bottom:6px;left:6px}body[data-section="games"] .open-label b{width:22px;height:22px;border-color:rgba(82,180,255,.46);border-radius:8px;background:linear-gradient(145deg,rgba(53,163,255,.28),rgba(29,94,158,.18));box-shadow:0 5px 14px rgba(0,0,0,.28)}body[data-section="games"] .open-label::after{display:none}
body[data-section="games"] .like-button{top:6px;right:6px;border-color:rgba(82,180,255,.18);background:rgba(7,12,22,.72);transform:scale(.82);transform-origin:top right}
body[data-section="games"] .bot-card:active{transform:scale(.975)}body[data-section="games"] .bot-card:hover{border-color:rgba(83,181,255,.48);background:radial-gradient(circle at 50% 0,rgba(53,163,255,.2),transparent 47%),linear-gradient(155deg,#192235,#0a0e18 78%)}body[data-section="games"] .bot-card:hover .bot-icon{transform:translateY(-2px);box-shadow:0 16px 31px rgba(0,0,0,.4),0 0 28px rgba(53,163,255,.2)}
@media(max-height:660px){body[data-section="games"] .bot-grid{gap:6px}body[data-section="games"] .bot-card{gap:2px;padding:5px 7px}body[data-section="games"] .bot-icon{width:42px;height:42px;border-radius:14px;padding:3px}body[data-section="games"] .bot-icon img{border-radius:10px}body[data-section="games"] .bot-description{display:none}body[data-section="games"] .open-label{bottom:6px;left:6px}body[data-section="games"] .open-label b{width:23px;height:23px}}

/* البوتات: لوحة تقنية بحالة مباشرة. */
body[data-section="bots"] .bot-grid{gap:10px}
body[data-section="bots"] .bot-card{align-items:flex-start;justify-content:center;gap:5px;overflow:hidden;border-color:rgba(56,212,155,.22);border-radius:18px;padding:15px 12px 12px;text-align:right;background:linear-gradient(135deg,rgba(56,212,155,.08),transparent 42%),repeating-linear-gradient(0deg,transparent 0 17px,rgba(56,212,155,.025) 18px),#0b1118;box-shadow:0 14px 28px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06)}
body[data-section="bots"] .bot-card::after{content:"ONLINE";position:absolute;z-index:3;top:10px;left:10px;width:auto;height:auto;border:1px solid rgba(56,212,155,.25);border-radius:999px;padding:3px 6px;background:rgba(10,30,23,.8);color:#62e5b4;font-size:5px;font-weight:1000;letter-spacing:.7px;transform:none;box-shadow:0 0 13px rgba(56,212,155,.12)}
body[data-section="bots"] .bot-card::before{content:"";position:absolute;right:auto;bottom:-42px;left:-36px;width:105px;height:105px;border:1px solid rgba(56,212,155,.12);border-radius:50%;background:none;filter:none;opacity:1;box-shadow:0 0 0 13px rgba(56,212,155,.025),0 0 0 26px rgba(56,212,155,.015)}
body[data-section="bots"] .bot-icon{z-index:2;width:66px;height:66px;margin:3px auto 1px;border:1px solid rgba(56,212,155,.36);border-radius:20px;padding:4px;background:#111b20;box-shadow:0 10px 25px rgba(56,212,155,.15),inset 0 0 0 3px rgba(56,212,155,.04)}body[data-section="bots"] .bot-icon img{border-radius:15px}body[data-section="bots"] .emoji-icon{font-size:29px}
body[data-section="bots"] .bot-name,body[data-section="bots"] .bot-description{z-index:3;text-align:center}body[data-section="bots"] .bot-name{font-family:ui-monospace,monospace;font-size:12px}body[data-section="bots"] .bot-description{color:#829b91;font-size:7px}
body[data-section="bots"] .open-label{top:auto;right:10px;bottom:9px;left:auto}body[data-section="bots"] .open-label b{width:27px;height:27px;border-color:rgba(56,212,155,.38);background:rgba(56,212,155,.1)}body[data-section="bots"] .open-label::after{content:"تشغيل";color:#5dbb98;font-size:5.5px;font-weight:900}
body[data-section="bots"] .like-button{top:10px;right:10px;border-color:rgba(56,212,155,.2);background:#09130f}
body[data-section="bots"] .bot-card.disabled::after{content:"SOON";border-color:rgba(255,255,255,.1);background:#11151c;color:#717b89}body[data-section="bots"] .bot-card.disabled{filter:saturate(.45)}

/* فلاتر سناب: عدسة كاميرا احترافية. */
body[data-section="snapchat"] .bot-grid{gap:7px}
body[data-section="snapchat"] .bot-card{justify-content:center;gap:3px;overflow:hidden;border:1px solid rgba(255,210,31,.38);border-radius:21px;padding:8px 7px;background:radial-gradient(circle at 50% 26%,rgba(255,210,31,.1),transparent 38%),linear-gradient(160deg,#17191d,#050607 76%);box-shadow:0 12px 25px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08)}
body[data-section="snapchat"] .bot-card::after{content:"";position:absolute;z-index:0;top:7px;right:7px;bottom:7px;left:7px;width:auto;height:auto;border:1px solid rgba(255,210,31,.11);border-radius:16px;transform:none;box-shadow:none}
body[data-section="snapchat"] .bot-icon{z-index:2;width:61px;height:61px;border:3px solid #ffd21f;border-radius:50%;padding:3px;background:#ffd21f;box-shadow:0 0 0 3px rgba(255,210,31,.1),0 9px 22px rgba(255,210,31,.2)}body[data-section="snapchat"] .bot-icon img{border-radius:50%;object-fit:cover}
body[data-section="snapchat"] .bot-name,body[data-section="snapchat"] .bot-description{z-index:2}body[data-section="snapchat"] .bot-name{font-size:9px}body[data-section="snapchat"] .bot-description{display:none}
body[data-section="snapchat"] .open-label{z-index:3;top:auto;bottom:7px;left:7px}body[data-section="snapchat"] .open-label b{width:23px;height:23px;border:0;border-radius:50%;background:#ffd21f;box-shadow:0 0 14px rgba(255,210,31,.3)}body[data-section="snapchat"] .open-label::after{content:"جرّب";color:#ffd21f;font-size:5px;font-weight:1000}
body[data-section="snapchat"] .like-button{z-index:3;top:7px;right:7px}
.empty-state { padding: 45px 20px; text-align: center; color: var(--muted); }.empty-state span { display: block; font-size: 38px; }.empty-state strong { display: block; margin: 8px; color: var(--text); font-size: 14px; }.empty-state p { font-size: 10px; }
footer { display:flex; flex:0 0 auto; justify-content:center; align-items:center; gap:7px; height:25px; text-align:center; color:#5f687d; font-size:7px; }.footer-logo { direction:ltr; display:inline-flex; align-items:center; gap:3px; color:#8c7cff; font-weight:900; }footer a { color:var(--section-color,#8c7cff); font-size:8px; font-weight:900; letter-spacing:1px; text-decoration:none; text-shadow:0 0 10px color-mix(in srgb,var(--section-color,#8c7cff) 42%,transparent); }footer #adminEntry{display:inline-flex;align-items:center;gap:4px;height:21px;border:1px solid rgba(140,124,255,.4);border-radius:999px;padding:0 9px 0 8px;background:linear-gradient(135deg,rgba(140,124,255,.24),rgba(0,194,199,.15));color:#e2ddff;font-family:inherit;font-size:6.5px;font-weight:900;letter-spacing:.3px;box-shadow:0 4px 14px rgba(124,92,255,.24),inset 0 1px rgba(255,255,255,.08);cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}footer #adminEntry::before{content:"👑";font-size:7px;line-height:1;filter:drop-shadow(0 0 3px rgba(244,196,48,.55))}footer #adminEntry:hover{filter:brightness(1.12);box-shadow:0 6px 18px rgba(124,92,255,.32),inset 0 1px rgba(255,255,255,.08)}footer #adminEntry:active{transform:scale(.93)}@media(prefers-reduced-motion:reduce){footer #adminEntry{transition:none}}

/* Music library */
body[data-section="contact"] { --section-color:#c7cedb; }
body[data-section="contact"] .bot-grid { display:block; overflow-y:auto; padding:2px 1px 12px; }
.music-library { min-height:100%; }.music-category-grid{display:grid;grid-template-columns:1fr;gap:11px}.music-country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.music-category-card{--music-color:#e7b64c;position:relative;display:flex;min-height:102px;align-items:center;gap:13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--music-color) 36%,transparent);border-radius:21px;padding:14px;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--music-color) 17%,transparent),transparent 39%),linear-gradient(145deg,#191e2d,#0b0f19);color:#fff;text-align:right;cursor:pointer;box-shadow:0 12px 27px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.06);transition:.2s}.music-category-card:active{transform:scale(.975)}.music-category-card::after{content:"♫";position:absolute;left:38px;bottom:-25px;color:var(--music-color);font-size:75px;opacity:.055;transform:rotate(-14deg)}.music-category-card>i{display:grid;flex:0 0 57px;height:57px;place-items:center;border:1px solid color-mix(in srgb,var(--music-color) 45%,transparent);border-radius:18px;background:color-mix(in srgb,var(--music-color) 13%,#101521);font-size:28px;font-style:normal;box-shadow:0 8px 22px color-mix(in srgb,var(--music-color) 15%,transparent)}.music-category-card>span{display:flex;min-width:0;flex:1;flex-direction:column}.music-category-card strong{font-size:13px}.music-category-card small{margin-top:5px;color:color-mix(in srgb,var(--music-color) 42%,#9ca5b8);font-size:7px}.music-category-card>b{color:var(--music-color);font-size:24px}.music-country-grid .music-category-card{min-height:119px;flex-direction:column;justify-content:center;gap:7px;padding:10px;text-align:center}.music-country-grid .music-category-card>i{flex-basis:43px;width:43px;height:43px;border-radius:14px;font-size:21px}.music-country-grid .music-category-card strong{font-size:10px}.music-country-grid .music-category-card small{font-size:6px}.music-country-grid .music-category-card>b{position:absolute;left:9px;bottom:7px;font-size:16px}.music-library-back{width:100%;height:37px;margin-bottom:9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#121725;color:#9ba4b7;font-size:8px;font-weight:850;cursor:pointer}.music-empty-category{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--music-color) 32%,transparent);border-radius:25px;padding:18px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--music-color) 17%,transparent),transparent 38%),#0c101a;text-align:center}.music-empty-category>button{align-self:flex-start;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px 10px;background:#151a28;color:#9ba5b8;font-size:8px}.music-empty-category>i{display:grid;width:74px;height:74px;place-items:center;margin-top:auto;border:1px solid color-mix(in srgb,var(--music-color) 45%,transparent);border-radius:24px;background:color-mix(in srgb,var(--music-color) 12%,#111625);font-size:34px;font-style:normal;box-shadow:0 12px 30px color-mix(in srgb,var(--music-color) 15%,transparent)}.music-empty-category>strong{margin-top:14px;font-size:17px}.music-empty-category>p{margin:6px 0;color:#8791a5;font-size:9px}.music-empty-category>span{margin:auto 0 5px;border-radius:99px;padding:6px 10px;background:color-mix(in srgb,var(--music-color) 11%,transparent);color:var(--music-color);font-size:7px;font-weight:900}
.music-category-grid{height:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}.music-category-grid .music-category-card{min-height:0;flex-direction:column;justify-content:center;gap:5px;padding:7px 3px;text-align:center}.music-category-grid .music-category-card>i{flex-basis:39px;width:39px;height:39px;border-radius:13px;font-size:20px}.music-category-grid .music-category-card strong{font-size:8px}.music-category-grid .music-category-card small{font-size:5.3px;line-height:1.3}.music-category-grid .music-category-card>b{display:none}
.music-country-grid{height:calc(100% - 35px);grid-template-columns:repeat(var(--music-columns,5),minmax(0,1fr));grid-auto-rows:1fr;gap:5px}.music-country-grid .music-category-card{min-height:0;gap:1px;border-radius:11px;padding:3px 2px}.music-country-grid .music-category-card::after,.music-country-grid .music-category-card>b,.music-country-grid .music-category-card small{display:none}.music-country-grid .music-category-card>i{flex-basis:24px;width:24px;height:24px;border:0;border-radius:7px;background:rgba(255,255,255,.035);font-size:15px;box-shadow:none}.music-country-grid .music-category-card strong{max-width:100%;overflow:hidden;font-size:6.2px;text-overflow:ellipsis;white-space:nowrap}.music-library:has(.music-country-grid) .music-library-back{height:30px;margin-bottom:5px}.music-library:has(.music-country-grid){height:100%;min-height:0}
body[data-section="contact"] .bot-grid:has(.music-country-grid){overflow:hidden}
@media(max-height:680px){.music-category-grid{gap:5px}.music-category-grid .music-category-card>i{flex-basis:31px;width:31px;height:31px;font-size:17px}.music-country-grid{gap:4px}.music-country-grid .music-category-card>i{flex-basis:20px;width:20px;height:20px;font-size:12px}}
.music-songs-page{height:100%}.music-songs-back{width:100%;height:34px;margin-bottom:7px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#141925;color:#aeb6c5;font-size:8px;cursor:pointer}.music-song-list{display:grid;gap:8px}.music-song-card{display:grid;min-height:82px;grid-template-columns:82px 1fr 35px;align-items:center;gap:10px;overflow:hidden;border:1px solid rgba(199,206,219,.25);border-radius:18px;padding:7px;background:linear-gradient(145deg,rgba(199,206,219,.09),#0c1019);color:#fff;text-align:right;cursor:pointer;box-shadow:0 11px 25px rgba(0,0,0,.25)}.music-song-card img{width:82px;height:66px;border-radius:12px;object-fit:cover}.music-song-card span{display:flex;min-width:0;flex-direction:column}.music-song-card strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.music-song-card small{margin-top:5px;color:#969faf;font-size:7px;direction:ltr;text-align:right}.music-song-card>b{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(199,206,219,.3);border-radius:50%;background:rgba(199,206,219,.1);color:#e4e8ee;font-size:10px}

/* Voice room */
body[data-section="portfolio"] { --section-color:#ff4fa3; }
body[data-section="portfolio"] .bot-grid { display:block; overflow-y:auto; padding:2px 1px 12px; }
body[data-section="reviews"] .bot-grid{display:block;overflow-y:auto;padding:2px 1px 14px;scrollbar-width:thin;scrollbar-color:rgba(168,225,12,.35) transparent}
.reviews-page{display:grid;gap:11px}.reviews-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(168,225,12,.2);border-radius:17px;padding:10px 11px;background:linear-gradient(135deg,rgba(168,225,12,.08),rgba(14,19,29,.96))}.reviews-toolbar>div{display:flex;flex-direction:column}.reviews-toolbar strong{font-size:10px}.reviews-toolbar small{margin-top:3px;color:#8590a3;font-size:6.5px}.reviews-toolbar button{display:flex;align-items:center;gap:4px;border:1px solid rgba(168,225,12,.58);border-radius:10px;padding:8px 11px;background:linear-gradient(135deg,#b8ec29,#79b900);color:#111806;font-size:8px;font-weight:950;cursor:pointer;box-shadow:0 7px 17px rgba(114,176,0,.18)}.reviews-toolbar button span{font-size:12px;line-height:0}.reviews-page-message:empty{display:none}.reviews-page-message{color:#ff8795;font-size:7px;text-align:center}
.review-popup{position:fixed;z-index:250;inset:0;display:grid;align-items:center;justify-items:center;padding:12px;background:rgba(3,6,11,.82);backdrop-filter:blur(10px);animation:modalIn .18s ease-out}.review-form{position:relative;display:grid;width:min(100%,430px);max-height:calc(100dvh - 24px);gap:10px;overflow:auto;border:1px solid rgba(168,225,12,.32);border-radius:23px;padding:17px 14px 14px;background:radial-gradient(circle at 100% 0,rgba(168,225,12,.14),transparent 42%),linear-gradient(145deg,#171d29,#0c111b);box-shadow:0 24px 65px rgba(0,0,0,.58)}.review-popup-close{position:absolute;top:10px;left:10px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.045);color:#aeb6c5;font-size:18px;line-height:1;cursor:pointer}
.review-form-head{display:flex;align-items:center;gap:9px}.review-form-head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:rgba(168,225,12,.1);font-size:19px}.review-form-head div{display:flex;flex-direction:column}.review-form-head strong{font-size:12px}.review-form-head small{margin-top:2px;color:#8993a6;font-size:7px}
.review-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px;margin:0;border:0;padding:0}.review-stars legend{float:right;margin-left:10px;color:#aab3c4;font-size:8px;line-height:25px}.review-stars input{position:absolute;opacity:0;pointer-events:none}.review-stars label{color:#394152;font-size:23px;line-height:1;cursor:pointer;transition:color .15s,transform .15s}.review-stars label:hover,.review-stars label:hover~label,.review-stars input:checked~label{color:#ffd64d;text-shadow:0 0 12px rgba(255,214,77,.35)}.review-stars label:active{transform:scale(.88)}.review-stars input:focus-visible+label{outline:2px solid #a8e10c;outline-offset:2px;border-radius:3px}
.review-form textarea{width:100%;min-height:74px;resize:vertical;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:11px;background:rgba(5,9,16,.62);color:#f4f6fb;font:inherit;font-size:10px;line-height:1.7;outline:0}.review-form textarea:focus{border-color:rgba(168,225,12,.5);box-shadow:0 0 0 3px rgba(168,225,12,.06)}.review-form textarea::placeholder{color:#687286}
.review-form-foot{position:sticky;bottom:-14px;display:flex;min-height:43px;align-items:center;justify-content:space-between;gap:8px;margin:0 -14px -14px;padding:6px 14px 8px;background:linear-gradient(0deg,#0c111b 72%,transparent)}.review-message{color:#9da7b8;font-size:7px}.review-form-foot button{border:1px solid rgba(168,225,12,.65);border-radius:11px;padding:9px 16px;background:linear-gradient(135deg,#b8ec29,#79b900);color:#111806;font-size:8px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(114,176,0,.2)}.review-form-foot button:disabled{cursor:wait;opacity:.55}
.reviews-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.review-card{position:relative;min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:16px;padding:11px;background:linear-gradient(145deg,rgba(168,225,12,.055),#0d121c 65%);box-shadow:0 9px 22px rgba(0,0,0,.2);animation:cardIn .35s both}.review-card>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.review-card strong{max-width:55%;overflow:hidden;color:#f2f5fa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.review-card div span{direction:ltr;color:#ffd64d;font-size:8px;letter-spacing:1px}.review-card p{margin:8px 0 9px;color:#abb3c2;font-size:8px;line-height:1.75;overflow-wrap:anywhere}.review-card time{display:block;color:#657084;font-size:6px}.review-delete{position:absolute;left:8px;bottom:7px;border:1px solid rgba(255,91,110,.3);border-radius:7px;padding:4px 7px;background:rgba(255,72,93,.08);color:#ff8190;font-size:6px;font-weight:850;cursor:pointer}.review-delete:hover{border-color:rgba(255,91,110,.65);background:rgba(255,72,93,.16)}.review-delete:disabled{cursor:wait;opacity:.45}.reviews-empty{grid-column:1/-1;margin:7px 0;border:1px dashed rgba(168,225,12,.22);border-radius:16px;padding:26px;color:#8d97a9;font-size:9px;text-align:center}
@media(max-width:390px){.reviews-list{grid-template-columns:1fr}}@media(max-height:660px){.review-form{gap:7px;padding:12px}.review-form textarea{min-height:54px}.review-form-head>span{width:31px;height:31px;font-size:15px}.review-form-foot{bottom:-12px;margin:0 -12px -12px;padding-inline:12px}}
.voice-room-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.voice-room-card { position:relative; display:flex; min-height:126px; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:1px solid color-mix(in srgb,var(--room-color) 36%,transparent); border-radius:21px; padding:12px 8px; background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--room-color) 19%,transparent),transparent 48%),linear-gradient(150deg,#181d2d,#0b0f19); color:#fff; cursor:pointer; box-shadow:0 12px 27px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.06); transition:.2s; }
.voice-room-card:active { transform:scale(.97); }.voice-room-card::after{content:"";position:absolute;right:-25px;bottom:-31px;width:75px;height:75px;border:1px solid color-mix(in srgb,var(--room-color) 20%,transparent);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--room-color) 4%,transparent)}
.room-emoji { display:grid; width:42px; height:42px; place-items:center; border:1px solid color-mix(in srgb,var(--room-color) 50%,transparent); border-radius:14px; background:color-mix(in srgb,var(--room-color) 14%,#111625); font-size:20px; font-style:normal; box-shadow:0 7px 18px color-mix(in srgb,var(--room-color) 18%,transparent); }.voice-room-card span{display:flex;flex-direction:column;margin-top:8px;text-align:center}.voice-room-card strong{font-size:10px}.voice-room-card small{margin-top:3px;color:#7f899d;font-size:6px}.voice-room-card em{margin-top:7px;color:#71dcb1;font-size:6px;font-style:normal}.voice-room-card em b{font-size:7px}.voice-room-card u{position:absolute;top:9px;left:9px;font-size:9px;text-decoration:none;opacity:.65}
.voice-room { --room-color:#ff4fa3; min-height:100%; overflow:hidden; border:1px solid color-mix(in srgb,var(--room-color) 35%,transparent); border-radius:25px; padding:14px; background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--room-color) 18%,transparent),transparent 34%),linear-gradient(155deg,#191525,#090d17 72%); box-shadow:0 20px 45px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.07); }
.voice-room-head { display:flex; align-items:center; justify-content:space-between; }
.voice-live { display:flex; align-items:center; gap:6px; border:1px solid color-mix(in srgb,var(--room-color) 30%,transparent); border-radius:999px; padding:5px 9px; background:color-mix(in srgb,var(--room-color) 9%,transparent); color:color-mix(in srgb,var(--room-color) 68%,#fff); font-size:8px; font-weight:900; }
.voice-live i { width:6px; height:6px; border-radius:50%; background:var(--room-color); box-shadow:0 0 10px var(--room-color); animation:newsPulse 1.2s infinite; }
.voice-back { border:1px solid rgba(255,255,255,.09); border-radius:9px; padding:5px 8px; background:#151927; color:#a4adbf; font-size:8px; cursor:pointer; }
.voice-stage { position:relative; display:flex; min-height:190px; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.voice-avatar { position:relative; z-index:2; display:grid; width:82px; height:82px; place-items:center; border:2px solid color-mix(in srgb,var(--room-color) 70%,#fff); border-radius:50%; background:linear-gradient(145deg,var(--room-color),color-mix(in srgb,var(--room-color) 38%,#111)); color:#fff; font-size:18px; font-weight:1000; box-shadow:0 0 0 7px color-mix(in srgb,var(--room-color) 8%,transparent),0 14px 30px rgba(0,0,0,.35); }
.voice-mic-state { position:absolute; right:-2px; bottom:1px; display:grid; width:24px; height:24px; place-items:center; border:3px solid #111321; border-radius:50%; background:#48dfa3; color:#092318; font-size:8px; font-style:normal; }
.voice-stage strong { margin-top:12px; color:#fff; font-size:15px; }.voice-stage p { margin:5px 0 0; color:#8e98ad; font-size:9px; }
.voice-waves { position:absolute; top:22px; width:140px; height:140px; }.voice-waves i { position:absolute; inset:0; border:1px solid rgba(255,79,163,.25); border-radius:50%; animation:voicePulse 2.2s ease-out infinite; }.voice-waves i:nth-child(2){animation-delay:.7s}.voice-waves i:nth-child(3){animation-delay:1.4s}
.voice-room:not(.joined) .voice-waves i { animation-play-state:paused; opacity:.25; transform:scale(.72); }
.voice-members { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:2px 0 15px; }.voice-members>span { display:flex; min-width:0; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.07); border-radius:15px; padding:9px; background:rgba(255,255,255,.025); }.member-avatar { display:grid; flex:0 0 31px; height:31px; place-items:center; border-radius:50%; background:var(--room-color); color:#fff; font-size:11px; font-style:normal; font-weight:1000; }.member-avatar.guest { border:1px dashed #505a70; background:#171b29;color:#788299}.voice-members b { display:flex; min-width:0; flex-direction:column; color:#e8eaf2; font-size:8px; }.voice-members small { margin-top:2px;color:#747e92;font-size:6px;font-weight:600}.voice-members em { margin-right:auto;color:#57dfa8;font-size:10px;font-style:normal}
.voice-room-details { display:grid; grid-template-columns:.8fr 1.2fr; gap:8px; margin:-7px 0 12px; }.voice-room-details>span,.voice-copy-link{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid color-mix(in srgb,var(--room-color) 18%,rgba(255,255,255,.06));border-radius:13px;padding:8px 9px;background:color-mix(in srgb,var(--room-color) 5%,#0c111c);text-align:right}.voice-room-details small{color:#747e93;font-size:6px}.voice-room-details strong{max-width:100%;overflow:hidden;margin-top:3px;color:#dfe3ed;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.voice-copy-link{padding-left:31px;cursor:pointer}.voice-copy-link b{position:absolute;left:7px;border-radius:7px;padding:4px;background:color-mix(in srgb,var(--room-color) 15%,#151a28);color:color-mix(in srgb,var(--room-color) 70%,#fff);font-size:5px}
.voice-controls { display:grid; grid-template-columns:62px 1fr 62px; align-items:center; gap:8px; }.voice-controls button { height:48px; border-radius:15px; color:#fff; cursor:pointer; }.voice-mic,.voice-share { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; border:1px solid rgba(255,255,255,.1); background:#151a28; }.voice-mic:disabled{cursor:not-allowed;opacity:.35}.voice-controls button b{font-size:14px}.voice-controls button span{font-size:6px}.voice-join { border:1px solid color-mix(in srgb,var(--room-color) 70%,#fff); background:linear-gradient(135deg,var(--room-color),color-mix(in srgb,var(--room-color) 58%,#111)); font-size:10px;font-weight:1000;box-shadow:0 9px 24px color-mix(in srgb,var(--room-color) 23%,transparent)}.voice-room.joined .voice-join{border-color:#ff6f7c;background:linear-gradient(135deg,#e94d5c,#9d2436)}
@keyframes voicePulse { 0%{opacity:.55;transform:scale(.55)} 100%{opacity:0;transform:scale(1.2)} }
@keyframes modalIn { from{opacity:0}to{opacity:1} }
@media(max-height:700px){.voice-stage{min-height:128px}.voice-avatar{width:62px;height:62px}.voice-waves{top:2px;width:108px;height:108px}.voice-members{margin-bottom:12px}}
@keyframes cardIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bannerFloat { 0%,100% { transform:translateY(0) rotate(-5deg); } 50% { transform:translateY(-7px) rotate(6deg); } }
@keyframes bannerSpin { to { transform:rotate(360deg); } }
@keyframes spinFirst { 0%,18%,100% { transform:rotate(0); } 70% { transform:rotate(360deg); } }
@keyframes flipMiddle { 0%,15%,100% { transform:rotateX(0); } 62% { transform:rotateX(360deg); } }
@keyframes walkLast { 0%,18%,100% { transform:translateX(0) rotate(0); } 38% { transform:translateX(3px) rotate(10deg); } 58% { transform:translateX(7px) rotate(-8deg); } 78% { transform:translateX(3px) rotate(7deg); } }
@keyframes cloudTravel { 0%,100% { transform:translateX(0) translateY(0) scale(1); } 18% { transform:translateX(-18px) translateY(-2px) scale(.94); } 34% { transform:translateX(0) translateY(0) scale(1); } 52% { transform:translateX(39px) translateY(-1px) scale(.97); } 70% { transform:translateX(76px) translateY(-2px) scale(.92); } 86% { transform:translateX(0) translateY(0) scale(1); } }
.service-ad { min-height:222px; }
.service-ad { isolation:isolate; min-height:205px; background-image:linear-gradient(90deg,rgba(7,10,19,.28),rgba(7,10,19,.8) 45%,rgba(7,10,19,.98) 100%),url("assets/services-background-v2.png"); background-position:center; background-size:cover; }
.service-ad::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(rgba(140,124,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(140,124,255,.055) 1px,transparent 1px); background-size:19px 19px; -webkit-mask-image:linear-gradient(90deg,#000,transparent 88%); mask-image:linear-gradient(90deg,#000,transparent 88%); }
.service-ad::after { content:""; position:absolute; z-index:-1; width:190px; height:190px; left:-55px; top:-45px; border-radius:50%; background:var(--section-color); filter:blur(75px); opacity:.22; animation:serviceGlow 4s ease-in-out infinite; }
.banner-tech-slot{position:absolute;z-index:4;left:17px;bottom:19px;display:flex;width:158px;height:30px;align-items:center;justify-content:space-between;direction:ltr;animation:bannerTechDrift 3.2s ease-in-out infinite}.banner-tech-face{position:relative;display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;opacity:.92}.banner-tech-face img{display:block;width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.38)) drop-shadow(0 0 5px rgba(255,255,255,.08))}
@keyframes bannerTechDrift{0%,100%{transform:translateX(0) translateY(1px)}50%{transform:translateX(5px) translateY(-2px)}}
.service-copy { position:relative; z-index:3; display:flex; width:72%; max-width:72%!important; flex-direction:column; align-items:flex-start; }
.service-copy > span { color:#bdb4ff!important; font-size:6.5px!important; letter-spacing:1.3px!important; }
.service-copy h2 { margin:8px 0 0; font-size:19px; line-height:1.35; letter-spacing:-.45px; }
.service-copy h2 b { font-size:17px; font-weight:900; }
.service-list { display:grid; width:100%; grid-template-columns:1fr 1fr; gap:7px 10px; margin:11px 0 13px; }
.service-list i { display:flex; align-items:center; gap:5px; color:#d0d4df; font-size:7.5px; font-style:normal; font-weight:650; line-height:1.45; text-shadow:0 2px 5px rgba(0,0,0,.7); animation:serviceLine 3.2s ease-in-out infinite; }
.service-list i:nth-child(2) { animation-delay:.35s; }.service-list i:nth-child(3) { animation-delay:.7s; }.service-list i:nth-child(4) { animation-delay:1.05s; }
.service-list i b { color:var(--section-color); font-size:6px; text-shadow:0 0 8px var(--section-color); }
.service-tags { display:flex; flex-wrap:wrap; gap:5px; margin:9px 0 11px; }
.service-tags i { border:1px solid color-mix(in srgb,var(--section-color) 28%,transparent); border-radius:20px; padding:4px 7px; background:color-mix(in srgb,var(--section-color) 8%,transparent); color:#bec3d2; font-size:7px; font-style:normal; white-space:nowrap; animation:serviceTag 3s ease-in-out infinite; }
.service-tags i:nth-child(2) { animation-delay:.35s; }.service-tags i:nth-child(3) { animation-delay:.7s; }.service-tags i:nth-child(4) { animation-delay:1.05s; }
.service-copy > a { display:inline-flex; align-items:center; gap:7px; border:1px solid color-mix(in srgb,var(--section-color) 58%,transparent); border-radius:11px; padding:8px 11px; background:color-mix(in srgb,var(--section-color) 22%,rgba(7,10,19,.7)); color:#fff; font-size:8px; font-weight:850; text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 18px color-mix(in srgb,var(--section-color) 12%,transparent); backdrop-filter:blur(8px); }
.service-copy > a b { color:var(--section-color); font-size:11px; }
.service-copy > a strong { color:color-mix(in srgb,var(--section-color) 70%,#fff); font-size:7px; font-weight:700; direction:ltr; }
.service-art { opacity:.42; }.service-art > i { font-size:18px; }.code-pieces { direction:ltr; display:flex; align-items:center; justify-content:center; gap:1px; }.code-pieces u { display:inline-block; color:#fff; font-style:normal; text-decoration:none; transform-origin:center; text-shadow:0 0 18px var(--section-color); }.code-pieces u:nth-child(1) { animation:codeLeft 2.8s ease-in-out infinite; }.code-pieces u:nth-child(2) { color:var(--section-color); animation:codeMiddle 2.8s ease-in-out infinite; }.code-pieces u:nth-child(3) { animation:codeRight 2.8s ease-in-out infinite; }.service-art em { position:absolute; top:20%; left:20%; width:7px; height:7px; border-radius:50%; background:var(--section-color); box-shadow:0 0 13px var(--section-color); animation:serviceDot 2.2s ease-in-out infinite; }
.services-flip-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:8px; padding-bottom:2px; perspective:900px; }
.flip-service-card { min-width:0; aspect-ratio:1.18; border:0; padding:0; background:none; color:#fff; cursor:pointer; perspective:700px; }
.flip-service-card[data-service-color="pink"] { --section-color:#ff5ca8; }
.flip-service-card[data-service-color="blue"] { --section-color:#2797ff; }
.flip-service-card[data-service-color="green"] { --section-color:#32cf75; }
.flip-service-card[data-service-color="purple"] { --section-color:#a45cff; }
.flip-service-card[data-service-color="yellow"] { --section-color:#f4d62c; }
.flip-service-card[data-service-color="navy"] { --section-color:#334a9f; }
.flip-service-inner { position:relative; display:block; width:100%; height:100%; transform-style:preserve-3d; transition:transform .65s cubic-bezier(.2,.75,.25,1); }
.flip-service-card.flipped .flip-service-inner { transform:rotateY(180deg); }
.flip-front,.flip-back { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:1px solid color-mix(in srgb,var(--section-color) 30%,rgba(255,255,255,.08)); border-radius:16px; padding:8px 6px; background:linear-gradient(145deg,color-mix(in srgb,var(--section-color) 11%,#191e30),#0f1422); box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 9px 22px rgba(0,0,0,.2); text-align:center; opacity:1; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:opacity .16s ease; transform:rotateY(0) translateZ(1px); -webkit-font-smoothing:antialiased; }
.flip-front::after,.flip-back::after { content:""; position:absolute; width:70px; height:70px; right:-36px; bottom:-40px; border-radius:50%; background:var(--section-color); filter:blur(28px); opacity:.16; }
.flip-front b { position:relative; z-index:1; font-size:25px; line-height:1; filter:drop-shadow(0 5px 9px rgba(0,0,0,.25)); }
.flip-front strong { position:relative; z-index:1; margin-top:8px; font-size:9px; line-height:1.35; }
.flip-front small { position:relative; z-index:1; margin-top:4px; color:color-mix(in srgb,var(--section-color) 62%,#aaa); font-size:6px; }
.flip-back { opacity:0; transform:rotateY(180deg) translateZ(1px); border-color:color-mix(in srgb,var(--section-color) 58%,transparent); background:linear-gradient(145deg,color-mix(in srgb,var(--section-color) 22%,#171c2d),#0e1320); }
.flip-service-card.flipped .flip-front { opacity:0; }
.flip-service-card.flipped .flip-back { opacity:1; }
.flip-back strong { position:relative; z-index:1; color:color-mix(in srgb,var(--section-color) 68%,#fff); font-size:9px; }
.flip-back p { position:relative; z-index:1; margin:5px 0 0; color:#d2d6e1; font-size:7.2px; line-height:1.5; }
.flip-service-card:active .flip-service-inner { scale:.97; }
@keyframes codeLeft { 0%,18%,100% { transform:translate(0) rotate(0); opacity:1; } 48% { transform:translate(-13px,-9px) rotate(-34deg); opacity:.48; } 72% { transform:translate(-4px,2px) rotate(-8deg); } }
@keyframes codeMiddle { 0%,18%,100% { transform:translate(0) rotate(0) scale(1); } 48% { transform:translateY(12px) rotate(180deg) scale(.7); opacity:.42; } 72% { transform:translateY(3px) rotate(20deg); } }
@keyframes codeRight { 0%,18%,100% { transform:translate(0) rotate(0); opacity:1; } 48% { transform:translate(13px,-9px) rotate(34deg); opacity:.48; } 72% { transform:translate(4px,2px) rotate(8deg); } }
@keyframes serviceTag { 50% { border-color:color-mix(in srgb,var(--section-color) 62%,transparent); color:#fff; transform:translateY(-2px); } }
@keyframes serviceDot { 50% { transform:translate(45px,80px) scale(.6); opacity:.35; } }
@keyframes serviceLine { 50% { color:#fff; transform:translateX(-2px); } }
@keyframes serviceGlow { 50% { opacity:.32; transform:scale(1.12); } }
@media (min-width:560px) { .profile-copy p { max-width:300px; }.bot-card { grid-template-columns:58px 1fr 80px; } }
@media (max-height:610px) { .app-bar { flex-basis:23px; }.profile-header { flex-basis:76px; padding:8px 10px; }.profile-photo-wrap { width:48px; height:48px; }.page > section:last-of-type { padding-top:8px; }.section-title { flex-basis:32px; }.bot-description { display:none; }.bot-icon { width:43px; height:43px; }.bot-card { grid-template-columns:44px 1fr 60px; padding:7px 10px; }.profile-copy p { margin-top:2px; }footer { height:15px; } }
@media (prefers-reduced-motion:reduce) { * { animation:none!important; transition:none!important; } }

/* كروت الألعاب تُفتح بالكامل بالضغط؛ لا تحتاج زر فتح منفصل. */
body[data-section="games"] .open-label{display:none!important}
body[data-section="games"] .bot-card{padding-inline:10px}
body[data-section="games"] .bot-name,body[data-section="games"] .bot-description{max-width:100%;padding-inline:2px}

/* سوق الضمان — نموذج واجهة بلا مدفوعات حقيقية. */
body[data-section="escrow"]{--section-color:#24d59b}body[data-section="escrow"] .bot-grid{display:block;overflow-y:auto;padding:2px 1px 18px;scrollbar-width:none}body[data-section="escrow"] .bot-grid::-webkit-scrollbar{display:none}.escrow-market{color:#eefcf7}.escrow-hero{position:relative;min-height:205px;overflow:hidden;border:1px solid rgba(36,213,155,.28);border-radius:25px;padding:16px;background:radial-gradient(circle at 12% 15%,rgba(36,213,155,.2),transparent 34%),linear-gradient(145deg,#122a27,#08131a 68%);box-shadow:0 18px 40px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08)}.escrow-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(36,213,155,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,213,155,.035) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%)}.escrow-hero-top{position:relative;z-index:2;display:flex;align-items:center;gap:7px}.escrow-shield{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(98,239,190,.3);border-radius:9px;background:rgba(36,213,155,.1);font-size:12px}.escrow-live{display:flex;align-items:center;gap:5px;border:1px solid rgba(36,213,155,.19);border-radius:999px;padding:4px 7px;background:rgba(36,213,155,.06);color:#8de9c8;font-size:5.5px;font-weight:900}.escrow-live i{width:5px;height:5px;border-radius:50%;background:#36e5aa;box-shadow:0 0 8px #36e5aa;animation:escrowPulse 1.3s ease-in-out infinite}.escrow-hero>small{position:relative;z-index:2;display:block;margin-top:18px;color:#58d8ae;font-size:5.5px;font-weight:1000;letter-spacing:1.5px}.escrow-hero h4{position:relative;z-index:2;margin:5px 0 6px;color:#fff;font-size:19px;line-height:1.28}.escrow-hero h4 b{color:#70ecc3}.escrow-hero>p{position:relative;z-index:2;max-width:235px;margin:0;color:#8da59f;font-size:7px;line-height:1.7}.escrow-hero-actions{position:relative;z-index:3;display:flex;gap:6px;margin-top:13px}.escrow-hero-actions button{height:36px;border-radius:11px;padding:0 12px;font-family:inherit;font-size:7px;font-weight:950;cursor:pointer}.escrow-hero-actions button:first-child{border:1px solid #83efca;background:linear-gradient(135deg,#51e3b2,#16a97c);color:#052019;box-shadow:0 8px 20px rgba(36,213,155,.2)}.escrow-hero-actions button:last-child{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);color:#a9bbb6}.escrow-orb{position:absolute;z-index:2;left:20px;top:58px;display:grid;width:83px;height:83px;place-items:center;border:1px solid rgba(81,227,178,.22);border-radius:50%;background:radial-gradient(circle,rgba(36,213,155,.22),rgba(36,213,155,.03) 58%,transparent);box-shadow:0 0 38px rgba(36,213,155,.12)}.escrow-orb>i{display:grid;width:39px;height:39px;place-items:center;border:1px solid #64e9bd;border-radius:13px;background:linear-gradient(145deg,#2fd19d,#0c6e55);color:#fff;font-size:19px;font-style:normal;transform:rotate(-8deg);box-shadow:0 10px 24px rgba(0,0,0,.32)}.escrow-orb span{position:absolute;inset:-8px;border:1px dashed rgba(103,236,194,.18);border-radius:50%;animation:escrowSpin 12s linear infinite}.escrow-orb span:last-child{inset:-18px;animation-direction:reverse;animation-duration:18s}.escrow-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.escrow-trust-row>span{display:flex;min-width:0;flex-direction:column;align-items:center;gap:2px;border:1px solid rgba(36,213,155,.1);border-radius:13px;padding:8px 4px;background:#0d151d;text-align:center}.escrow-trust-row b{color:#5ce4b7;font-size:10px}.escrow-trust-row small{color:#697d79;font-size:4.8px}.escrow-listings,.escrow-flow,.escrow-payments{border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:12px;background:linear-gradient(150deg,#131a24,#0a1018);box-shadow:0 12px 28px rgba(0,0,0,.22)}.escrow-listings>header,.escrow-flow>header{display:flex;align-items:center;justify-content:space-between}.escrow-listings header small,.escrow-flow header small{color:#31c895;font-size:5px;font-weight:900;letter-spacing:.8px}.escrow-listings header h4,.escrow-flow header h4{margin:2px 0 0;color:#eef3f2;font-size:11px}.escrow-listings header button{border:0;background:none;color:#54d9ad;font-family:inherit;font-size:6px;cursor:pointer}.escrow-filters{display:flex;gap:5px;margin:10px 0 8px}.escrow-filters button{border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:5px 9px;background:#0b1119;color:#73817f;font-family:inherit;font-size:5.5px;font-weight:850;cursor:pointer}.escrow-filters button.active{border-color:rgba(57,219,164,.35);background:rgba(36,213,155,.1);color:#66e1b8}.escrow-cards{display:grid;gap:6px}.escrow-card{display:grid;grid-template-columns:38px 1fr auto 34px;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:8px;background:#0b1119}.escrow-card-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;font-size:15px;font-weight:1000}.escrow-card-icon.purple{border:1px solid rgba(153,108,255,.35);background:rgba(119,73,226,.15);color:#b496ff}.escrow-card-icon.blue{border:1px solid rgba(66,158,255,.35);background:rgba(48,133,224,.14);color:#70b9ff}.escrow-card>div{display:flex;min-width:0;flex-direction:column}.escrow-card div>small{color:#596a70;font-size:4.5px;font-weight:900}.escrow-card strong{overflow:hidden;margin-top:2px;color:#dfe8e5;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.escrow-card p{margin:3px 0 0;color:#71847f;font-size:5px}.escrow-card p i{color:#35d39e;font-style:normal}.escrow-card>em{display:flex;flex-direction:column;align-items:center;color:#7d918b;font-size:5px;font-style:normal}.escrow-card>em b{color:#d7e5e1;font-size:8px}.escrow-card>button{height:27px;border:1px solid rgba(36,213,155,.22);border-radius:8px;background:rgba(36,213,155,.08);color:#5edbb2;font-family:inherit;font-size:5.5px;font-weight:900;cursor:pointer}.escrow-flow{margin-top:8px}.escrow-flow>header{display:block}.escrow-flow ol{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}.escrow-flow li{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:7px;background:rgba(255,255,255,.018)}.escrow-flow li>b{display:grid;flex:0 0 27px;height:27px;place-items:center;border:1px solid rgba(36,213,155,.2);border-radius:9px;background:rgba(36,213,155,.07);color:#45d2a3;font-size:6px}.escrow-flow li>span{display:flex;flex-direction:column;gap:2px}.escrow-flow li strong{color:#cfdad7;font-size:6.5px}.escrow-flow li small{color:#687976;font-size:5.5px}.escrow-payments{margin-top:8px;text-align:center}.escrow-payments>span{color:#83928f;font-size:6px}.escrow-payments>div{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:8px 0}.escrow-payments b{border:1px solid rgba(36,213,155,.13);border-radius:8px;padding:5px 8px;background:rgba(36,213,155,.04);color:#92aaa4;font-size:5.5px}.escrow-payments p{margin:0;border-radius:8px;padding:6px;background:rgba(244,189,56,.055);color:#9f8d5e;font-size:5.5px}@keyframes escrowPulse{50%{opacity:.35;transform:scale(.72)}}@keyframes escrowSpin{to{transform:rotate(360deg)}}@media(max-height:700px){.escrow-hero{min-height:176px;padding:13px}.escrow-hero>small{margin-top:11px}.escrow-hero h4{font-size:16px}.escrow-orb{top:47px;width:68px;height:68px}.escrow-trust-row>span{padding-block:6px}}

/* تحسين الصفحة الداخلية وإرجاع زر التنقل إلى النمط البسيط. */
.main-nav button[data-section="escrow"]{display:block;padding:0 3px;background:linear-gradient(145deg,color-mix(in srgb,#24d59b 9%,#151a2a),rgba(11,15,26,.92));color:#74e6c0}.main-nav button[data-section="escrow"]::before{display:none}.main-nav button[data-section="escrow"]>span{display:inline;position:static;font-size:10.5px}.main-nav button[data-section="escrow"] small{display:block;position:static;margin-top:2px;color:#68ebbd;font-size:5px}.main-nav button[data-section="escrow"] small b{display:none}.main-nav button[data-section="escrow"].active{background:linear-gradient(145deg,color-mix(in srgb,#24d59b 21%,#171c2d),rgba(12,16,27,.96))}.escrow-start{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.escrow-start button{display:grid;grid-template-columns:31px 1fr;align-items:center;gap:7px;min-width:0;border:1px solid rgba(36,213,155,.14);border-radius:16px;padding:9px;background:linear-gradient(145deg,rgba(36,213,155,.08),#0c141b);color:#dcebe6;font-family:inherit;text-align:right;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.04)}.escrow-start button:last-child{border-color:rgba(109,120,255,.15);background:linear-gradient(145deg,rgba(97,92,220,.09),#0c131b)}.escrow-start button>i{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(57,222,166,.19);border-radius:10px;background:rgba(36,213,155,.08);font-size:14px;font-style:normal}.escrow-start button:last-child>i{border-color:rgba(125,115,255,.2);background:rgba(110,96,232,.09)}.escrow-start button>span{display:flex;min-width:0;flex-direction:column}.escrow-start small{color:#60736e;font-size:4.8px}.escrow-start strong{overflow:hidden;margin-top:2px;font-size:6.6px;text-overflow:ellipsis;white-space:nowrap}.escrow-start em{margin-top:3px;color:#42c89a;font-size:4.7px;font-style:normal}.escrow-start button:last-child em{color:#948cff}.escrow-trust-row>span{position:relative;overflow:hidden;background:linear-gradient(145deg,#101b20,#0b1219)}.escrow-trust-row>span::after{content:"";position:absolute;right:20%;bottom:-16px;left:20%;height:20px;border-radius:50%;background:#24d59b;filter:blur(14px);opacity:.1}.escrow-trust-row i{color:#51d8aa;font-size:8px;font-style:normal}.escrow-trust-row b{font-size:7.5px}.escrow-safety-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;border:1px solid rgba(36,213,155,.17);border-radius:15px;padding:9px;background:linear-gradient(90deg,rgba(36,213,155,.08),rgba(36,213,155,.02)),#0c141b}.escrow-safety-banner>i{display:grid;flex:0 0 30px;height:30px;place-items:center;border-radius:10px;background:rgba(36,213,155,.1);font-size:13px;font-style:normal}.escrow-safety-banner>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.escrow-safety-banner strong{color:#dcebe6;font-size:6.5px}.escrow-safety-banner small{color:#6e807b;font-size:5.3px;line-height:1.4}.escrow-safety-banner>b{border:1px solid rgba(70,224,172,.23);border-radius:999px;padding:4px 6px;background:rgba(36,213,155,.08);color:#55d9ab;font-size:5px}.escrow-card{position:relative;overflow:hidden;transition:transform .18s,border-color .18s}.escrow-card:active{transform:scale(.985);border-color:rgba(36,213,155,.22)}.escrow-card::after{content:"";position:absolute;right:-25px;bottom:-35px;width:65px;height:65px;border:1px solid rgba(36,213,155,.045);border-radius:50%}.escrow-card>em small{color:#4f605e;font-size:4px}.escrow-listings{background:radial-gradient(circle at 100% 0,rgba(36,213,155,.06),transparent 36%),linear-gradient(150deg,#131a24,#0a1018)}@media(max-width:360px){.escrow-start{grid-template-columns:1fr}.escrow-start button{min-height:52px}}

/* استعادة لوحة الألوان الخضراء الأصلية للصفحة. */
.escrow-start button:last-child{border-color:rgba(36,213,155,.14);background:linear-gradient(145deg,rgba(36,213,155,.08),#0c141b)}.escrow-start button:last-child>i{border-color:rgba(57,222,166,.19);background:rgba(36,213,155,.08)}.escrow-start button:last-child em{color:#42c89a}.escrow-listings,.escrow-flow,.escrow-payments{border-color:rgba(36,213,155,.1);background:radial-gradient(circle at 100% 0,rgba(36,213,155,.055),transparent 38%),linear-gradient(150deg,#121d21,#091319)}

/* هوية سوق الضمان البرتقالية. */
body[data-section="escrow"]{--section-color:#ff9b42}.escrow-hero{border-color:rgba(255,155,66,.34);background:radial-gradient(circle at 12% 15%,rgba(255,155,66,.24),transparent 36%),linear-gradient(145deg,#302117,#17100d 68%);box-shadow:0 18px 40px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.09)}.escrow-hero::before{background:linear-gradient(rgba(255,155,66,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,155,66,.04) 1px,transparent 1px);background-size:20px 20px}.escrow-shield{border-color:rgba(255,189,128,.36);background:rgba(255,155,66,.13)}.escrow-live{border-color:rgba(255,155,66,.24);background:rgba(255,155,66,.08);color:#ffc28c}.escrow-live i{background:#ff9b42;box-shadow:0 0 8px #ff9b42}.escrow-hero>small{color:#ffad64}.escrow-hero h4 b{color:#ffbd82}.escrow-hero>p{color:#ae9481}.escrow-hero-actions button:first-child{border-color:#ffd0a7;background:linear-gradient(135deg,#ffbd79,#e87820);color:#2a1305;box-shadow:0 8px 20px rgba(255,132,36,.24)}.escrow-orb{border-color:rgba(255,168,91,.28);background:radial-gradient(circle,rgba(255,155,66,.25),rgba(255,155,66,.035) 58%,transparent);box-shadow:0 0 38px rgba(255,134,36,.15)}.escrow-orb>i{border-color:#ffc18a;background:linear-gradient(145deg,#ffad5f,#b64d0c)}.escrow-orb span{border-color:rgba(255,177,106,.22)}.escrow-start button,.escrow-start button:last-child{border-color:rgba(255,155,66,.19);background:linear-gradient(145deg,rgba(255,155,66,.1),#18110d)}.escrow-start button>i,.escrow-start button:last-child>i{border-color:rgba(255,174,101,.25);background:rgba(255,155,66,.1)}.escrow-start em,.escrow-start button:last-child em{color:#f39a4c}.escrow-trust-row>span{border-color:rgba(255,155,66,.13);background:linear-gradient(145deg,#201711,#15100d)}.escrow-trust-row>span::after{background:#ff9b42}.escrow-trust-row i,.escrow-trust-row b{color:#f7a65d}.escrow-safety-banner{border-color:rgba(255,155,66,.22);background:linear-gradient(90deg,rgba(255,155,66,.11),rgba(255,155,66,.025)),#17110e}.escrow-safety-banner>i{background:rgba(255,155,66,.12)}.escrow-safety-banner>b{border-color:rgba(255,174,101,.28);background:rgba(255,155,66,.09);color:#ffad64}.escrow-listings,.escrow-flow,.escrow-payments{border-color:rgba(255,155,66,.13);background:radial-gradient(circle at 100% 0,rgba(255,155,66,.07),transparent 38%),linear-gradient(150deg,#211812,#120d0b)}.escrow-listings header small,.escrow-flow header small,.escrow-listings header button{color:#f49b4e}.escrow-filters button.active{border-color:rgba(255,155,66,.4);background:rgba(255,155,66,.11);color:#ffb36f}.escrow-card{background:#15100e}.escrow-card:active{border-color:rgba(255,155,66,.28)}.escrow-card::after{border-color:rgba(255,155,66,.065)}.escrow-card p i{color:#f39a4c}.escrow-card>button{border-color:rgba(255,155,66,.28);background:rgba(255,155,66,.09);color:#ffae67}.escrow-flow li>b{border-color:rgba(255,155,66,.25);background:rgba(255,155,66,.09);color:#f49b4e}.escrow-payments b{border-color:rgba(255,155,66,.17);background:rgba(255,155,66,.05)}

/* زر سوق الضمان مطابق للهوية البرتقالية. */
.main-nav button[data-section="escrow"]{--nav-color:#ff9b42;border-color:color-mix(in srgb,#ff9b42 58%,transparent);background:linear-gradient(145deg,color-mix(in srgb,#ff9b42 9%,#151a2a),rgba(11,15,26,.92));color:#ffbd82}.main-nav button[data-section="escrow"] small{color:#ffad64}.main-nav button[data-section="escrow"].active{border-color:#ff9b42;background:linear-gradient(145deg,color-mix(in srgb,#ff9b42 21%,#171c2d),rgba(12,16,27,.96));box-shadow:0 0 0 1px rgba(255,155,66,.23),0 10px 27px rgba(255,155,66,.2),inset 0 1px rgba(255,255,255,.1)}.main-nav button[data-section="escrow"]::after{background:#ff9b42}

.main-nav button.escrow-locked{cursor:not-allowed;opacity:.48;filter:saturate(.55);transform:none}.main-nav button.escrow-locked::after{opacity:.08}.main-nav button.escrow-locked small{color:#a8876c;letter-spacing:.3px}
.main-nav button[data-section="escrow"]{--nav-color:#ff6534;border-color:color-mix(in srgb,#ff6534 58%,transparent);background:linear-gradient(145deg,color-mix(in srgb,#ff6534 9%,#151a2a),rgba(11,15,26,.92));color:#ffb095}.main-nav button[data-section="escrow"]::after{background:#ff6534}.main-nav button[data-section="escrow"] small{color:#ff9a76}

/* اسم الحساب هو مدخل التواصل الأساسي. */
.profile-name-contact{display:block;color:inherit;text-decoration:none;cursor:pointer}.profile-name-contact .owner-label{animation:contactHintPulse 1.8s ease-in-out infinite}.profile-name-contact:active{transform:scale(.97)}@keyframes contactHintPulse{0%,100%{opacity:.52;text-shadow:none}50%{opacity:1;color:#fff;text-shadow:0 0 9px var(--section-color,#8c7cff)}}

.profile-name-flipper{position:relative;display:block;width:112px;height:22px;transform-style:preserve-3d;animation:profileContactFlip 4s ease-in-out infinite}.contact-name-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.contact-name-back{border:1px solid color-mix(in srgb,var(--section-color,#8c7cff) 34%,transparent);border-radius:8px;background:color-mix(in srgb,var(--section-color,#8c7cff) 12%,#0d1120);color:#fff;font-size:7.5px;font-weight:900;transform:rotateY(180deg);box-shadow:0 0 12px color-mix(in srgb,var(--section-color,#8c7cff) 18%,transparent)}@keyframes profileContactFlip{0%,42%{transform:rotateY(0)}50%,92%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}