/* Scoped popup UI. No global resets; legacy game cards/artwork remain unchanged. */
.ys-card,.ys-preferences{--yp-bg:#1d241f;--yp-text:#edf3e9;--yp-muted:#afbdac;--yp-line:#3b493d;--yp-accent:#d1f58a;--yp-on:#22301e;--yp-art:#344237;--yp-soft:#273229;color:var(--yp-text);background:var(--yp-bg);font-family:inherit;color-scheme:dark}
html[data-theme="light"] .ys-card:not([data-promo-theme="dark"]),html[data-theme="light"] .ys-preferences,.ys-card[data-promo-theme="light"]{--yp-bg:#fcfcf7;--yp-text:#243c30;--yp-muted:#657565;--yp-line:#dce4d7;--yp-accent:#cee9a1;--yp-on:#253c27;--yp-art:#e5eddc;--yp-soft:#f0f4e9;color-scheme:light}
.ys-card *,.ys-preferences *{box-sizing:border-box}.ys-card [hidden],.ys-preferences [hidden],[data-promo-feedback][hidden]{display:none!important}
.ys-card{position:relative;border:1px solid var(--yp-line);border-radius:22px;overflow:hidden;text-align:left;line-height:1.6}
.ys-art{height:183px;position:relative;background:var(--yp-art);overflow:hidden;isolation:isolate}
.ys-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.ys-concept{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 10%,#d2e7b68a,transparent 60%)}
.ys-art-caption{position:absolute;left:24px;top:17px;font-size:8px;letter-spacing:2px;color:#476548;font-weight:750}
html[data-theme="dark"] .ys-art-caption,.ys-card[data-promo-theme="dark"] .ys-art-caption{color:#c2d3b8}.ys-card[data-promo-theme="light"] .ys-art-caption{color:#476548}
.ys-mini{position:absolute;border-radius:11px;box-shadow:0 8px 22px #10251b1c;transform-origin:center}
.ys-mini-note{background:#fcf9e9;width:140px;height:142px;left:calc(50% - 68px);top:40px;z-index:2;transform:rotate(-6deg);padding:15px;color:#334d36}
.ys-mini-label{font-size:6px;letter-spacing:1.7px;font-weight:800}.ys-mini-note>strong{display:block;font-size:18px;line-height:1.4;letter-spacing:-.8px;margin:8px 0 11px}
.ys-mini-note i{height:3px;background:#d1d9c4;width:63%;display:block;margin:6px 0;border-radius:3px}.ys-mini-note i+i{width:43%}.ys-note-check{position:absolute;right:12px;bottom:15px;background:#d0e5a6;border-radius:50%;width:26px;height:26px;text-align:center;font-size:17px}
.ys-mini-symbol{background:#e8ccc5;width:108px;height:101px;left:calc(50% - 167px);top:75px;transform:rotate(-15deg);padding:8px 9px;color:#634b48;text-align:center;z-index:1}
.ys-mini-symbol>span{font-size:27px;line-height:1.4;display:block}.ys-mini-symbol>strong{font-size:15px;display:block;white-space:nowrap}.ys-mini-symbol>small{font-size:5px;letter-spacing:1.5px}
.ys-mini-key{background:#c3d5e5;width:115px;height:104px;left:calc(50% + 60px);top:69px;transform:rotate(13deg);padding:15px 11px;color:#345064;z-index:1}
.ys-mini-key>span{font-size:9px}.ys-mini-key>strong{font-size:27px;font-weight:650;display:flex;align-items:center;gap:14px}.ys-mini-key b{font-size:20px;background:#e9f0f4;border-radius:7px;width:26px;text-align:center}.ys-mini-key>small{font-size:5px;letter-spacing:1.8px}
.ys-concept-label{position:absolute;z-index:3;bottom:7px;right:12px;font-size:6px;letter-spacing:1.2px;color:#344a38;background:#e8efe1d9;padding:3px 7px;border-radius:4px}
.ys-card[data-app="symbols"] .ys-mini-symbol{z-index:3;transform:rotate(6deg) scale(1.15);left:calc(50% - 49px);top:55px}.ys-card[data-app="symbols"] .ys-mini-note{left:calc(50% - 145px);transform:rotate(-13deg) scale(.8)}.ys-card[data-app="symbols"] .ys-art{background:#ecd8d1}
.ys-card[data-app="autocomplete"] .ys-mini-key{z-index:3;transform:rotate(5deg) scale(1.14);left:calc(50% - 45px);top:55px}.ys-card[data-app="autocomplete"] .ys-mini-note{left:calc(50% - 145px);transform:rotate(-13deg) scale(.8)}.ys-card[data-app="autocomplete"] .ys-art{background:#d1e1ea}
.ys-card[data-app="nexus"] .ys-art,.ys-card[data-app="clipboard"] .ys-art{background:#cedbd7}.ys-card[data-app="files"] .ys-art{background:#e5dcbf}.ys-card[data-app="goval"] .ys-art{background:#cebdbc}
.ys-card-body{padding:24px 26px 20px}.ys-eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;font-weight:750;letter-spacing:1.8px;color:var(--yp-muted);margin:0 0 15px;overflow-wrap:anywhere}
.ys-brand-dot{display:grid;place-items:center;width:21px;height:21px;background:var(--yp-soft);border:1px solid var(--yp-line);border-radius:7px;letter-spacing:0;font-size:12px;color:var(--yp-text);flex-shrink:0}
.ys-card .ys-title{font-family:inherit;font-weight:750;font-size:28px;line-height:1.35;letter-spacing:-1.25px;margin:0;color:var(--yp-text);white-space:pre-line;overflow-wrap:anywhere}
.ys-card .ys-description{font-size:12px;line-height:1.9;color:var(--yp-muted);margin:13px 0 20px;white-space:pre-line;overflow-wrap:anywhere}
.ys-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;min-height:46px;background:var(--yp-accent);border:1px solid transparent;border-radius:10px;color:var(--yp-on);text-decoration:none;font-size:12px;font-weight:750;transition:transform .2s ease,filter .2s ease;overflow-wrap:anywhere}
.ys-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}.ys-cta>span[aria-hidden]{font-size:20px;line-height:1}
.ys-publisher{margin:12px 0 0;font-size:9px;text-align:center;color:var(--yp-muted)}.ys-publisher>span{margin:0 5px}
.ys-dismiss-bar{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:6px 15px;border-top:1px solid var(--yp-line);background:var(--yp-soft)}
.ys-dismiss-bar button{min-height:40px;color:var(--yp-muted);background:none;border:0;font:inherit;font-size:10px;padding:8px 6px;cursor:pointer;border-radius:5px;white-space:normal;line-height:1.5}
.ys-dismiss-bar button:hover{color:var(--yp-text);background:var(--yp-bg)}.ys-dismiss-bar button[data-promo-dismiss="close"]{margin-left:auto}
.ys-promo-dialog{padding:0;border:0;background:transparent;color:inherit;width:408px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;border-radius:23px;box-shadow:0 20px 80px #08160e48;z-index:1000;position:fixed;margin:auto;inset:0;font-family:inherit;scrollbar-width:thin;overscroll-behavior:contain}
.ys-promo-dialog:not([open]),.ys-preferences:not([open]){display:none}.ys-promo-dialog[data-position="corner"]{inset:auto 24px 24px auto;margin:0}
.ys-promo-dialog[open]{animation:ys-intro .4s cubic-bezier(.22,1,.36,1)}.ys-promo-dialog::backdrop,.ys-preferences::backdrop{background:#0b170f6b;backdrop-filter:blur(5px)}
.ys-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:1px solid #61746533;background:#fcfff3ed;color:#32483b;font:inherit;font-size:25px;line-height:1;cursor:pointer;z-index:4;display:grid;place-items:center}
.ys-close:hover{background:#fff}.ys-promo-dialog button:focus-visible,.ys-card a:focus-visible,.ys-preferences button:focus-visible,.ys-preferences-trigger:focus-visible{outline:3px solid #79a351;outline-offset:3px}
.ys-promo-modal-open{overflow:hidden!important}
.ys-preferences{position:fixed;inset:0;margin:auto;border:1px solid var(--yp-line);border-radius:20px;max-width:calc(100vw - 32px);width:410px;max-height:calc(100dvh - 40px);padding:27px;z-index:1100;box-shadow:0 20px 80px #08160e48;font-family:inherit;text-align:left;overflow:auto}
.ys-preferences h2{margin:0 0 16px;font-size:22px;letter-spacing:-.8px;color:var(--yp-text)}[data-promo-preference-status]{font-size:12px;line-height:1.8;color:var(--yp-muted);margin:0 0 20px}
.ys-preferences-actions{display:grid;gap:8px}.ys-preferences-actions>button,.ys-prefs-close{min-height:44px;font-family:inherit;font-size:12px;padding:10px 14px;border:1px solid var(--yp-line);border-radius:8px;background:var(--yp-soft);color:var(--yp-text);cursor:pointer;text-align:left}
.ys-preferences-actions>button:hover{border-color:var(--yp-accent)}.ys-preference-note{font-size:10px;line-height:1.85;color:var(--yp-muted);margin:20px 0}.ys-prefs-close{background:var(--yp-accent);color:var(--yp-on);width:100%;text-align:center;font-weight:700}
.ys-preferences-trigger{border:0;background:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:4px;white-space:nowrap}
.site-footer .footer-right{flex-wrap:wrap;justify-content:flex-end}
.ys-feedback{position:fixed;z-index:1200;bottom:18px;left:50%;transform:translateX(-50%);background:#263b2d;color:#f4f9ed;border:1px solid #5a7259;border-radius:10px;padding:12px 18px;font-family:inherit;font-size:12px;max-width:calc(100vw - 32px);width:max-content;text-align:center;box-shadow:0 8px 30px #0002}
.ys-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;border:0!important}
@keyframes ys-intro{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:767px){.ys-promo-dialog,.ys-promo-dialog[data-position="corner"]{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:auto;max-width:430px;margin:0 auto;max-height:calc(100dvh - 30px);border-radius:22px}.ys-card .ys-title{font-size:25px}.ys-card-body{padding:20px 23px 16px}.ys-art{height:160px}.ys-art-caption{font-size:7px;left:23px;top:14px}.ys-mini{translate:0 -8px}.ys-card .ys-description{font-size:12px;margin:12px 0 17px}.ys-eyebrow{font-size:7px;margin-bottom:12px}.ys-dismiss-bar button{font-size:10px;padding:8px 4px}.ys-cta{font-size:12px}.ys-preferences{padding:23px}}
@media(max-height:650px){.ys-promo-dialog .ys-art{height:112px}.ys-promo-dialog .ys-mini{scale:.78;translate:0 -33px}.ys-promo-dialog .ys-art-caption{display:none}.ys-promo-dialog .ys-card-body{padding:17px 22px 14px}.ys-promo-dialog .ys-title{font-size:23px}.ys-promo-dialog .ys-description{margin:9px 0 13px}.ys-promo-dialog .ys-publisher{display:none}}
@media(prefers-reduced-motion:reduce){.ys-promo-dialog[open]{animation:none}.ys-cta{transition:none}.ys-cta:hover{transform:none}}
html.motion-off .ys-promo-dialog[open],body.motion-off .ys-promo-dialog[open]{animation:none}
html[data-motion="off"] .ys-promo-dialog[open]{animation:none}
html[data-motion="off"] .ys-cta{transition:none}
html[data-motion="off"] .ys-cta:hover{transform:none}