@media (min-width:701px) and (pointer:fine){.site-template:has(>.site-template-book>.play-page){height:100dvh;min-height:0;overflow:hidden}.site-template:has(>.site-template-book>.play-page)>.site-template-book{height:calc(100dvh - 24px);min-height:0;overflow:hidden}.site-template-book>.play-page{flex-direction:column;height:100%;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.site-template-book>.play-page>.site-header{z-index:auto;flex:none;grid-template-columns:minmax(190px,.9fr) minmax(0,1.8fr) minmax(360px,1.4fr) auto;grid-template-areas:"brand nav play-controls account";gap:8px;margin-bottom:8px;padding:6px 10px;display:grid}.site-template-book>.play-page:has(.active-play-stage)>.site-header{grid-template-columns:minmax(190px,.9fr) minmax(0,2.6fr) auto;grid-template-areas:"brand nav account"}.site-template-book>.play-page:has(.active-play-stage) .site-play-controls{display:none}.site-template-book>.play-page .site-play-controls{grid-area:play-controls;min-width:0}.site-template-book>.play-page .site-play-controls .queue-panel,.site-template-book>.play-page .site-play-controls .player-controls-dock{align-items:center;gap:8px;min-width:0;height:auto;display:flex}.site-template-book>.play-page .site-play-controls :is(.queue-actions-panel,.queue-position-panel){min-width:0;box-shadow:none;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0;display:flex}.site-template-book>.play-page .site-play-controls .queue-actions-panel>div:first-child{align-items:center;min-width:0;display:flex}.site-template-book>.play-page .site-play-controls :is(.label,.queue-state,.desktop-control-copy,.mobile-control-copy){display:none}.site-template-book>.play-page .site-play-controls .queue-panel.active .desktop-control-copy{white-space:nowrap;margin:0;font-size:12px;display:block}.site-template-book>.play-page .site-play-controls .queue-name-field{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.site-template-book>.play-page .site-play-controls .queue-name-field input{width:clamp(110px,10vw,170px);min-width:0;height:38px}.site-template-book>.play-page .site-play-controls .queue-primary-action button{white-space:nowrap;min-width:98px;min-height:38px}.site-template-book>.play-page .site-play-controls .queue-position-panel .value{overflow-wrap:normal;white-space:nowrap;margin:0;font-size:14px}.site-template-book>.play-page .site-play-controls .auth-error{margin:0;font-size:12px}.site-template-book>.play-page .player-page-content{flex:auto;min-height:0;display:block;overflow:hidden}.site-template-book>.play-page .game-layout{grid-template:"stage"minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;height:100%;min-height:0;margin:0 auto;display:grid;overflow:hidden;container-type:size}.site-template-book>.play-page .game-layout>.stage{aspect-ratio:16/9;place-self:center;width:min(100cqw,177.778cqh);min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%}.site-template-book>.play-page :is(.player-watch-stage,.immediate-player-game){aspect-ratio:auto;border:0;border-radius:0;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;margin:0}.site-template-book>.play-page :is(.player-watch-stage .watch-iframe,.player-watch-stage .watch-placeholder,.immediate-player-game>.canvas-shell){width:100%;height:100%}}@media (min-width:701px) and (max-width:1500px) and (pointer:fine){.site-template-book>.play-page>.site-header{grid-template-columns:minmax(190px,1fr) auto auto;grid-template-areas:"brand menu account""play-controls play-controls play-controls"}.site-template-book>.play-page:has(.active-play-stage)>.site-header{grid-template-columns:minmax(190px,1fr) auto auto;grid-template-areas:"brand menu account"}}@media (max-width:1024px) and (orientation:landscape) and (pointer:coarse){html:has(.play-page){width:100%;height:100%;min-height:0;overflow:hidden}body:has(.play-page){width:100%;height:100%;min-height:0;overflow:hidden}.root-content:has(.play-page){width:100%;height:100%;min-height:0;overflow:hidden}.site-template:has(>.site-template-book>.play-page){display:contents}.site-template:has(>.site-template-book>.play-page)>.site-template-book{display:contents}.site-template-book>.play-page{width:100%;height:100dvh;min-height:0;padding:max(2px, env(safe-area-inset-top)) max(2px, env(safe-area-inset-right)) max(2px, env(safe-area-inset-bottom)) max(2px, env(safe-area-inset-left));flex-direction:column;display:flex;overflow:hidden;background:#020617!important}.site-template-book>.play-page>.site-header{z-index:20;border-radius:8px;flex:0 0 48px;grid-template-columns:36px minmax(0,1fr) auto auto;grid-template-areas:"brand play-controls account menu";align-items:center;gap:4px;height:48px;min-height:48px;margin:0 0 2px;padding:3px 4px;display:grid}.site-template-book>.play-page>.site-header .site-brand{width:34px}.site-template-book>.play-page>.site-header .site-brand-porthole{width:34px;height:34px}.site-template-book>.play-page>.site-header .site-brand>span:last-child,.site-template-book>.play-page>.site-header .site-nav-desktop,.site-template-book>.play-page .site-play-controls :is(.label,.queue-state,.desktop-control-copy,.mobile-control-copy,.queue-name-field>span),.site-template-book>.play-page .active-play-controls{display:none}.site-template-book>.play-page>.site-header .site-nav-mobile{width:auto;display:block;position:relative}.site-template-book>.play-page>.site-header .site-nav-mobile summary{text-align:center;white-space:nowrap;min-width:42px;min-height:36px;padding:0 7px;font-size:11px;line-height:34px}.site-template-book>.play-page>.site-header .site-nav-mobile-default-label{display:none}.site-template-book>.play-page>.site-header .site-nav-mobile-play-label{display:inline}.site-template-book>.play-page>.site-header .site-nav-mobile-links{z-index:30;border:1px solid var(--line);background:#03191ffa;border-radius:8px;width:min(290px,88vw);padding:7px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 18px 42px #00000073}.site-template-book>.play-page>.site-header .site-account{flex-wrap:nowrap;gap:3px;display:flex}.site-template-book>.play-page>.site-header .site-account>span{display:none}.site-template-book>.play-page>.site-header .site-account :is(.site-nav-link,button){white-space:nowrap;min-height:34px;padding:0 6px;font-size:10px}.site-template-book>.play-page .site-play-controls,.site-template-book>.play-page .site-play-controls .queue-panel,.site-template-book>.play-page .site-play-controls .player-controls-dock{align-items:center;gap:4px;min-width:0;height:100%;display:flex;overflow:hidden}.site-template-book>.play-page .site-play-controls :is(.queue-actions-panel,.queue-position-panel){min-width:0;height:100%;box-shadow:none;background:0 0;border:0;align-items:center;gap:4px;margin:0;padding:0;display:flex}.site-template-book>.play-page .site-play-controls .queue-actions-panel>div:first-child{align-items:center;min-width:0;display:flex}.site-template-book>.play-page .site-play-controls .queue-name-field{min-width:0;display:block}.site-template-book>.play-page .site-play-controls .queue-name-field input{width:clamp(64px,12vw,104px);height:36px;min-height:36px;padding:0 7px;font-size:13px}.site-template-book>.play-page .site-play-controls .queue-primary-action button{white-space:nowrap;min-width:82px;height:36px;min-height:36px;padding:0 7px;font-size:12px}.site-template-book>.play-page .site-play-controls .queue-position-panel{max-width:92px}.site-template-book>.play-page .site-play-controls .queue-position-panel .value{text-overflow:ellipsis;white-space:nowrap;max-width:92px;margin:0;font-size:11px;line-height:1.1;display:block;overflow:hidden}.site-template-book>.play-page .site-play-controls .auth-error,.site-template-book>.play-page .site-play-controls .queue-notice{text-overflow:ellipsis;white-space:nowrap;max-width:110px;margin:0;font-size:10px;line-height:1.1;overflow:hidden}.site-template-book>.play-page .player-page-content,.site-template-book>.play-page .game-layout,.site-template-book>.play-page .game-layout>.stage{border:0;border-radius:0;flex:auto;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:0}.site-template-book>.play-page .player-page-content{display:block;overflow:hidden}.site-template-book>.play-page .game-layout{grid-template:"stage"minmax(0,1fr)/minmax(0,1fr);display:grid;overflow:hidden;container-type:size}.site-template-book>.play-page .game-layout>.stage{aspect-ratio:auto;place-items:center;display:grid;position:relative;overflow:hidden}.site-template-book>.play-page :is(.player-watch-stage,.immediate-player-game){aspect-ratio:16/9;border:2px solid #56371c;border-radius:8px;width:min(100cqw,177.778cqh);min-width:0;max-width:100%;height:min(100cqh,56.25cqw);min-height:0;max-height:100%;margin:0}.site-template-book>.play-page .mobile-joystick{left:max(calc(env(safe-area-inset-left) + 4px), calc((100cqw - min(100cqw, 177.778cqh)) / 4 - 43px));bottom:max(calc(env(safe-area-inset-bottom) + 4px), calc(50% - 43px))}.site-template-book>.play-page .hud-records-top{gap:5px;top:6px;left:8px;right:8px}.site-template-book>.play-page .hud-records-top .hud-record{flex:1 1 0;min-width:0;padding:4px 6px}.site-template-book>.play-page .hud-records-top :is(.label,.value,.record-name),.site-template-book>.play-page .hud-video-bottom :is(.label,.value){margin:0;line-height:1.05}.site-template-book>.play-page .hud-records-top .label,.site-template-book>.play-page .hud-video-bottom .label{font-size:9px}.site-template-book>.play-page .hud-records-top .value,.site-template-book>.play-page .hud-video-bottom .value{font-size:18px}.site-template-book>.play-page .hud-records-top .record-name{max-width:none;font-size:10px}.site-template-book>.play-page .hud-video-bottom{justify-content:center;gap:5px;width:calc(100% - 16px);bottom:6px}.site-template-book>.play-page .hud-video-bottom .hud-item{flex:1 1 0;min-width:0;padding:4px 6px}.site-template-book>.play-page .hud-video-bottom .hud-lives{min-width:0}.site-template-book>.play-page .hud-video-bottom .life-hearts{gap:2px;min-height:26px}.site-template-book>.play-page .hud-video-bottom .life-heart{width:27px;height:25px}.site-template-book>.play-page .hud-video-bottom .life-heart-shape{font-size:32px;inset:-5px 0 0}.site-template-book>.play-page .hud-video-bottom .life-turtle{font-size:13px}.site-template-book>.play-page .hud-record-celebration{width:72%;min-width:0;top:50%}.site-template-book>.play-page .hud-record-celebration p{font-size:clamp(20px,5vw,30px)}.site-template-book>.play-page .hud-record-celebration strong{font-size:clamp(15px,3.5vw,20px)}.site-template-book>.play-page .hud-record-celebration span{font-size:clamp(10px,2.4vw,14px)}}@media (max-width:700px) and (orientation:landscape) and (pointer:coarse){.site-template-book>.play-page .mobile-joystick{left:max(calc(env(safe-area-inset-left) + 4px), calc((100cqw - min(100cqw, 177.778cqh)) / 4 - 36px));bottom:max(calc(env(safe-area-inset-bottom) + 4px), calc(50% - 36px));width:72px;height:72px}}