.preview-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
#preview-toggle{font:inherit;font-size:13px;line-height:1.4;color:#dce9d0;background:#202c1e;border:1px solid #607553;border-radius:30px;padding:9px 15px;cursor:pointer;white-space:nowrap}
#preview-toggle:hover{background:#2b3b25;border-color:#b8f045}
button:focus-visible{outline:3px solid #b8f045;outline-offset:5px}
.game{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.button{display:inline-block;transition:transform .18s ease,filter .18s ease}
.hero{position:relative}
.hero:before{content:'';position:absolute;inset:0 -70px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 35%,#b8f0140d,transparent 65%)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.game:hover{transform:translateY(-4px);border-color:var(--game-accent);box-shadow:0 16px 40px #0003}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}}
@media(max-width:600px){.preview-controls{justify-content:flex-start;gap:12px;margin-top:14px}.section-title .preview-controls p{margin:0}.hero:before{inset:0}}
@media(prefers-reduced-motion:reduce){.game,.button{transition:none}}