/* Landing-page to play-page transition. */
.page-transition{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:radial-gradient(circle at center,#3165e8 0 8%,#11275e 46%,#090f24 100%);color:#fff;transform:translateY(105%);transition:transform .46s cubic-bezier(.65,0,.25,1);pointer-events:none;overflow:hidden}.page-transition:before,.page-transition:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.18);border-radius:50%;animation:desk-rings 1.4s ease-out infinite}.page-transition:before{width:min(82vw,600px);height:min(82vw,600px)}.page-transition:after{width:min(48vw,350px);height:min(48vw,350px);animation-delay:.3s}.page-transition.is-active{transform:translateY(0)}.page-transition>div{position:relative;z-index:1;display:grid;gap:10px;place-items:center;text-align:center;font-family:Fredoka,sans-serif}.page-transition span,.page-transition small{font:700 10px "DM Mono",monospace;letter-spacing:1.4px}.page-transition b{font:76px "Permanent Marker",cursive;color:var(--yellow);line-height:.8;text-shadow:4px 4px 0 var(--red)}@keyframes desk-rings{0%{transform:scale(.45);opacity:0}40%{opacity:1}100%{transform:scale(1.15);opacity:0}}
.arena-page-bar{display:none;max-width:720px;margin:0 auto 21px;align-items:center;justify-content:space-between;gap:14px;color:var(--ink);text-align:left}.arena-page-bar button{border:2px solid var(--ink);background:#fffdf5;box-shadow:2px 2px 0 var(--ink);padding:9px 11px;font:700 9px "DM Mono",monospace;cursor:pointer;white-space:nowrap}.arena-page-bar button:hover{background:var(--yellow);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.arena-page-bar p{margin:0;display:grid;gap:2px;text-align:center;line-height:1}.arena-page-bar span{font:700 8px "DM Mono",monospace;letter-spacing:1px}.arena-page-bar b{font:16px Fredoka,sans-serif}
body.play-view{background:var(--blue)}body.play-view .hero,body.play-view .how-section,body.play-view .memory-banner,body.play-view footer{display:none}body.play-view .arena-section{min-height:calc(100vh - 76px);padding-top:38px}body.play-view .arena-page-bar{display:flex}body.play-view .topbar{position:sticky;top:0;z-index:20}body.play-view .topbar .how-link{display:none}
@media(max-width:700px){.page-transition b{font-size:61px}.arena-page-bar{margin:0 0 17px;gap:7px}.arena-page-bar button{min-height:42px;padding:8px 7px;font-size:8px}.arena-page-bar b{font-size:13px}.arena-page-bar span{font-size:7px}body.play-view .arena-section{min-height:calc(100svh - 58px - env(safe-area-inset-top));padding-top:25px}}
@media(prefers-reduced-motion:reduce){.page-transition,.page-transition:before,.page-transition:after{animation:none;transition-duration:.01ms}}