:root{--y:#ff8fa3;--bg:#2b1a1f;--c:#3a2329}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fbeee6;font:17px/1.65 system-ui,Arial,sans-serif}
header{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:14px 20px;background:#1e1115;border-bottom:3px solid var(--y)}
.logo{color:var(--y);font-weight:800;font-size:1.3em;text-decoration:none}.logo span{color:#fff;margin-left:4px}nav a{color:#fbeee6;margin:0 8px;text-decoration:none}nav a:hover{color:var(--y)}
main{max-width:860px;margin:auto;padding:20px}h1,h2{color:var(--y)}a{color:var(--y)}
.hero{text-align:center;padding:40px 16px;background:repeating-linear-gradient(90deg,#2a2610 0 40px,#25220e 40px 80px);border:2px solid #6b3d47;border-radius:10px}.lead{font-size:1.15em}
.play{display:inline-block;background:var(--y);color:#111;font-weight:800;padding:14px 28px;border-radius:8px;text-decoration:none;font-size:1.1em}.play:hover{background:#ffc2cd}
table{border-collapse:collapse;width:100%}td{border:1px solid #6b3d47;padding:8px}kbd{background:var(--c);border:1px solid var(--y);border-radius:4px;padding:1px 7px;margin:1px}
details{background:var(--c);border-left:4px solid var(--y);margin:8px 0;padding:10px 14px;border-radius:4px}summary{cursor:pointer;font-weight:700}
footer{text-align:center;font-size:.85em;color:#c7a9ae;padding:24px;border-top:1px solid #6b3d47;margin-top:40px}.game{margin:0 0 16px}.frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:700px){.frame{aspect-ratio:3/4}}.credit{font-size:.9em;text-align:center}