.logo-button { padding:0; border:0; background:transparent; color:inherit; cursor:pointer; width:min(100%,495px); border-radius:8px; }
.logo-button .logo { width:100%; }
button:focus-visible { outline:2px solid #fff; outline-offset:6px; }
#wolf-game { width:min(860px,calc(100% - 24px)); max-height:calc(100svh - 24px); overflow:auto; padding:24px; border:1px solid #444; border-radius:12px; background:#080808; color:#eee; font-family:ui-monospace,'Courier New',monospace; box-shadow:0 24px 100px #000; }
#wolf-game::backdrop { background:rgb(0 0 0 / .88); }
.game-header,.scoreboard,.game-actions { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.game-header h2 { font-size:12px; letter-spacing:.2em; margin:0; }
#wolf-game button { background:#151515; border:1px solid #555; color:#fff; border-radius:6px; padding:12px 18px; cursor:pointer; font:inherit; }
#wolf-game #close-game { border:0; padding:8px 12px; }
.scoreboard { margin-top:22px; font-size:12px; letter-spacing:.1em; }
#best { color:#888; }
#game { display:block; width:100%; height:auto; touch-action:none; image-rendering:pixelated; }
#game-status { text-align:center; min-height:2.5em; font-size:12px; color:#bbb; line-height:1.6; }
.game-actions { justify-content:center; }
.game-help { color:#777; text-align:center; font-size:9px; line-height:1.8; letter-spacing:.08em; margin-top:20px; }
[hidden] { display:none !important; }
@media(max-width:600px) { #wolf-game { padding:16px; } .scoreboard { font-size:10px; } }