/* SVG controls retain their silhouettes at every stage scale, without relying
   on a fullscreen glyph in the game font. */
.sp-control-icon{display:block;position:relative;z-index:2;width:28px;height:28px;flex:none;pointer-events:none;filter:drop-shadow(0 1px 2px #000)}
.sp-control-icon svg{display:block;width:100%;height:100%}

/* The complete combat toolbar uses the familiar portrait, equipment, gold,
   potion belt and red actions, with a compact second row for equipment. */
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar{display:block;height:230px;padding:0 20px;overflow:visible}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__hero{display:flex;position:absolute;left:20px;top:10px;width:340px;height:135px;gap:0}
body.sp-mobile-landscape .sp-topbar .sp-pf{--s:1.5}
body.sp-mobile-landscape .sp-topbar .sp-tb__name{font-size:15px;top:24px;height:16px}
body.sp-mobile-landscape .sp-topbar .sp-pf .sp-hp__txt,body.sp-mobile-landscape .sp-topbar .sp-pf .sp-pw__txt{font-size:17px}
body.sp-mobile-landscape .sp-topbar .sp-tb__id{display:flex;position:absolute;left:360px;top:163px;width:330px;min-width:0}
body.sp-mobile-landscape .sp-topbar .sp-tb__sub{font-size:var(--ml-small);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sp-mobile-landscape .sp-topbar .sp-tb__gold{position:absolute;left:380px;top:15px;height:58px;margin:0}
body.sp-mobile-landscape .sp-topbar .sp-relics2{display:flex;position:absolute;left:25px;top:151px;width:320px;height:70px;overflow:visible;justify-content:center}
body.sp-mobile-landscape .sp-topbar .gs-strip--bar .gs-row{grid-template-columns:repeat(8,32px);gap:4px}
body.sp-mobile-landscape .sp-topbar .gs-strip--bar .gs-sock{width:32px;height:32px;border-width:1px;border-radius:3px}
body.sp-mobile-landscape .sp-topbar .sp-potions2{display:flex;position:absolute;left:380px;top:86px;padding:6px 10px;gap:12px}
body.sp-mobile-landscape .sp-topbar .sp-pot2{width:86px;height:86px}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__right{position:absolute;left:740px;right:22px;top:12px;bottom:15px;display:grid;grid-template-columns:repeat(3,190px) repeat(2,var(--ml-touch));grid-template-rows:56px var(--ml-touch);align-content:center;align-items:center;justify-content:end;gap:12px;margin:0;min-width:0}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-combat--coop .sp-topbar .sp-tb__right{grid-template-columns:repeat(3,190px) repeat(2,var(--ml-touch)) 190px}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__where{grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:25px;max-width:none;width:100%;margin:0;min-width:0}
body.sp-mobile-landscape .sp-topbar .sp-tb__zone{max-width:650px!important;font-size:var(--ml-small)}
body.sp-mobile-landscape .sp-topbar .sp-tb__turn{white-space:nowrap;font-size:var(--ml-small)}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__right .sp-wowbtn:not(.sp-settings-icon):not(.sp-wowbtn--fs){--cap:24px;width:190px;min-width:190px;flex-basis:190px;padding-inline:26px}

/* Narrow caps leave an actual square red centre for both controls. The SVG
   sits above the cap artwork instead of being squeezed into a text column. */
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) :is(.sp-topbar,.sx-bar) :is(.sp-settings-icon,.sp-wowbtn--fs,.sx-bar__fs){--cap:18px!important;--h:var(--ml-touch)!important;width:var(--ml-touch)!important;min-width:var(--ml-touch)!important;height:var(--ml-touch)!important;flex-basis:var(--ml-touch)!important;padding:0 20px!important;display:flex;align-items:center;justify-content:center;font-size:0!important}
body.sp-mobile-landscape :is(.sp-settings-icon__art,.sp-control-icon){width:56px;height:56px;min-width:56px;min-height:56px;flex:none;z-index:3}

/* All details end above the actor's stable head point. Statuses use a short
   internal row, so an unusually long list cannot spill over the face. */
body.sp-mobile-landscape .sp-unit-overhead{width:300px;z-index:12;padding-bottom:0}
body.sp-mobile-landscape .sp-unit-overhead .sp-unit-effects{max-height:94px;overflow-y:auto;margin-top:4px;padding-right:0;scrollbar-width:thin}
body.sp-mobile-landscape .sp-unit-overhead .sp-unit-bottom{padding-right:10px}
body.sp-mobile-landscape .sp-unit-overhead .sp-party-name{padding-inline:0}
body.sp-mobile-landscape .sp-unit-overhead .sp-party-name strong{font-size:31px;max-width:190px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
body.sp-mobile-landscape .sp-hplate{z-index:12;padding-bottom:0}
body.sp-mobile-landscape .sp-hplate .sp-pips{max-height:94px;overflow-y:auto}
body.sp-mobile-landscape .sp-enemy-overhead .sp-ep--under{z-index:12;max-height:230px;overflow:visible}
body.sp-mobile-landscape .sp-enemy-overhead .sp-ep--under>.sp-pips{max-height:90px;overflow:auto}
body.sp-mobile-landscape .sp-enemy-overhead .sp-ep--top{pointer-events:none}
/* The intention is inside its status plate. CSS follows changing buff rows and
   co-op labels without synchronous JavaScript measurements during attacks. */
body.sp-mobile-landscape .sp-enemy-overhead .sp-ep--under>.sp-ep--top{position:absolute;left:0;bottom:100%;height:64px;max-width:none}
body.sp-mobile-landscape .sp-enemy-overhead{--sp-overhead-gap:24px;--sp-intent-gap:24px}
body.sp-mobile-landscape .sp-enemy-overhead[data-coop-tgt]:not([data-coop-tgt=""]){--sp-overhead-gap:80px;--sp-intent-gap:50px}
body.sp-mobile-landscape .sp-enemy-overhead[data-coop-tgt]:not([data-coop-tgt=""]) .sp-int__n{font-size:var(--ml-small)}
body.sp-mobile-landscape .sp-enemy-overhead[data-coop-tgt]:not([data-coop-tgt=""]) .sp-int__ico{width:36px;height:36px}
body.sp-mobile-landscape .sp-enemy-overhead[data-coop-tgt]:not([data-coop-tgt=""])::after{top:-12px;bottom:auto;font-size:var(--ml-small);line-height:1.2;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;z-index:13}
body.sp-mobile-landscape .sp-pvp-notice{top:238px!important}

/* Adventure screens retain the equipment and potion strip as well. */
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sx-bar{min-height:205px;padding:12px 22px 91px;position:relative;gap:16px}
body.sp-mobile-landscape .sx-bar>.gs-strip{position:absolute;left:24px;bottom:13px;display:flex;max-width:790px;min-width:0}
body.sp-mobile-landscape .sx-bar>.gs-strip .gs-row{grid-template-columns:repeat(16,35px);gap:5px}
body.sp-mobile-landscape .sx-bar>.gs-strip .gs-sock{width:35px;height:35px}
body.sp-mobile-landscape .sx-bar .sx-bar__pots{display:flex;position:absolute;right:24px;bottom:13px}

/* The combat actions are one contiguous block. Equipment, the potion belt and
   small gold counter occupy the upper row, independent of the action buttons. */
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar{display:block;height:calc(148px + var(--ml-touch));padding:10px 22px}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__right{display:grid;position:absolute;left:auto;right:22px;top:128px;bottom:auto;height:var(--ml-touch);grid-template-columns:repeat(3,200px) repeat(2,var(--ml-touch));grid-template-rows:var(--ml-touch);align-content:center;justify-content:end;align-items:center;gap:12px;margin:0}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-combat--coop .sp-topbar .sp-tb__right{grid-template-columns:repeat(3,200px) repeat(2,var(--ml-touch)) 200px}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__hero{position:absolute;left:20px;top:10px;width:340px;height:118px;display:flex;gap:0}
body.sp-mobile-landscape .sp-topbar .sp-tb__id{position:absolute;left:0;top:150px;width:740px;margin:0;min-width:0}
body.sp-mobile-landscape .sp-topbar .sp-tb__gold{position:absolute;left:1040px;top:30px;height:48px;padding:5px 9px;gap:7px}
body.sp-mobile-landscape .sp-topbar .sp-tb__gold b{font-size:var(--ml-small)}
body.sp-mobile-landscape .sp-topbar .sp-tb__coin{width:36px;height:36px}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__where{position:absolute;right:0;left:auto;top:-108px;bottom:auto;width:700px;height:90px;gap:15px;align-items:flex-end;flex-direction:column;justify-content:center;line-height:1.1;grid-column:auto;grid-row:auto}
body.sp-mobile-landscape .sp-topbar .sp-tb__zone{max-width:100%!important;font-size:var(--ml-text)}
body.sp-mobile-landscape .sp-topbar .sp-relics2{position:absolute;left:380px;top:16px;width:320px;height:80px;margin:0}
body.sp-mobile-landscape .sp-topbar .sp-potions2{position:absolute;left:720px;top:16px;max-width:300px;gap:10px;padding:6px}
body.sp-mobile-landscape .sp-topbar .sp-pot2{width:86px;height:86px;flex:none}
body.sp-mobile-landscape .sp-topbar .sp-tb__bag{grid-row:1;grid-column:1}
body.sp-mobile-landscape .sp-topbar .sp-tb__deck{grid-row:1;grid-column:2}
body.sp-mobile-landscape .sp-topbar .sp-tb__map{grid-row:1;grid-column:3}
body.sp-mobile-landscape .sp-topbar .sp-settings-icon{grid-row:1;grid-column:4}
body.sp-mobile-landscape .sp-topbar .sp-wowbtn--fs{grid-row:1;grid-column:5}
body.sp-mobile-landscape .sp-combat--coop .sp-topbar .sp-tb__right>.sp-wowbtn:last-child:not(.sp-wowbtn--fs){grid-row:1;grid-column:6}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__right .sp-wowbtn:not(.sp-settings-icon):not(.sp-wowbtn--fs){width:200px;min-width:200px;flex-basis:200px}
body.sp-mobile-landscape .sp-topbar .sp-pf{--s:1.35}
body.sp-mobile-landscape .sp-pvp-notice{top:calc(156px + var(--ml-touch))!important}

/* Keep the original WoW three-slice artwork. Phone controls use narrower caps
   and the same cap-sized padding as the painted centre, removing dark seams
   without replacing the normal, pressed or disabled textures. */
body.sp-mobile-landscape .sp-wowbtn,body.sp-mobile-landscape .studio-btn{--cap:clamp(12px,calc(var(--h,96px) * .17),28px)!important;padding-inline:calc(var(--cap) + 2px)!important;border:0!important;border-radius:0!important;background-image:url('/assets/ui/_128-redbutton-center.png')!important;background-repeat:repeat-x!important;background-position:center!important;background-size:auto 100%!important;background-clip:content-box!important;box-shadow:none!important;color:#ffd100;text-shadow:0 2px 2px #000,0 0 6px #000b;transition:filter .12s}
body.sp-mobile-landscape .sp-wowbtn::before,body.sp-mobile-landscape .sp-wowbtn::after,body.sp-mobile-landscape .studio-btn::before,body.sp-mobile-landscape .studio-btn::after{display:block!important;width:calc(var(--cap) + 2px)!important;top:0;bottom:0;background-size:100% 100%!important;background-repeat:no-repeat!important}
body.sp-mobile-landscape .sp-wowbtn::before,body.sp-mobile-landscape .studio-btn::before{background-image:url('/assets/ui/128-redbutton-left-cap.png')!important}
body.sp-mobile-landscape .sp-wowbtn::after,body.sp-mobile-landscape .studio-btn::after{background-image:url('/assets/ui/128-redbutton-right-cap.png')!important}
body.sp-mobile-landscape .sp-wowbtn:hover,body.sp-mobile-landscape .studio-btn:hover{filter:brightness(1.22) saturate(1.05);color:#fff}
body.sp-mobile-landscape .sp-wowbtn:active,body.sp-mobile-landscape .studio-btn:active{background-image:url('/assets/ui/_128-redbutton-center-pressed.png')!important;filter:none;color:#ffd100}
body.sp-mobile-landscape .sp-wowbtn:active::before,body.sp-mobile-landscape .studio-btn:active::before{background-image:url('/assets/ui/128-redbutton-left-cap-pressed.png')!important}
body.sp-mobile-landscape .sp-wowbtn:active::after,body.sp-mobile-landscape .studio-btn:active::after{background-image:url('/assets/ui/128-redbutton-right-cap-pressed.png')!important}
body.sp-mobile-landscape .sp-wowbtn:disabled,body.sp-mobile-landscape .studio-btn:disabled{background-image:url('/assets/ui/_128-redbutton-center-disabled.png')!important;color:#9d9d9d!important;filter:none!important}
body.sp-mobile-landscape .sp-wowbtn:disabled::before,body.sp-mobile-landscape .studio-btn:disabled::before{background-image:url('/assets/ui/128-redbutton-left-cap-disabled.png')!important}
body.sp-mobile-landscape .sp-wowbtn:disabled::after,body.sp-mobile-landscape .studio-btn:disabled::after{background-image:url('/assets/ui/128-redbutton-right-cap-disabled.png')!important}
body.sp-mobile-landscape .sp-wowbtn[aria-pressed=true]{filter:brightness(1.2);color:#fff0ab}

/* Group is a tactical drawer, without repeated combat health bars. */
.sp-group-signals{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.sp-group-details .sp-group-signals .sp-wowbtn{--h:34px;height:34px;min-width:0;padding-inline:8px;font-size:12px;--cap:9px}
.sp-group-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sp-group-member__head{flex-wrap:wrap;gap:3px 8px}
body.sp-mobile-landscape .sp-group-menu.sp-group-menu--details{top:calc(160px + var(--ml-touch));width:760px;max-height:calc(900px - var(--ml-touch));padding:0}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-details{padding:20px}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-details header{margin-bottom:12px;padding-bottom:10px}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-details header small{display:none}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-details h3{font-size:var(--ml-title)}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-details :is(.sp-group-member__head b,.sp-group-member__head small,.sp-group-member p,.sp-group-leader,.sp-group-detail,.sp-group-signal,.sp-group-comms-label,.sp-group-room,.sp-group-copy){font-size:var(--ml-small);line-height:1.25}
body.sp-mobile-landscape .sp-group-member{padding:12px}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-details .sp-wowbtn{--h:var(--ml-touch)!important;height:var(--ml-touch);min-height:var(--ml-touch);font-size:var(--ml-text);padding-inline:14px}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-details .sp-group-signals .sp-wowbtn{--h:var(--ml-touch)!important;font-size:var(--ml-small)}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-room{margin:12px 0;padding-top:10px}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-signal{margin:10px 0;padding:9px}
body.sp-mobile-landscape .sp-group-close{width:80px;height:80px;font-size:65px}

body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sx-bar{display:grid;grid-template-columns:190px 320px 300px 190px 190px var(--ml-touch) var(--ml-touch);grid-template-rows:90px var(--ml-touch);justify-content:space-between;align-items:center;gap:10px 12px;padding:12px 22px;min-height:calc(124px + var(--ml-touch))}
body.sp-mobile-landscape .sx-bar__who{grid-row:1;grid-column:1/3}
body.sp-mobile-landscape .sx-bar__hp{grid-row:1;grid-column:3}
body.sp-mobile-landscape .sx-bar__gold{grid-row:1;grid-column:4;font-size:var(--ml-title)}
body.sp-mobile-landscape .sx-bar__act{grid-row:1;grid-column:5/-1;justify-self:end}
body.sp-mobile-landscape .sx-bar>.gs-strip{position:relative;inset:auto;grid-row:2;grid-column:2;width:320px;max-width:320px;min-width:0;flex-wrap:nowrap;gap:6px}
body.sp-mobile-landscape .sx-bar>.gs-strip .gs-row{grid-template-columns:repeat(8,28px);gap:4px}
body.sp-mobile-landscape .sx-bar>.gs-strip .gs-sock{width:28px;height:28px}
body.sp-mobile-landscape .sx-bar>.gs-strip .gs-badge{padding:3px 5px;font-size:20px}
body.sp-mobile-landscape .sx-bar>.gs-strip .gs-badge b{display:none}
body.sp-mobile-landscape .sx-bar .sx-bar__pots{position:relative;inset:auto;grid-row:2;grid-column:3;justify-self:start}
body.sp-mobile-landscape .sx-bar .sx-bar__gear{grid-row:2;grid-column:1}
body.sp-mobile-landscape .sx-bar .sx-bar__deck{grid-row:2;grid-column:4}
body.sp-mobile-landscape .sx-bar :is(.sx-bar__map,.sx-bar__tal){grid-row:2;grid-column:5}
body.sp-mobile-landscape .sx-bar .sx-bar__set{grid-row:2;grid-column:6}
body.sp-mobile-landscape .sx-bar .sx-bar__fs{grid-row:2;grid-column:7}

/* The mobile header keeps actionable information; class, act/floor and turn
   labels already belong to the character and overhead combat frames. */
body.sp-mobile-landscape .sp-topbar :is(.sp-tb__id,.sp-tb__turn){display:none!important}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar{height:calc(132px + var(--ml-touch) + var(--mobile-safe-top,0px))}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__right{top:calc(112px + var(--mobile-safe-top,0px));right:calc(22px + var(--mobile-safe-right,0px))}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__hero{left:calc(20px + var(--mobile-safe-left,0px));top:calc(8px + var(--mobile-safe-top,0px))}
body.sp-mobile-landscape .sp-topbar .sp-relics2{left:calc(380px + var(--mobile-safe-left,0px));top:calc(16px + var(--mobile-safe-top,0px))}
body.sp-mobile-landscape .sp-topbar .sp-potions2{left:calc(720px + var(--mobile-safe-left,0px));top:calc(16px + var(--mobile-safe-top,0px))}
body.sp-mobile-landscape .sp-topbar .sp-tb__gold{left:calc(1040px + var(--mobile-safe-left,0px));top:calc(30px + var(--mobile-safe-top,0px))}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__where{top:-94px;width:min(700px,calc(var(--combat-viewport-w,1920px) - 1280px - var(--mobile-safe-left,0px) - var(--mobile-safe-right,0px)));height:90px;max-width:none;overflow:visible}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__zone{white-space:normal;overflow:visible;text-overflow:clip;max-width:none!important;line-height:1.1;font-size:var(--ml-small);text-align:right}
body.sp-mobile-landscape .sp-unit-overhead .sp-party-name{flex-wrap:wrap;justify-content:center}
body.sp-mobile-landscape .sp-unit-overhead .sp-party-name strong{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.1}
body.sp-mobile-landscape .sp-pvp-notice{top:calc(140px + var(--ml-touch) + var(--mobile-safe-top,0px))!important}
body.sp-mobile-landscape .sp-group-menu.sp-group-menu--details{top:calc(144px + var(--ml-touch) + var(--mobile-safe-top,0px));right:calc(24px + var(--mobile-safe-right,0px))}

/* A single straight row preserves the original red action buttons. The zone
   caption leaves the toolbar and sits unobtrusively at the battlefield edge. */
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar{display:grid;grid-template-columns:300px 230px 240px 80px minmax(0,1fr);gap:12px;align-items:center;height:calc(max(126px,var(--ml-touch)) + 24px + var(--mobile-safe-top,0px));padding:calc(12px + var(--mobile-safe-top,0px)) calc(16px + var(--mobile-safe-right,0px)) 12px calc(16px + var(--mobile-safe-left,0px))}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__hero{position:relative;inset:auto;width:300px;height:118px;grid-column:1;grid-row:1}
body.sp-mobile-landscape .sp-topbar .sp-pf{--s:1.3}
body.sp-mobile-landscape .sp-topbar .sp-relics2{position:relative;inset:auto;width:230px;height:64px;grid-column:2;grid-row:1}
body.sp-mobile-landscape .sp-topbar .gs-strip--bar .gs-row{grid-template-columns:repeat(8,26px);gap:3px}
body.sp-mobile-landscape .sp-topbar .gs-strip--bar .gs-sock{width:26px;height:26px}
body.sp-mobile-landscape .sp-topbar .sp-potions2{position:relative;inset:auto;width:240px;max-width:240px;gap:6px;padding:6px;grid-column:3;grid-row:1}
body.sp-mobile-landscape .sp-topbar .sp-pot2{width:72px;height:72px}
body.sp-mobile-landscape .sp-topbar .sp-tb__gold{position:relative;inset:auto;display:flex;flex-direction:column;justify-content:center;width:80px;height:106px;padding:3px 0;gap:4px;grid-column:4;grid-row:1;box-shadow:none;background:none}
body.sp-mobile-landscape .sp-topbar .sp-tb__gold b{font-size:var(--ml-small);line-height:1;white-space:nowrap}
body.sp-mobile-landscape .sp-topbar .sp-tb__coin{width:30px;height:30px}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__right{position:relative;inset:auto;grid-column:5;grid-row:1;width:100%;height:var(--ml-touch);grid-template-columns:repeat(3,minmax(160px,1fr)) repeat(2,var(--ml-touch));grid-template-rows:var(--ml-touch);gap:8px;justify-content:stretch}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-combat--coop .sp-topbar .sp-tb__right{grid-template-columns:repeat(3,minmax(160px,1fr)) repeat(2,var(--ml-touch)) minmax(160px,1fr)}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__right .sp-wowbtn:not(.sp-settings-icon):not(.sp-wowbtn--fs){width:100%;min-width:160px;flex-basis:auto;font-size:var(--ml-small)}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__where{position:fixed;inset:auto;left:calc(170px + var(--mobile-safe-left,0px));bottom:calc(18px + var(--mobile-safe-bottom,0px));width:300px;height:auto;display:block;max-width:none;margin:0;pointer-events:none}
body.sp-mobile-landscape .sp-stage:not(.sp-portrait) .sp-topbar .sp-tb__zone{display:block;color:#c2b48f;font-size:var(--ml-small);line-height:1.15;text-align:left;white-space:normal;text-shadow:0 1px 3px #000,0 0 8px #000;overflow:visible}
body.sp-mobile-landscape .sp-pile--discard{width:164px}
body.sp-mobile-landscape .sp-pile--exhaust{width:146px;right:220px}
body.sp-mobile-landscape .sp-pile__lbl{text-align:center;white-space:nowrap}
body.sp-mobile-landscape .sp-pvp-notice{top:calc(max(126px,var(--ml-touch)) + 32px + var(--mobile-safe-top,0px))!important}
body.sp-mobile-landscape .sp-group-menu.sp-group-menu--details{top:calc(max(126px,var(--ml-touch)) + 36px + var(--mobile-safe-top,0px));max-height:calc(100% - max(126px,var(--ml-touch)) - 60px - var(--mobile-safe-top,0px) - var(--mobile-safe-bottom,0px))}
body.sp-mobile-landscape .sp-group-menu--details .sp-group-detail{display:none}

body.sp-mobile-landscape .sp-howto{left:50%;right:auto;top:calc(180px + var(--mobile-safe-top,0px));bottom:auto;transform:translateX(-50%);width:min(1380px,calc(100% - 180px - var(--mobile-safe-left,0px) - var(--mobile-safe-right,0px)));max-height:calc(100% - 240px - var(--mobile-safe-top,0px) - var(--mobile-safe-bottom,0px));padding:32px 40px;box-sizing:border-box;overflow:auto}
body.sp-mobile-landscape .sp-howto h3{font-size:var(--ml-title);line-height:1.1;margin:0 0 22px}
body.sp-mobile-landscape .sp-howto ul{font-size:var(--ml-small);line-height:1.3;margin:0 0 28px;padding-left:35px}
body.sp-mobile-landscape .sp-howto li{margin:0 0 15px}
body.sp-mobile-landscape .sp-howto .sp-wowbtn{--h:var(--ml-touch);height:var(--ml-touch);min-height:var(--ml-touch);font-size:var(--ml-text);min-width:360px}