.beat-store .genre-game{margin:56px auto;padding:28px;border:1px solid #304637;border-top:3px solid #a5f326;border-radius:8px;background:#0b1712;color:#fafafa;scroll-margin-top:24px;max-width:1120px;width:calc(100% - 48px)}
.genre-game *{box-sizing:border-box}
.genre-game [hidden]{display:none!important}
.genre-game .genre-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.genre-game h2{font-family:SirhozSans,Arial,sans-serif!important;font-size:clamp(26px,4vw,38px);letter-spacing:-1px;color:#fafafa;margin:6px 0}
.genre-game .genre-kicker{font-size:12px;letter-spacing:2px;color:#bdbdbd;margin:0}
.genre-game .genre-best{font-size:14px;color:#bbb;white-space:nowrap;border:1px solid #304637;border-radius:5px;padding:10px 14px}
.genre-game p{line-height:1.65;font-size:16px;color:#bdbdbd;max-width:780px}
.genre-game button{font:inherit;font-size:16px!important;border:1px solid #484848;border-radius:5px;padding:13px 20px;min-height:48px;cursor:pointer;color:#fff;background:#14271e;text-transform:none;letter-spacing:0}
.genre-game button:hover:not(:disabled){background:#343434;border-color:#999}
.genre-game button:focus-visible{outline:2px solid #bafa80;outline-offset:4px}
.genre-game .genre-primary{background:#a5f326;border-color:#a5f326}
.genre-game .genre-primary:hover:not(:disabled){background:#a5f326;border-color:#a5f326}
.genre-game .genre-stats{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#bbb}
.genre-game progress{width:100%;height:6px;appearance:none;border:0;background:#263d2c;accent-color:#a5f326;border-radius:4px;margin:16px 0 8px}
.genre-game progress::-webkit-progress-bar{background:#263d2c;border-radius:4px}.genre-game progress::-webkit-progress-value{background:#a5f326;border-radius:4px}.genre-game progress::-moz-progress-bar{background:#a5f326}
.genre-game h3{font-family:SirhozSans,Arial,sans-serif!important;font-size:clamp(20px,3vw,26px);line-height:1.45;color:#fff;max-width:850px;margin:16px 0 24px;letter-spacing:0}
.genre-game .genre-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.genre-game .genre-option{display:flex;align-items:center;gap:15px;text-align:left}
.genre-game .genre-letter{font-size:13px;background:#161616;border:1px solid #494949;width:30px;height:30px;display:grid;place-items:center;border-radius:4px;flex-shrink:0}
.genre-game button:disabled{cursor:default;opacity:.55}
.genre-game button.is-correct{border-color:#98bea8;background:#24352b;opacity:1}
.genre-game button.is-wrong{border-color:#a5f326;background:#304b28;opacity:1}
.genre-game .genre-feedback{min-height:26px;margin:20px 0;color:#eee}
.genre-game .genre-feedback.is-correct{color:#b4d6c1}
.genre-game #genre-final{font-size:48px;color:#fff;font-weight:700;margin:8px 0}
@media(max-width:600px){.beat-store .genre-game{width:calc(100% - 24px);padding:20px 16px}.genre-game .genre-head{flex-direction:column;gap:6px}.genre-game .genre-options{grid-template-columns:1fr}.genre-game .genre-best{margin:0}.genre-game button{width:100%}}
