:root{color-scheme:dark;background:#101713;color:#f1f8ef;font:16px system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0}a{color:#baff65;text-decoration:none}a:hover{text-decoration:underline}
header,.toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#18221b;padding:14px clamp(12px,4vw,48px);border-bottom:1px solid #2d3b30}
header a{font-size:1.2rem;font-weight:800}header span{color:#b9c9ba}main{max-width:1120px;margin:auto;padding:24px 16px 48px}h1{font-size:clamp(2.2rem,6vw,4rem);margin:0 0 8px}p{color:#bcc9bd;max-width:68ch;line-height:1.5}
#games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px}.card{background:#19241d;border:1px solid #354238;border-radius:12px;padding:16px}.card h2{font-size:1.05rem;margin:0 0 8px}.card p{font-size:.9rem;margin:0 0 12px;min-height:1.4em}.actions{display:flex;gap:8px;flex-wrap:wrap}
button,.play{font:inherit;font-weight:650;border-radius:7px;padding:7px 11px;border:1px solid #586d55;background:#25382b;color:#f1f8ef;cursor:pointer}.play{background:#baff65;color:#122114;border-color:#baff65}button:disabled{cursor:default;opacity:.55}
#player{height:100dvh;background:#101713}body:has(#player:not([hidden])) header{display:none}#player:not([hidden]){display:flex;flex-direction:column}iframe{display:block;flex:1;width:100%;border:0;min-height:0}.toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar a,.toolbar button{flex-shrink:0}
.card:target{border-color:#baff65;outline:2px solid #baff65;outline-offset:2px}