:root{--y:#e8d44d;--bg:#14130b;--c:#1f1d10}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eee6b8;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:#0d0c06;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:#eee6b8;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 #4a4318;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:#fff27a}
table{border-collapse:collapse;width:100%}td{border:1px solid #4a4318;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:#a39d78;padding:24px;border-top:1px solid #4a4318;margin-top:40px}