/* Shared upper layout, loaded last by both games. */
.site-header{min-height:54px;padding:10px 24px}.site-header .brand{font-size:24px}.site-header .header-actions{display:flex;gap:10px;align-items:center}.site-header .online{font-size:9px;margin-right:10px;letter-spacing:1px}.site-header .audio-control{display:flex;gap:7px;align-items:center;border:1px solid #3d4153;border-radius:8px;background:#171b27;padding:6px 10px;color:#e0e5ef;font-size:10px;min-height:33px}.audio-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.audio-control .control-state{font-size:8px;color:#bcfa70}.audio-control[aria-pressed=false] .control-state{color:#9aa2b4}.audio-control[aria-pressed=false] svg{opacity:.45}.site-header .icon-button{width:33px;height:33px;font-size:17px}.site-header button:focus-visible{outline:2px solid #bcfa70;outline-offset:3px}body main{padding:14px 24px 0}.game-switch{margin-bottom:10px}.game-switch a{padding:8px 14px;font-size:11px}.intro{margin-bottom:14px;gap:12px;min-height:64px}.intro>div:first-child{min-width:0}.intro .eyebrow{font-size:8px;margin-bottom:7px}.intro h1{font-size:32px}.intro .tagline{font-size:10px;margin-top:7px}.intro .record-card{flex-shrink:0}.intro .record-card strong{font-size:20px;margin:5px 0}.intro .record-card>span{font-size:7px}
.slots-page .site-header{min-height:54px;padding:10px 24px}.slots-page main{padding:14px 24px 0}.slots-page .game-switch{margin-bottom:10px}.slots-page .game-switch a{padding:8px 14px;font-size:11px}.slots-page .intro{min-height:64px;margin-bottom:14px;gap:12px}.slots-page .intro .eyebrow{font-size:8px;margin-bottom:7px}.slots-page .intro h1{font-size:32px}.slots-page .intro .tagline{font-size:10px;margin-top:7px}.slots-page .intro .record-card strong{font-size:20px;margin:5px 0}.slots-page .intro .record-card>span{font-size:7px}
@media(max-width:850px){.site-header,.slots-page .site-header{padding:10px 16px}body main,.slots-page main{padding:12px 16px 0}.site-header .online{display:none}.intro,.slots-page .intro{margin-bottom:12px}.intro h1,.slots-page .intro h1{font-size:28px}.intro .record-card strong,.slots-page .intro .record-card strong{font-size:17px}}
@media(max-width:500px){.site-header,.slots-page .site-header{padding:10px 12px}.site-header .brand{font-size:22px}.brand small{display:none}.site-header .header-actions{gap:5px}.site-header .audio-control{padding:6px;gap:4px;font-size:9px}.audio-control .control-state{display:none}.audio-control svg{width:15px;height:15px}body main,.slots-page main{padding:10px 12px 0}.game-switch a,.slots-page .game-switch a{font-size:10px;padding:8px 11px}.intro,.slots-page .intro{min-height:73px;align-items:flex-start}.intro h1,.slots-page .intro h1{font-size:25px}.intro .eyebrow,.slots-page .intro .eyebrow{font-size:6px;letter-spacing:1.1px}.intro .tagline,.slots-page .intro .tagline{font-size:8px;max-width:205px;line-height:1.5}.intro .record-card,.slots-page .intro .record-card{max-width:85px;padding-top:4px}.intro .record-card>span,.slots-page .intro .record-card>span{font-size:6px}.intro .record-card strong,.slots-page .intro .record-card strong{font-size:14px}.intro .record-card small{display:none}}
@media(max-height:700px){.intro .tagline,.intro .eyebrow,.slots-page .intro .tagline,.slots-page .intro .eyebrow{display:none}.intro,.slots-page .intro{min-height:36px;margin-bottom:9px}.site-header,.slots-page .site-header{min-height:46px;padding-top:6px;padding-bottom:6px}.intro h1,.slots-page .intro h1{font-size:25px}.intro .record-card>span,.slots-page .intro .record-card>span{font-size:6px}.intro .record-card strong,.slots-page .intro .record-card strong{font-size:15px}.intro .record-card small{display:none}.game-switch,.slots-page .game-switch{margin-bottom:8px}}
.site-header .audio-control{min-width:125px;justify-content:center}.audio-control .control-state{min-width:42px;text-align:center}@media(max-width:500px){.site-header .audio-control{min-width:0}.audio-control .control-state{min-width:0}}