/* Ski Rush 3D : page-specific styles (shared: sim3d.css, ski3d.css) */
.sr2-levels { margin-top: 14px; display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 6px; }
.sr2-levels h3, .sr2-upg h3 { grid-column: 1 / -1; margin: 0 0 4px; } .sr2-upg h3 small { font-size: .7em; opacity: .8; margin-left: 6px; }
.sr2-levels button { display: flex; flex-direction: column; align-items: center; padding: 8px 4px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: inherit; cursor: pointer; font: inherit; }
.sr2-levels button b { font-size: 18px; } .sr2-levels button small { font-size: 11px; opacity: .8; }
.sr2-levels button.is-on { border-color: #7dd3fc; background: rgba(14, 165, 233, .16); } .sr2-levels button:disabled { opacity: .45; cursor: not-allowed; }
.sr2-upg { margin-top: 14px; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 6px; }
.sr2-upg button { display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 8px; padding: 8px 10px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: inherit; cursor: pointer; font: inherit; text-align: left; }
.sr2-upg button span { font-size: 22px; } .sr2-upg button em { font-style: normal; font-weight: 900; color: #fde047; } .sr2-upg button:disabled { opacity: .5; cursor: default; }
.sr2-levels button:focus-visible, .sr2-upg button:focus-visible { outline: 3px solid #ffd54a; outline-offset: 1px; }
.sr2-st { font-size: 26px; margin: 4px 0; }