/* Rugby Run — page layout + UI styles */
html, body { height: 100%; }
body { margin: 0; overflow: hidden; background: #0f2416; color: #ffffff; font-family: "Barlow Condensed", system-ui, sans-serif; -webkit-tap-highlight-color: transparent; }
#stage-wrap { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
/* the game is authored at 960x640 and scaled to fit the screen */
#stage { width: 960px; height: 640px; transform-origin: center center; flex: none; }
#stage canvas { width: 100% !important; height: 100% !important; }
body{margin:0;font-family:"Barlow Condensed",system-ui,sans-serif;background:#0f2416;color:#ffffff}
a{color:#f2c230}a:hover{color:#ffd966}
.rr:focus{outline:none}
.rr-btn{cursor:pointer;transition:transform .12s ease,filter .12s ease}
.rr-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.rr-btn:active{transform:translateY(1px)}
.rr-btn:focus-visible{outline:3px solid #ffffff;outline-offset:3px}
.rr-btn:disabled{cursor:default;filter:saturate(.3);transform:none}

/* opening title screen: flashing TAP ANYWHERE */
@keyframes rrFlash{0%,100%{opacity:1}50%{opacity:0.15}}
.rr-flash{animation:rrFlash 1.1s ease-in-out infinite}
@keyframes rrFadeOut{from{opacity:1}to{opacity:0}}