:root{--line:#61ceff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;min-height:100%}body{min-height:100svh;font-family:Arial,Helvetica,sans-serif;color:#fff;background:radial-gradient(circle at 50% 0,rgba(0,181,238,.28),transparent 32%),linear-gradient(150deg,#071b69,#03043a 55%,#010119);padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:grid;place-items:center;overflow-x:hidden}.launcher{width:min(980px,100%);position:relative;text-align:center}.account-bar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-bottom:10px;color:#d9efff;font-size:13px}.account-bar a{padding:8px 12px;border:1px solid #5dceff;border-radius:9px;color:#fff;text-decoration:none;font-weight:900}.hero{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,38px);margin:clamp(10px,2vh,24px) 0 clamp(22px,4vh,42px)}.logo-wrap{width:clamp(112px,17vw,190px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #fff,0 0 0 7px #0ae3ff22,0 18px 38px #0008}.logo{display:block;width:100%;height:100%;object-fit:cover}.brand-copy{text-align:left}.brand-copy h1{margin:0;font-size:clamp(38px,6.1vw,70px);font-weight:1000;font-style:italic;letter-spacing:.025em;line-height:.86;text-shadow:0 5px 0 #07105c,0 14px 24px #0008}.brand-copy p{margin:15px 0 0;color:#42dcff;font-size:clamp(12px,1.7vw,19px);font-weight:1000;letter-spacing:.25em}.launcher-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.button{min-height:112px;padding:18px;border:1px solid #6ed7ff;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;text-transform:uppercase;background:linear-gradient(145deg,#2474dc,#07175e);box-shadow:inset 0 1px #ffffff77,0 12px 24px #0005}.button span{font-size:clamp(20px,2.6vw,31px);font-weight:1000;font-style:italic;letter-spacing:.035em;text-shadow:0 3px 0 #07105c}.button small{margin-top:10px;color:#b7efff;font-size:clamp(10px,1.25vw,13px);font-weight:900;letter-spacing:.08em}.button.dynamic{background:linear-gradient(145deg,#36aeea,#1746b5 65%,#071052)}.button.hat{background:linear-gradient(145deg,#32a74a,#075a29)}.button.red{background:linear-gradient(145deg,#ed1234,#70000f)}.button.random{background:linear-gradient(145deg,#8d45e8,#35106e)}.button.race{background:linear-gradient(145deg,#ff9d20,#9d2400 72%,#4b0800)}.button:active{filter:brightness(1.25)}footer{margin-top:clamp(22px,4vh,38px);font-size:12px;font-weight:800;letter-spacing:.04em;color:#dcefff}@media(max-width:760px){body{place-items:start center}.launcher{width:min(640px,100%)}.account-bar{margin-bottom:4px}.hero{gap:18px;margin:16px 0 26px}.logo-wrap{width:clamp(90px,20vw,125px)}.brand-copy h1{font-size:clamp(34px,8.4vw,52px)}.brand-copy p{font-size:clamp(10px,2.4vw,14px);margin-top:11px}.button{min-height:96px;padding:14px}.button span{font-size:clamp(18px,4vw,25px)}.button small{font-size:10px;margin-top:8px}}@media(max-width:520px){body{padding:12px}.account-bar{justify-content:space-between;font-size:11px}.hero{flex-direction:column;gap:12px;margin:10px 0 20px}.logo-wrap{width:88px}.brand-copy{text-align:center}.brand-copy h1{font-size:clamp(34px,12vw,48px);line-height:.88}.brand-copy p{letter-spacing:.18em}.launcher-buttons{grid-template-columns:1fr;gap:11px}.button{min-height:78px;border-radius:14px}.button span{font-size:clamp(20px,6vw,25px)}.button small{font-size:9px}footer{margin-top:18px;font-size:10px}}@media(max-height:720px) and (min-width:521px){.hero{margin:6px 0 18px}.logo-wrap{width:95px}.brand-copy h1{font-size:40px}.launcher-buttons{gap:10px}.button{min-height:80px;padding:10px}footer{margin-top:15px}}
#bmAnnouncement{position:fixed;z-index:99990;top:0;left:0;right:0;min-height:40px;padding:10px 48px 10px 16px;background:linear-gradient(90deg,#00aeea,#1742d1);color:#fff;text-align:center;font:900 13px/1.35 Arial,sans-serif;letter-spacing:.04em;box-shadow:0 5px 18px #0008}#bmAnnouncement button{position:absolute;right:10px;top:4px;width:32px;height:32px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}
@media(max-width:900px){body{display:block}.launcher{margin:0 auto;padding:4px 0}.hero{margin:8px 0 20px}.launcher-buttons{gap:12px}.button{min-height:88px}.account-bar{position:relative;z-index:2}}
@media(max-width:600px){body{min-height:100svh}.launcher{min-height:calc(100svh - 24px);display:flex;flex-direction:column}.account-bar{font-size:10px}.hero{flex-direction:row;align-items:center;gap:12px;margin:10px auto 18px}.logo-wrap{width:70px;flex:0 0 70px}.brand-copy{text-align:left}.brand-copy h1{font-size:clamp(27px,9.2vw,39px);line-height:.88}.brand-copy p{font-size:9px;margin-top:8px}.launcher-buttons{grid-template-columns:1fr;gap:9px}.button{min-height:68px;padding:10px 12px}.button span{font-size:clamp(18px,5.8vw,23px)}.button small{margin-top:5px;font-size:8px}footer{margin-top:auto;padding-top:16px}}
@media(max-width:380px){.hero{gap:9px}.logo-wrap{width:58px;flex-basis:58px}.brand-copy h1{font-size:25px}.button{min-height:62px}}



/* PATCH v9.4 BALL RACE */
.button.race{background:linear-gradient(135deg,#ff7a00,#ffcc00 52%,#10d6ff);border-color:#ffe66d;box-shadow:0 14px 34px rgba(255,143,0,.28)}
.button.race:hover{filter:brightness(1.08)}
@media(max-width:640px){.launcher-buttons{gap:10px}.button.race{min-height:68px}}
.button.race{background:linear-gradient(135deg,#ff9a22,#ef2c71 52%,#8238ff);border-color:#ffd28a}.button.race:hover{filter:brightness(1.1)}
.empty-games{margin:18px auto;padding:18px;border:1px solid #55d8ff;border-radius:14px;background:#07104fcc;text-align:center;font-weight:800}