/* Hobby Horsing styles */
:root{--bg:#04050a;--neon1:#7c5cff;--neon2:#00d4ff;--accent:#ff58c8;--muted:#99b8d1}
*{box-sizing:border-box;margin:0;padding:0}
.body-top{ }
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,#03040a,#071021);color:#eaf6ff;display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding-top:20px}
.game-wrap{width:960px;max-width:95%;padding:14px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);box-shadow:0 18px 60px rgba(2,6,23,0.6);border:1px solid rgba(255,255,255,0.03)}
/* constrain header logo coming from site header */
.brand .logo{height:40px;max-height:40px;transform:none}

/* simple top button for returning to homepage */
.game-top{position:fixed;top:12px;left:12px;z-index:90}
.game-top .btn{padding:0.45rem 0.75rem;font-size:0.95rem;border-radius:8px}
.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.game-header h1{font-size:1.2rem;color:var(--neon1);text-shadow:0 10px 30px rgba(124,92,255,0.08)}
.back{color:var(--muted);text-decoration:none;margin-right:8px}
.score{color:var(--muted);font-weight:700}
#gameCanvas{width:100%;height:auto;background:#05060c;border-radius:8px;display:block;margin:0 auto;box-shadow:0 12px 40px rgba(0,0,0,0.6)}
.controls{display:flex;gap:12px;justify-content:center;padding:10px;align-items:center}
.btn{background:linear-gradient(90deg,var(--neon1),var(--neon2));border:none;color:#021;padding:.55rem .9rem;border-radius:10px;cursor:pointer;font-weight:800}
.hs{color:var(--muted);font-weight:700}
.game-footer{color:var(--muted);text-align:center;padding:8px;font-size:.95rem;margin-top:6px}

/* preview cover shown before starting the game */
.preview{position:relative;width:100%;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0.35));display:block}
.preview img{width:100%;height:auto;display:block;object-fit:cover}
.preview-play{position:absolute;right:18px;bottom:18px;padding:12px 16px;border-radius:12px;font-weight:900;box-shadow:0 18px 60px rgba(124,92,255,0.16)}

@media (max-width:520px){.game-wrap{padding:10px}}