
.sr-play-now{margin-top:1.3rem;min-height:58px;font-size:1.15rem!important;padding:1rem 2rem!important}
.sr-quick-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#29414c;padding-top:1px;padding-bottom:1px}
.sr-quick-nav a{display:flex;gap:.8rem;align-items:center;padding:1.2rem .8rem;background:#07151e;color:#effcff;font:800 .76rem/1.3 var(--sans,Arial);text-decoration:none}
.sr-quick-nav a:hover,.sr-quick-nav a:focus-visible{background:#c9f5fa;color:#07151e}
.sr-quick-nav span{color:#729ca7;font-size:.6rem}
.sr-game-intro{display:grid;grid-template-columns:1fr 220px;gap:2rem;padding:clamp(1.4rem,3vw,3rem);background:radial-gradient(ellipse at right,#153641,#030d16 70%);border:1px solid #3b697b}
.sr-game-intro h3{font-size:clamp(1.8rem,4vw,3.5rem);line-height:1.04;margin:.4rem 0 1rem}
.sr-game-intro p{color:#c3dbe4;font-size:1rem;line-height:1.5}
.sr-game-intro ol{display:grid;gap:1rem;margin:1.4rem 0;padding-left:1.4rem}
.sr-game-intro li{padding-left:.35rem;color:#9ce7f4}
.sr-game-intro li b{display:block;font-size:.95rem;letter-spacing:.06em;color:white}
.sr-game-intro li span{display:block;font-size:.93rem;line-height:1.5;color:#c3dbe4;margin-top:.3rem}
.sr-game-intro img{width:100%;height:auto;align-self:center;filter:drop-shadow(0 0 22px #88dbea55)}
.sr-game-intro .button{min-height:58px;min-width:230px;font-size:1.15rem}
.sr-game-intro[hidden],#cave-game[hidden],#cave-dialog .cave-toolbar[hidden],#cave-dialog .touch-controls[hidden]{display:none!important}
#cave-game:not([hidden]){display:block}
#cave-dialog .touch-controls button{min-height:48px;min-width:48px}
@media(max-width:900px){.sr-quick-nav{grid-template-columns:repeat(3,1fr)}.sr-game-intro{grid-template-columns:1fr 150px;gap:1rem}}
@media(max-width:600px){.sr-quick-nav{grid-template-columns:repeat(2,1fr)}.sr-game-intro{grid-template-columns:1fr}.sr-game-intro img{display:none}.sr-game-intro .button{width:100%}.sr-game-intro p,.sr-game-intro li span{font-size:.91rem}#cave-dialog .cave-toolbar>div{display:flex;gap:.4rem;flex-wrap:wrap}}

/* Keep decorative frost and rotated strips inside the viewport. */
html,body{overflow-x:clip}
#hero-heading:focus{outline:none}
