@media (min-width:1024px) and (min-height:521px) and (orientation:landscape){.classic-app[data-phase=match]{--dk-panel:clamp(360px, 29vw, 460px);--dk-gap:clamp(18px, 2.2vw, 36px);--dk-board:min(calc(100dvh - 36px), calc(100vw - var(--dk-panel) - var(--dk-gap) - 48px), 1040px);--dk-gutter:max(16px, calc((100vw - var(--dk-board) - var(--dk-gap) - var(--dk-panel)) / 2));padding-block:0}.classic-app[data-phase=match] .classic-bottom-nav{display:none!important}.classic-app[data-phase=match]>.classic-phone-stage{border-inline:0;width:100%;max-width:none;height:100dvh;min-height:0}.classic-app[data-phase=match] .classic-screen.classic-match{grid-template-columns:var(--dk-board) var(--dk-panel);place-content:center;column-gap:var(--dk-gap);grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;grid-template-areas:"board header""board duel""board note""board assist""board history""board rack""board actions";height:100dvh;min-height:0;padding:18px 0;display:grid;overflow:hidden}.classic-app[data-phase=match] .classic-match>*{grid-area:1/1/-1/-1}.classic-app[data-phase=match] .classic-match>.classic-match-header{grid-area:header;min-height:0;padding:0 0 8px}.classic-app[data-phase=match] .classic-match>.classic-duel{grid-area:duel;margin:0 0 8px}.classic-app[data-phase=match] .classic-match>.classic-turn-note{grid-area:note;margin:0}.classic-app[data-phase=match] .classic-match>.classic-board-wrap.framed{width:var(--dk-board);grid-area:board;place-self:center;max-width:100%;margin:0}.classic-app[data-phase=match] .classic-match>.classic-rack-zone{grid-area:rack;padding:8px 0}.classic-app[data-phase=match] .classic-match>.classic-match-actions{grid-area:actions;grid-template-columns:repeat(4,56px) minmax(0,1fr);gap:8px;min-height:64px;padding-inline:0}.classic-app[data-phase=match] .classic-match-header .classic-brand-word{font-size:30px}.classic-app[data-phase=match] .classic-match-header>.classic-menu-button{width:48px;height:48px;font-size:20px}.classic-app[data-phase=match] .classic-duel{gap:6px 8px;padding:8px 12px 10px}.classic-app[data-phase=match] .classic-duel-player>.classic-character,.classic-app[data-phase=match] .classic-duel-player>.classic-character-wrap>.classic-character{width:46px!important;height:46px!important}.classic-app[data-phase=match] .classic-duel-player>p small{font-size:13px}.classic-app[data-phase=match] .classic-duel-player>p b{font-size:16px}.classic-app[data-phase=match] .classic-duel-score strong{font-size:36px}.classic-app[data-phase=match] .classic-duel-score i{font-size:28px}.classic-app[data-phase=match] .classic-duel-clock time{white-space:nowrap;font-size:clamp(17px,1.5vw,22px)}.classic-app[data-phase=match] .classic-turn-note{min-height:34px;font-size:14px}.classic-app[data-phase=match] .classic-turn-note b{font-size:15px}.classic-app[data-phase=match] .classic-turn-note>small{font-size:12px}.classic-app[data-phase=match] .classic-game-board .classic-cell>small{font-size:calc(var(--dk-board) / 15 * .25)}.classic-app[data-phase=match] .classic-game-board .classic-cell.bonus-center:not(.occupied)>small{font-size:calc(var(--dk-board) / 15 * .46)!important}.classic-app[data-phase=match] .classic-match .classic-rack-rail{gap:4px;height:auto;padding:6px 8px}.classic-app[data-phase=match] .classic-rack-rail>button{width:calc(12.5% - 3.5px)}.classic-app[data-phase=match] .classic-match-actions>button:not(.confirm){width:56px;height:56px}.classic-app[data-phase=match] .classic-match-actions>button>span{font-size:12px}.classic-app[data-phase=match] .classic-match-actions i{font-size:20px}.classic-app[data-phase=match] .classic-match-actions .confirm{min-width:0;min-height:58px}.classic-app[data-phase=match] .classic-match-actions .confirm b{font-size:17px}.classic-app[data-phase=match] .classic-match-actions .confirm small{font-size:12px}.classic-app[data-phase=match] .classic-match-actions button{cursor:pointer}.classic-app[data-phase=match] .classic-match-actions button:disabled{cursor:default}.classic-app[data-phase=match] .classic-match>.classic-connection-banner{top:76px;left:auto;right:var(--dk-gutter);width:var(--dk-panel);translate:none}.classic-app[data-phase=match] .classic-match>.classic-connection-banner.opponent{top:134px}.classic-app[data-phase=match] .classic-match>.classic-emote-picker{top:74px;right:var(--dk-gutter)}.classic-app[data-phase=match] .classic-cell{cursor:pointer}}@media (min-width:1024px) and (min-height:521px) and (max-height:700px) and (orientation:landscape){.classic-app[data-phase=match] .classic-screen.classic-match{padding-block:10px}.classic-app[data-phase=match]{--dk-board:min(calc(100dvh - 20px), calc(100vw - var(--dk-panel) - var(--dk-gap) - 48px))}.classic-app[data-phase=match] .classic-duel-player>.classic-character,.classic-app[data-phase=match] .classic-duel-player>.classic-character-wrap>.classic-character{width:38px!important;height:38px!important}.classic-app[data-phase=match] .classic-duel-score strong{font-size:30px}}@media (min-width:1024px) and (min-height:521px) and (orientation:landscape){.classic-app:not([data-phase=match]){--dk-stage:min(1180px, calc(100vw - 2 * var(--mbp-rail-w,0px) - 64px))}.classic-app[data-phase=hub]{padding-block:0}.classic-app[data-phase=hub]>.classic-phone-stage{width:var(--dk-stage);max-width:none;min-height:100dvh;box-shadow:none;background:0 0;border-inline:0}.classic-app[data-phase=hub] .classic-screen.classic-hub.has-topbar{--hub-board:clamp(240px, min(calc(100dvh - 400px), calc(var(--dk-stage) * .5 - 150px)), 460px);height:100dvh;min-height:0;padding:0 0 max(20px, calc(90px - var(--mbp-rail-w,0px)));grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.1fr) minmax(380px,1fr);align-content:stretch;gap:12px clamp(28px,3.5vw,56px)}.classic-app[data-phase=hub] .classic-hub>*{grid-column:2}.classic-app[data-phase=hub] .classic-hub>.mbp-topbar{grid-area:1/1/auto/-1}.classic-app[data-phase=hub] .classic-hub>.classic-brand{grid-area:2/1}.classic-app[data-phase=hub] .classic-hub>.classic-board-scene{grid-area:3/1/11}.classic-app[data-phase=hub] .classic-hub>.classic-hero-rack{grid-area:11/1}.classic-app[data-phase=hub] .classic-hub>.classic-hub-header{grid-row:2;align-self:center;height:auto}.classic-app[data-phase=hub] .classic-hub>.classic-play-cta{grid-row:4}.classic-app[data-phase=hub] .classic-hub>.classic-quick-error{grid-row:5}.classic-app[data-phase=hub] .classic-hub>.classic-mode-grid{grid-row:6}.classic-app[data-phase=hub] .classic-hub>.classic-hub-slot{grid-row:7}.classic-app[data-phase=hub] .classic-hub>div:has(>.classic-tournament-link){grid-row:8}.classic-app[data-phase=hub] .classic-hub>.classic-online-pill{grid-row:9}.classic-app[data-phase=hub] .classic-hub>.classic-brand .classic-brand-word{font-size:clamp(44px,4vw,58px)}.classic-app[data-phase=hub] .classic-hub>.classic-brand>small{font-size:14px!important}.classic-app[data-phase=hub] .classic-board-scene{margin:0!important}.classic-app[data-phase=hub] .classic-board-scene .classic-hero-board{width:var(--hub-board)}.classic-app[data-phase=hub] .classic-board-scene .classic-hero-grid span.has-tile{font-size:calc(var(--hub-board) / 15 * .5)}.classic-app[data-phase=hub] .classic-board-scene .classic-hero-grid span[class*=bonus-]:not(.bonus-normal):not(.has-tile){font-size:calc(var(--hub-board) / 15 * .28)}.classic-app[data-phase=hub] .classic-board-scene:before,.classic-app[data-phase=hub] .classic-board-scene:after{width:92px;padding:14px 8px;font-size:15px}.classic-app[data-phase=hub] .classic-board-scene:before{left:max(0px, calc(50% - var(--hub-board) / 2 - 72px))}.classic-app[data-phase=hub] .classic-board-scene:after{right:max(0px, calc(50% - var(--hub-board) / 2 - 72px))}.classic-app[data-phase=hub] .classic-floating-tile{width:60px;height:60px;font-size:34px}.classic-app[data-phase=hub] .classic-floating-tile small{font-size:12px}.classic-app[data-phase=hub] .classic-floating-tile.t1{top:14%;right:max(0px, calc(50% - var(--hub-board) / 2 - 70px))}.classic-app[data-phase=hub] .classic-floating-tile.t2{left:max(0px, calc(50% - var(--hub-board) / 2 - 60px))}.classic-app[data-phase=hub] .classic-floating-tile.t3{right:max(0px, calc(50% - var(--hub-board) / 2 - 20px))}.classic-app[data-phase=hub] .classic-hero-rack{width:min(100%, calc(var(--hub-board) + 160px));justify-self:center;gap:4px;height:74px;margin:0;padding:7px 8px 0}.classic-app[data-phase=hub] .classic-hero-rack>span{font-size:30px}.classic-app[data-phase=hub] .classic-hero-rack small{font-size:11px}.classic-app[data-phase=hub] .classic-hub-header{gap:12px}.classic-app[data-phase=hub] .classic-profile-chip .classic-character{width:54px;height:54px}.classic-app[data-phase=hub] .classic-profile-chip b{font-size:17px}.classic-app[data-phase=hub] .classic-profile-chip small{font-size:13px}.classic-app[data-phase=hub] .classic-hub .classic-play-cta .classic-cta-copy{gap:6px}.classic-app[data-phase=hub] .classic-hub .classic-play-cta{cursor:pointer;border-radius:46px;width:100%;height:92px;margin:0}.classic-app[data-phase=hub] .classic-hub .classic-play-cta>i{width:52px;height:52px;font-size:24px}.classic-app[data-phase=hub] .classic-hub .classic-play-cta{grid-template-columns:54px auto;column-gap:16px}.classic-app[data-phase=hub] .classic-hub .classic-play-cta .classic-cta-copy>b{font-size:30px}.classic-app[data-phase=hub] .classic-hub .classic-play-cta .classic-cta-copy>small{font-size:14px}.classic-app[data-phase=hub] .classic-mode-grid{gap:10px;margin:0}.classic-app[data-phase=hub] .classic-mode-grid button{cursor:pointer;border-radius:24px 24px 16px 16px;grid-template-rows:38px 24px;gap:6px;height:96px}.classic-app[data-phase=hub] .classic-mode-grid button>i{width:38px;height:38px;font-size:24px}.classic-app[data-phase=hub] .classic-mode-grid button>b{font-size:15px}.classic-app[data-phase=hub] .classic-hub-slot{height:56px;margin:0}.classic-app[data-phase=hub] .classic-hub-slot .classic-plus-quota{padding:16px 12px;font-size:14px}.classic-app[data-phase=hub] .classic-hub-slot .classic-bot-resume small{font-size:13px}.classic-app[data-phase=hub] .classic-hub>div:has(>.classic-tournament-link){gap:10px;margin:0}.classic-app[data-phase=hub] .classic-hub .classic-tournament-link{min-height:64px;margin:0;padding:8px 14px}.classic-app[data-phase=hub] .classic-hub .classic-tournament-link img{width:40px;height:40px}.classic-app[data-phase=hub] .classic-hub .classic-tournament-link b{font-size:16px}.classic-app[data-phase=hub] .classic-hub .lg-hub-card{min-height:64px}.classic-app[data-phase=hub] .classic-online-pill{font-size:13px}}@media (min-width:1024px) and (min-height:521px) and (max-height:700px) and (orientation:landscape){.classic-app[data-phase=hub] .classic-screen.classic-hub.has-topbar{row-gap:8px}.classic-app[data-phase=hub] .classic-hub .classic-play-cta{height:76px}.classic-app[data-phase=hub] .classic-mode-grid button{height:78px}.classic-app[data-phase=hub] .classic-hero-rack{height:60px}.classic-app[data-phase=hub] .classic-hero-rack>span{font-size:24px}}@media (min-width:1024px) and (min-height:521px) and (orientation:landscape){.classic-app:is([data-phase=lobby],[data-phase=watch]){padding-block:0}.classic-app:is([data-phase=lobby],[data-phase=watch])>.classic-phone-stage{width:min(520px, var(--dk-stage));max-width:none;height:100dvh;min-height:0}.classic-app:is([data-phase=lobby],[data-phase=watch]) .classic-screen{height:100dvh;min-height:0}.classic-app[data-phase=lobby] .classic-room-board .classic-hero-board{width:min(300px,100dvh - 470px)}.classic-app[data-phase=result]{padding-block:0}.classic-app[data-phase=result]>.classic-phone-stage{width:min(1120px, var(--dk-stage));border-inline:0;max-width:none;height:100dvh;min-height:0}.classic-app[data-phase=result] .classic-screen.classic-result{height:100dvh;min-height:0;padding:0 clamp(16px, 2vw, 32px) max(20px, calc(90px - var(--mbp-rail-w,0px)));grid-template-rows:auto repeat(8,auto) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-auto-flow:row;align-content:start;column-gap:clamp(24px,3vw,48px);display:grid;overflow-y:auto}.classic-app[data-phase=result] .classic-result>*{grid-column:1}.classic-app[data-phase=result] .classic-result>.classic-topbar{grid-area:1/1/auto/-1;padding-inline:0}.classic-app[data-phase=result] .classic-result>.classic-review{grid-area:2/2/10;align-self:start;margin:0}.classic-app[data-phase=result] .classic-result>.classic-result-actions{grid-area:10/2;align-self:start;margin:12px 0 0}.classic-app[data-phase=result] .classic-result>.classic-result-hero{margin-top:28px}.classic-app[data-phase=result] .classic-result .classic-review .replay-board-shell{width:min(100%,100dvh - 400px,520px)}.classic-app[data-phase=result] .classic-result-actions button,.classic-app[data-phase=result] .classic-result-actions>a{cursor:pointer;min-height:52px;font-size:15px}.classic-app:has(>.classic-replay-page){padding-block:0}.classic-app .classic-replay-page:not(.empty){width:min(1120px, var(--dk-stage));background:0 0;grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-content:start;gap:12px clamp(24px,3vw,48px);padding:24px clamp(16px,2vw,32px);display:grid}.classic-app .classic-replay-page:not(.empty)>*{grid-column:1}.classic-app .classic-replay-page:not(.empty)>.classic-review{grid-area:1/2/5;margin:0}.classic-app .classic-replay-page:not(.empty)>nav{align-self:start;margin-top:4px}.classic-app .classic-replay-page:not(.empty) .replay-board-shell{width:min(100%,100dvh - 310px,620px)}.classic-app .classic-replay-page>nav a,.classic-app .classic-replay-page>nav button{cursor:pointer;min-height:52px;font-size:15px}}