#game-suggestion{padding:0;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 24px 100px #0009}
#game-suggestion::backdrop{background:#070915b8;backdrop-filter:blur(6px)}
#suggestion-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--bg)}
.suggestion-content{padding:26px}.suggestion-content .eyebrow{margin:0 0 12px;font-size:.72rem}.suggestion-content h2{font-size:2rem;margin:0 0 14px;line-height:1.12}.suggestion-content>p:not(.eyebrow){color:var(--muted);margin:0 0 22px}.suggestion-content .button{width:100%}
.suggestion-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff50;border-radius:50%;color:white;background:#10111bea;font-size:1.7rem;cursor:pointer}
.suggestion-dismiss{display:block;width:100%;margin-top:12px;padding:12px;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}.suggestion-dismiss:hover{background:#ffffff09}.suggestion-content small{display:block;text-align:center;color:var(--muted);font-size:.73rem;margin-top:14px}
#game-suggestion button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}body:has(#game-suggestion[open]){overflow:hidden}
@media(max-height:650px){#suggestion-image{max-height:140px;object-fit:cover}.suggestion-content{padding:20px}.suggestion-content h2{font-size:1.65rem}}