/* Shared cards retain the arcade palette in both site themes. */
.yg-share-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;padding:22px 24px;background:linear-gradient(120deg,#132e38,#151d42);border:1px solid #41e3b44d;border-radius:20px;color:#fff}
.yg-share-strip strong{font-size:22px}.yg-share-strip p{font-size:16px;margin:4px 0 0;color:#c5d4e6}.yg-strip-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.yg-share-strip .ov-mini{color:#fff}.yg-share-strip .wa,.yg-result .wa{gap:9px;text-decoration:none;background:#25d366;color:#072f19;box-shadow:0 4px 0 #108b42;font-size:16px;line-height:1.4}
.yg-result{overflow-y:auto;overscroll-behavior:contain}.yg-result .ov-c{position:relative;width:min(460px,100%);padding:24px;max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #747dbe66;background:linear-gradient(150deg,#212955,#111631);color:#fff}
.yg-result .em{font-size:38px}.yg-result h3{font-size:27px;color:#ffd568;margin:8px 25px 4px}.yg-result .ov-sc{font-size:52px;margin:4px 0}.yg-result .ov-sub{font-size:16px}.yg-result .ov-best{margin-bottom:6px;font-size:14px}
.yg-close{position:absolute;inset-inline-end:12px;top:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;background:#0b1532d9;color:#fff;border:1px solid #ffffff50;border-radius:50%;font:28px/1 sans-serif;cursor:pointer;z-index:1}
.yg-result .yg-preview{display:flex;align-items:center;gap:13px;text-align:start;background:#090f27;border:1px solid #39436a;border-radius:15px;padding:11px;margin:12px 0}
.yg-preview img{width:100px;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:8px}.yg-preview div{min-width:0}.yg-preview small{display:block;color:#87e8c3;font-size:12px;letter-spacing:.02em}.yg-preview strong{display:block;color:#fff;font-size:17px;line-height:1.35;margin:4px 0}.yg-preview span{display:block;color:#bdc9e4;font-size:13px;direction:ltr;unicode-bidi:isolate}
.yg-result .yg-share-hint{font-size:14px;color:#c4cce4;line-height:1.5;margin:10px 0 5px}.yg-result .ov-btns{gap:12px}.yg-result .ov-mini{font:700 15px/1.4 Tajawal,sans-serif;min-height:44px;color:#fff;display:grid;place-items:center;text-decoration:none}
.yg-result #ygAgain{background:#ffd35d;color:#201d15}.yg-result .yg-secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.yg-result .yg-secondary .ov-mini{background:transparent;min-height:38px;padding:7px 10px;color:#c6d3ed;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.yg-result .yg-subway-teaser{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #395b68;background:#112934;color:#fff;border-radius:12px;padding:8px;text-align:start;cursor:pointer;font:700 16px/1.4 Tajawal,sans-serif;margin-top:12px}.yg-subway-teaser img{width:68px;height:49px;object-fit:cover;border-radius:7px}.yg-subway-teaser small{display:block;color:#6ef2c6;font-size:12px}
.yg-copy-fallback{width:100%;padding:12px;background:#fff;color:#18243b;border-radius:10px;margin-top:10px;text-align:start;font-size:16px}.yg-copy-fallback input{display:block;width:100%;padding:10px;margin-top:8px;border:1px solid #8792aa;border-radius:6px;font:14px sans-serif}
.yg-promo{padding:0;border:1px solid #69768c;border-radius:26px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;color:#fff;background:#101a31;box-shadow:0 30px 100px #0009;text-align:center}
.yg-promo::backdrop{background:#04091cc7;backdrop-filter:blur(7px)}.yg-promo-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.yg-promo-body{padding:0 26px 18px}.yg-new{position:relative;display:inline-block;transform:translateY(-50%);margin-bottom:-9px;background:#69f0bd;color:#063629;font-size:13px;font-weight:800;letter-spacing:.06em;padding:6px 15px;border-radius:20px;border:3px solid #101a31}
.yg-promo h2{font-size:34px;line-height:1.15;color:#fff;margin:0 0 9px}.yg-promo h3{font-size:19px;color:#ffdb7b;line-height:1.4;margin:0 0 8px}.yg-promo p{font-size:16px;line-height:1.55;color:#c9d5ea;margin:0 0 17px}.yg-promo-play{width:100%;justify-content:center;background:#ffcc53;color:#1c2435;box-shadow:0 4px 0 #b9801e;font-size:19px;padding:13px;text-decoration:none}.yg-promo small{display:block;font-size:13px;margin:14px 0 3px;color:#b9cce3}.yg-later{border:0;background:none;color:#d1ddef;font:700 16px Tajawal,sans-serif;padding:10px 20px;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.yg-promo :focus-visible,.yg-result :focus-visible,.yg-share-strip :focus-visible{outline:3px solid #5fe1ff;outline-offset:3px}.toast{z-index:1100}.yg-result .toast{pointer-events:none}
[data-theme="light"] .yg-result .ov-c{background:#fff;color:#1c2943}[data-theme="light"] .yg-result h3{color:#6f4b00}[data-theme="light"] .yg-result .ov-sc{color:#885c00}[data-theme="light"] .yg-result .ov-mini{color:#253753}[data-theme="light"] .yg-result .yg-share-hint{color:#4a5870}[data-theme="light"] .yg-result .yg-secondary .ov-mini{color:#344560}
@media(max-width:620px){.yg-share-strip{flex-direction:column;align-items:stretch;padding:18px;gap:14px}.yg-strip-actions{flex-wrap:wrap}.yg-strip-actions .wa{flex:1}.yg-result .ov-c{padding:18px 16px}.yg-result .ov-sc{font-size:44px}.yg-preview img{width:82px}.yg-promo-body{padding-inline:20px}.yg-promo h2{font-size:30px}}
@media(max-height:720px){.yg-promo-art{max-height:30dvh;object-position:50% 37%}.yg-result .em{display:none}.yg-result .ov-c{padding-block:16px}.yg-result .ov-sc{font-size:40px}.yg-result .yg-preview{margin-block:8px}.yg-result .yg-share-hint{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.yg-result,.yg-result .ov-c{animation:none}.yg-promo *{scroll-behavior:auto}}