/* Shared FableBoy landing layout: index.html and landing-preview.html. */
body.landing-draft #ops{display:none!important}
#draftHeader{position:fixed;inset:10px 16px auto;z-index:12;display:flex;justify-content:flex-end;pointer-events:none}
#draftHeader>*{pointer-events:auto}
#draftTop{display:flex;align-items:stretch;gap:6px;max-width:100%;justify-content:flex-end}
#draftTop button,#draftLeft button,#draftCartToggle{font:900 italic 10px var(--disp,Arial);letter-spacing:.04em;text-transform:uppercase;border:2px solid #05070e;background:#1c263b;color:#f4f2df;box-shadow:3px 3px #000;cursor:pointer;min-height:39px;padding:7px 10px}
#draftTop button:hover,#draftLeft button:hover,#draftCartToggle:hover{border-color:#54d9eb}
#draftAll{background:#4bd8ec!important;color:#08151b!important;order:1}
#draftMenu{order:3}
#draftActions{order:2;display:none;align-items:stretch;gap:4px;min-width:0}
#draftHeader.menu-open #draftActions{display:flex}
#draftActions button{flex:1 1 0;min-width:0;padding:5px 4px;white-space:normal;line-height:1.1;font-size:clamp(7px,.7vw,10px)}
#draftActions [data-proxy="openSkins"],#draftActions [data-proxy="openEd"]{background:#fb4098;color:#160810}
#draftActions [data-proxy="openRedeem"]{background:#ffdc57;color:#17110b}
#draftActions [data-proxy="openHowTo"]{background:#4bd8ec;color:#08151b}
body.landing-draft #brand{top:66px;max-width:370px}
body.landing-draft #brand h1{font-size:clamp(30px,5vw,52px)}
#draftLeft{position:fixed;left:16px;top:clamp(235px,31vh,330px);z-index:7;width:230px;display:flex;flex-direction:column;gap:8px}
#draftLeft button{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center}
#draftLeft .draftPanel{border:1px solid #72869b;background:#121a2aeF;padding:9px;box-shadow:3px 4px #05070b;color:#f4f2df}
#draftLeft .draftPanel[hidden]{display:none}
#draftLeft .draftPanel b{font:900 11px var(--disp,Arial);color:#ffdc57}
#draftLeft .draftPanel p{font:10px/1.45 monospace;color:#b9cada;margin:7px 0}
#draftLeft .draftPanel button{min-height:32px;background:#4bd8ec;color:#08151b;text-align:center;justify-content:center}
#draftZine{min-height:171px;display:flex;align-items:center;justify-content:center;padding:10px 9px 24px!important}
#draftZine[hidden]{display:none}
#draftLeft #zineWrap{display:block!important;position:relative;left:auto;bottom:auto;z-index:auto;flex:none;margin:4px auto 0}
#draftLeft #zineWrap .zNav{top:50%;left:50%;width:172px;transform:translate(-50%,-50%);justify-content:space-between;gap:0;pointer-events:none}
#draftLeft #zineWrap .zArrow{width:28px;height:28px;min-height:28px;padding:0;flex:none;text-align:center;pointer-events:auto}
#draftLeft #zineWrap .zDots{position:absolute;top:73px;left:50%;transform:translateX(-50%)}
body.landing-draft #fbaSticker{left:28px;bottom:88px;width:115px;height:115px}
body.landing-draft #mpie-wrap{bottom:130px;left:160px}
body.landing-draft #mpie-wrap #mpie-canvas{order:0}
body.landing-draft #mpie-wrap #mpie-bubble{order:1}
body.landing-draft #shelfNav{right:12px;top:60px;bottom:auto;transform:none;width:218px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:6px;padding:7px}
body.landing-draft #shelfNav .shelfTitle{display:none}
body.landing-draft #shelfNav .shelfHelp{display:none}
body.landing-draft #shelfNav .shelfArrow{min-height:36px;width:100%}
body.landing-draft #shelfNav #seeAllBtn{display:none}
body.landing-draft #shelfNav #shelfCount{font-size:11px}
#draftCartToggle{position:fixed;right:12px;top:116px;z-index:8;width:218px;text-align:center;min-height:31px}
body.landing-draft.carts-closed #shelfNav{display:none}
body.landing-draft.carts-closed #draftCartToggle{top:60px;transform:none;width:145px;writing-mode:horizontal-tb;min-height:36px}
@media(max-width:760px), (orientation:portrait){
  #draftHeader{inset:8px 9px auto;display:block}
  #draftTop{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
  #draftAll{grid-column:1}
  #draftSkins{grid-column:2;display:block!important;background:#fb4098!important;color:#160810!important}
  #draftMenu{grid-column:3}
  #draftActions{grid-column:1/-1;grid-row:2;flex-direction:column;max-height:min(52dvh,360px);overflow:auto;background:#101827;border:2px solid #4bd8ec;padding:6px}
  #draftActions button{width:100%;min-height:36px;font-size:10px;text-align:left;justify-content:flex-start}
  body.landing-draft #brand{top:58px;left:12px;max-width:calc(100vw - 24px)}
  body.landing-draft #brand h1{font-size:34px}
  body.landing-draft #brand .burst,body.landing-draft #brand .tag{display:none}
  #draftHeader{top:10px}
  #draftLeft,body.landing-draft #fbaSticker{display:none}
  body.landing-draft #mpie-wrap{bottom:calc(200px + env(safe-area-inset-bottom,0px));left:10px}
  body.landing-draft #shelfNav{width:calc(100vw - 20px);max-width:380px;right:50%;left:auto;top:auto;bottom:calc(44px + env(safe-area-inset-bottom,0px));transform:translateX(50%);display:grid;grid-template-columns:56px 1fr 56px;padding:7px;gap:4px}
  body.landing-draft #shelfNav .shelfTitle{grid-column:1/-1;grid-row:1}
  body.landing-draft #shelfNav .shelfTitle{display:block}
  body.landing-draft #shelfNav #shelfUp{grid-column:1;grid-row:2}
  body.landing-draft #shelfNav #shelfCount{grid-column:2;grid-row:2}
  body.landing-draft #shelfNav #shelfDown{grid-column:3;grid-row:2}
  body.landing-draft #shelfNav .shelfArrow{min-height:34px}
  #draftCartToggle{right:50%;top:auto;bottom:calc(5px + env(safe-area-inset-bottom,0px));transform:translateX(50%);width:min(380px,calc(100vw - 20px));min-height:33px}
  body.landing-draft.carts-closed #draftCartToggle{right:50%;top:auto;bottom:calc(5px + env(safe-area-inset-bottom,0px));transform:translateX(50%);width:min(380px,calc(100vw - 20px));min-height:33px;writing-mode:horizontal-tb}
}


/* Keep the masthead anchored and put utilities in a real column, rather than
   independent viewport positions that can extend across the handheld. */
body.landing-draft #brand{top:16px;left:22px;max-width:370px}
#draftHeader{left:410px}
#draftLeft{top:var(--draft-rail-top,205px);bottom:12px;overflow-y:auto;overflow-x:hidden;padding:0 5px 5px 0;scrollbar-width:thin;overscroll-behavior:contain}
#draftLeft>button{flex:none}
#draftUtilities{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;flex:none;width:100%;padding-top:16px}
body.landing-draft #draftUtilities #fbaSticker{position:relative;inset:auto;width:100px;height:100px;flex:none;margin:0 8px}
body.landing-draft #draftUtilities #mpie-wrap{position:relative;inset:auto;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#draftUtilities #mpie-bubble{width:100%;box-sizing:border-box;flex:none}
#draftUtilities #mpie-bubble::before,#draftUtilities #mpie-bubble::after{display:none}
#draftUtilities #mpie-canvas{order:0}
#draftUtilities #mpie-bubble{order:1}
body.landing-draft #draftUtilities #hint,body.landing-draft #draftUtilities #nowplaying{position:static;inset:auto;width:100%;font-size:10px;line-height:1.8;letter-spacing:.08em;text-align:left;overflow-wrap:anywhere}
#draftUtilities #hint .k{display:inline-block;padding:0 4px;margin:2px 1px}
body.landing-draft #draftUtilities #nowplaying b{font-size:11px}
@media(max-width:760px), (orientation:portrait){
  body.landing-draft #brand{top:12px;left:12px;max-width:calc(100vw - 24px)}
  #draftHeader{inset:58px 10px auto}
  #draftTop{display:grid;grid-template-columns:1fr 1fr 1fr}
  #draftAll{grid-column:1;grid-row:1}
  #draftSkins{grid-column:2;grid-row:1}
  #draftMenu{grid-column:3;grid-row:1}
  #draftLeft{display:none}
  #draftUtilities{position:fixed;left:10px;bottom:calc(112px + env(safe-area-inset-bottom,0px));width:calc(100vw - 20px);z-index:7;padding:0;pointer-events:none}
  #draftUtilities>*{pointer-events:auto}
  body.landing-draft #draftUtilities #fbaSticker,body.landing-draft #draftUtilities #hint,body.landing-draft #draftUtilities #nowplaying{display:none}
  body.landing-draft #draftUtilities #mpie-wrap{flex-direction:row;align-items:flex-end;gap:6px}
  #draftUtilities #mpie-canvas{width:60px;height:39px;flex:none}
  #draftUtilities #mpie-bubble{width:auto;flex:1;font-size:10px;padding:8px;max-height:150px;overflow:auto}
}
@media(orientation:landscape) and (max-height:540px){
  body.landing-draft #brand{top:12px;left:16px;max-width:235px}
  body.landing-draft #brand h1{font-size:30px}
  body.landing-draft #brand .tag{font-size:9px;letter-spacing:.05em}
  #draftHeader{left:270px;top:10px}
  #draftLeft{top:var(--draft-rail-top,110px);width:230px;bottom:8px}
  body.landing-draft #draftUtilities #fbaSticker{display:none}
}

@media(orientation:portrait){
  body.landing-draft #brand h1{font-size:34px}
  body.landing-draft #brand .burst,body.landing-draft #brand .tag,body.landing-draft #brand #links{display:none}
  #draftUtilities #mpie-bubble{max-height:120px}
}
@media(min-width:761px) and (max-width:1100px) and (orientation:landscape){
  body.landing-draft #brand{max-width:230px}
  body.landing-draft #brand h1{font-size:34px}
  body.landing-draft #brand .tag{font-size:10px;letter-spacing:.04em}
  body.landing-draft #brand .burst{font-size:10px}
  body.landing-draft #brand #links{flex-wrap:wrap}
}
/* Landscape phones use side gutters; their lower edge belongs to the hardware. */
@media(orientation:landscape) and (max-width:760px){
  #draftLeft{display:flex;width:230px}
  #draftUtilities{position:static;inset:auto;width:100%;padding-top:12px;pointer-events:auto}
  body.landing-draft #draftUtilities #mpie-wrap{flex-direction:column;align-items:flex-start}
  #draftUtilities #mpie-bubble{width:100%;flex:none;max-height:110px}
  body.landing-draft #shelfNav{right:12px;left:auto;top:60px;bottom:auto;transform:none;width:218px;grid-template-columns:48px 1fr 48px}
  body.landing-draft #shelfNav .shelfTitle{display:none}
  body.landing-draft #shelfNav #shelfUp{grid-column:1;grid-row:1}
  body.landing-draft #shelfNav #shelfCount{grid-column:2;grid-row:1}
  body.landing-draft #shelfNav #shelfDown{grid-column:3;grid-row:1}
  #draftCartToggle,body.landing-draft.carts-closed #draftCartToggle{right:12px;top:116px;bottom:auto;transform:none;width:218px}
  body.landing-draft.carts-closed #draftCartToggle{top:60px}
}
body.landing-draft #draftUtilities #shareBar,body.landing-draft #draftUtilities #fwBar{position:static;inset:auto;transform:none;width:100%;max-width:100%;max-height:180px;overflow:auto;flex:none;box-sizing:border-box;visibility:visible}
body.landing-draft #draftUtilities #fwBar{flex-wrap:wrap}
@media(orientation:portrait){
  #draftUtilities{max-height:146px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
}

/* One shelf card: heading/collapse, then the carousel's position and arrows. */
#draftCartDock{position:fixed;right:12px;top:64px;width:218px;z-index:8;padding:8px;background:#101827;border:1px solid #64748b;box-shadow:3px 4px #04060b;color:#f4f2df}
#draftCartDock .draftCartHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;min-width:0}
#draftCartDock .draftCartHeading>span{font:900 10px var(--disp,Arial);text-transform:uppercase;letter-spacing:.1em;color:#ffdc57;white-space:nowrap}
body.landing-draft #draftCartDock #draftCartToggle{position:static;inset:auto;transform:none;width:auto;min-height:28px;padding:4px 7px;border:1px solid #56677f;background:#192337;box-shadow:none;color:#dce8f5;font:800 10px Arial;letter-spacing:0;text-transform:none;writing-mode:horizontal-tb}
body.landing-draft #draftCartDock #shelfNav{position:static;inset:auto;transform:none;width:100%;max-width:none;padding:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;background:transparent;border:0;box-shadow:none}
#draftCartDock #shelfNav .shelfTitle,#draftCartDock #shelfNav .shelfHelp,#draftCartDock #shelfNav .arrowLabel{display:none}
#draftCartDock #shelfNav #shelfUp{grid-column:1;grid-row:1}
#draftCartDock #shelfNav #shelfCount{grid-column:2;grid-row:1;align-self:center;font:700 12px monospace;letter-spacing:.03em;color:#f4f2df;text-align:center;white-space:nowrap}
#draftCartDock #shelfNav #shelfDown{grid-column:3;grid-row:1}
#draftCartDock #shelfNav .shelfArrow{width:44px;height:40px;min-height:40px;margin:0;padding:0;display:grid;place-items:center;border:1px solid #73839a;box-shadow:none;background:#1b2940;color:#ffdc57}
#draftCartDock #shelfNav .shelfArrow:disabled{opacity:.35;cursor:default}
#draftCartDock #shelfNav .shelfArrow:not(:disabled):hover{background:#293d59;border-color:#4bd8ec;transform:none}
#draftCartDock button:focus-visible{outline:2px solid #4bd8ec;outline-offset:2px}
body.landing-draft.carts-closed #draftCartDock #shelfNav{display:none}
body.landing-draft.carts-closed #draftCartDock .draftCartHeading{margin-bottom:0}
@media(orientation:portrait){
  #draftCartDock{right:50%;top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:translateX(50%);width:min(380px,calc(100vw - 20px));padding:8px 10px}
  body.landing-draft #draftCartDock #draftCartToggle{min-height:36px;padding:6px 10px}
  #draftCartDock #shelfNav .shelfArrow{height:44px;min-height:44px}
}
/* Landscape phones keep compact side rails and content-sized top actions. */
@media(orientation:landscape) and (max-height:540px){
  body.landing-draft #brand{left:12px;max-width:170px}
  body.landing-draft #brand h1{font-size:25px}
  body.landing-draft #brand .tag{display:none}
  body.landing-draft #brand #links{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
  body.landing-draft #brand #links a{font-size:8px;padding:3px 5px}
  #draftLeft{left:12px;width:166px}
  #draftLeft button{padding:6px 8px;font-size:9px}
  #draftUtilities #mpie-bubble{padding:8px;font-size:9px;max-height:108px}
  #draftUtilities #mpie-canvas{width:60px;height:39px}
  #draftHeader{left:194px;right:12px}
  #draftTop{display:flex;justify-content:flex-end;gap:6px}
  #draftTop>#draftAll,#draftTop>#draftSkins,#draftTop>#draftMenu{width:auto;min-width:82px;max-width:100px;min-height:36px;padding:7px 10px;flex:0 0 auto;font-size:9px}
  #draftTop>#draftSkins{display:block!important;order:2}
  #draftTop>#draftActions{position:absolute;right:0;top:44px;max-width:calc(100vw - 206px);max-height:calc(100dvh - 68px);overflow:auto;flex-wrap:wrap;z-index:2}
  #draftCartDock{right:12px;width:174px;padding:7px;top:60px}
  #draftCartDock .draftCartHeading{gap:4px}
  #draftCartDock .draftCartHeading>span{font-size:9px;letter-spacing:.03em}
  body.landing-draft #draftCartDock #shelfNav{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}
  #draftCartDock #shelfNav .shelfArrow{width:36px;height:40px;min-height:40px}
  #draftCartDock #shelfNav #shelfCount{font-size:11px;letter-spacing:0}
}
/* Original quick-swap arrows stay in the menu, beside the full skin picker. */
#draftActions #draftSkinQuick{display:flex;align-items:stretch;gap:3px;flex:1 0 132px;min-width:132px}
#draftActions #draftSkinQuick .skinArrow{flex:0 0 30px;width:30px;min-width:30px;padding:4px;font-size:16px;min-height:36px;color:#ffdc57}
#draftActions #draftSkinQuick [data-proxy="openSkins"]{flex:1 1 auto;min-width:64px;padding:5px 4px}
@media(max-width:760px), (orientation:portrait){
  #draftActions #draftSkinQuick{width:100%;flex:none}
  #draftActions #draftSkinQuick .skinArrow{flex-basis:40px;width:40px;min-width:40px;min-height:40px;text-align:center}
  #draftActions #draftSkinQuick [data-proxy="openSkins"]{width:auto;text-align:center}
}

/* Text must remain readable in every layout and during message changes. */
body.landing-draft{--ink:#edf3fb;--dim:#b8c7dc}
body.landing-draft #mpie-wrap{opacity:1!important}
body.landing-draft #mpie-msg,body.landing-draft #mpie-msg.mpie-fade{color:#f3f6fc;opacity:1;transition:none;font:400 12px/1.5 monospace;letter-spacing:0}
body.landing-draft #mpie-bubble{background:#0b0e16;color:#f3f6fc}
body.landing-draft #mpie-input{color:#f3f6fc;font-size:12px;background:#080d18}
body.landing-draft #mpie-input::placeholder{color:#b8c7dc;opacity:1}
body.landing-draft #mpie-cdesc{color:#edf3fb;font-size:12px}
body.landing-draft #mpie-step-ct,body.landing-draft #mpie-esc{color:#c5d2e4;font-size:11px}
body.landing-draft #draftTop button,body.landing-draft #draftLeft>button,body.landing-draft #draftActions button{font-size:11px;line-height:1.3}
body.landing-draft #draftTop{align-items:flex-start}
body.landing-draft #draftActions{flex-wrap:wrap}
body.landing-draft #draftActions>button{min-width:78px}
body.landing-draft #draftActions #draftSkinQuick{min-width:140px}
body.landing-draft #draftActions #draftSkinQuick .skinArrow{font-size:16px}
body.landing-draft #draftUtilities #hint,body.landing-draft #draftUtilities #nowplaying{font-size:11px;color:#c5d2e4;letter-spacing:.02em}
body.landing-draft #draftUtilities #hint .k{color:#fff;background:#141f30;border-color:#8fa3c0}
body.landing-draft #draftLeft .draftPanel p{font-size:12px;line-height:1.5;color:#d0dceb}
body.landing-draft #draftCartDock .draftCartHeading>span,body.landing-draft #draftCartDock #draftCartToggle{font-size:11px}
body.landing-draft #draftCartDock #shelfNav .shelfArrow:disabled{opacity:1;color:#b5c4d8;border-color:#53617a;background:#111a2a}
body.landing-draft #draftUtilities #mpie-bubble{font-size:12px;max-height:180px}
body.landing-draft #draftUtilities #mpie-btns{display:flex;gap:6px;align-items:stretch}
body.landing-draft #draftUtilities #mpie-tour-btn{width:auto;flex:1;min-height:36px;font-size:11px;justify-content:center;text-align:center;padding:6px}
body.landing-draft #draftUtilities #mpie-x-btn{width:32px;flex:0 0 32px;min-height:36px;padding:4px;font-size:14px;justify-content:center;text-align:center}
@media(max-width:1100px) and (orientation:landscape){
  body.landing-draft #draftTop>#draftActions{position:absolute;right:0;top:48px;width:min(560px,calc(100vw - 206px));max-height:calc(100dvh - 68px);overflow:auto;background:#101827;border:2px solid #4bd8ec;padding:6px;flex-direction:column;gap:5px;align-items:stretch;z-index:2}
  body.landing-draft #draftActions>button,body.landing-draft #draftActions #draftSkinQuick{flex:none;width:100%;min-height:36px}
}
body.landing-draft #brand #links a{font-size:11px;line-height:1.3}
body.landing-draft #brand .tag{font-size:11px;line-height:1.4}
body.landing-draft #mpie-callout .mpie-nav-btn,body.landing-draft #mpie-send{font-size:11px}
/* Invitation choices and tour exit remain visible, readable touch targets. */
body.landing-draft #draftUtilities #mpie-bubble.tour-invite{max-height:180px}
body.landing-draft #draftUtilities .tour-invite #mpie-btns{flex-wrap:wrap}
body.landing-draft #draftUtilities .tour-invite #mpie-tour-btn,body.landing-draft #draftUtilities .tour-invite #mpie-x-btn{flex:1 1 80px;width:auto;min-height:44px;font-size:12px;white-space:normal}
body.landing-draft #mpie-esc{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:3;min-height:44px;min-width:120px;padding:10px 14px;border:2px solid #4bd8ec;box-shadow:3px 4px #000;background:#101827;color:#f3f6fc;font:700 13px/1.2 Arial;letter-spacing:.03em;cursor:pointer;pointer-events:auto}
body.landing-draft #mpie-esc:focus-visible{outline:3px solid #ffdc57;outline-offset:3px}
body.landing-draft #mpie-callout{max-height:calc(100dvh - 88px);overflow:auto}
@media(orientation:portrait){
  body.landing-draft #draftUtilities:has(.tour-invite){max-height:156px}
}
body.landing-draft #draftUtilities .tour-invite #mpie-tour-btn,body.landing-draft #draftUtilities .tour-invite #mpie-x-btn{flex:1 1 0;min-width:0}
body.landing-draft #mpie-callout{width:min(340px,calc(100vw - 32px));max-width:min(340px,calc(100vw - 32px));box-sizing:border-box}
body.landing-draft .mpie-nav-btn{min-height:40px;padding:8px 10px;font-size:12px}
body.landing-draft .mpie-nav-btn:disabled{opacity:1;color:#b8c7dc;border-color:#64748b;background:#111a2a}



/* Primary destinations remain visible independently of the tools menu. */
body.landing-draft #draftTop{position:relative;display:flex;align-items:stretch;gap:5px}
body.landing-draft #draftTop>#draftAll{order:1}
body.landing-draft #draftTop>#draftSkins{order:2;display:block!important;background:#fb4098!important;color:#160810!important}
body.landing-draft #draftTop>#draftArcade{order:3;background:#ffdc57;color:#17110b}
body.landing-draft #draftTop>#draftMenu{order:4}
body.landing-draft #draftTop>#draftCollapse{order:5;min-width:44px}
body.landing-draft #draftTop>button{min-height:44px;max-width:none;white-space:normal;padding:6px 9px;font-size:11px}
body.landing-draft #draftTop>#draftActions{position:absolute;inset:calc(100% + 8px) 0 auto auto;width:min(560px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 130px);overflow:auto;flex-direction:column;align-items:stretch;background:#101827;border:2px solid #4bd8ec;padding:7px;box-sizing:border-box;gap:5px;z-index:2}
body.landing-draft #draftActions>button,body.landing-draft #draftActions #draftSkinQuick{flex:none;width:100%;min-height:40px}
body.landing-draft #draftTop button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.landing-draft #draftHeader.fully-collapsed #draftTop>:not(#draftCollapse){display:none!important}
body.landing-draft #draftHeader.fully-collapsed #draftTop{display:flex;justify-content:flex-end}
@media(max-width:760px),(orientation:portrait){
  body.landing-draft #draftTop{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,.9fr) 44px;gap:4px}
  body.landing-draft #draftTop>button{width:100%;min-width:0;padding:6px 3px;font-size:11px;grid-row:1;grid-column:auto}
  body.landing-draft #draftTop>#draftActions{grid-column:1/-1;grid-row:auto;width:100%;max-height:calc(100dvh - 180px)}
  body.landing-draft #draftHeader.fully-collapsed #draftCollapse{width:auto;min-width:104px;padding:6px 12px}
}

/* Mobile chrome stays compact; the cartridge art has its own bay above it. */
body.landing-draft #brand h1{margin:0;line-height:1.08;-webkit-text-stroke:.6px #080b12;text-shadow:1px 2px 0 #080b12,2px 3px 0 var(--pow-red);transform:none;letter-spacing:.015em}
@media(orientation:portrait){
  body.landing-draft #brand h1{font-size:clamp(25px,7.3vw,34px)}
  body.landing-draft #draftHeader{inset:52px 10px auto}
  body.landing-draft #draftTop{gap:5px}
  body.landing-draft #draftTop>button{min-height:44px;padding:5px 2px;font-size:10px;box-shadow:2px 2px #000;border-width:1px}
  body.landing-draft #draftCartDock{display:flex;align-items:center;gap:7px;box-sizing:border-box;max-width:380px;padding:6px 7px}
  body.landing-draft #draftCartDock .draftCartHeading{order:2;flex:none;margin:0}
  body.landing-draft #draftCartDock .draftCartHeading>span{display:none}
  body.landing-draft #draftCartDock #draftCartToggle{min-height:44px;padding:5px 7px;min-width:50px}
  body.landing-draft #draftCartDock #shelfNav{flex:1;min-width:0;grid-template-columns:44px minmax(0,1fr) 44px;gap:5px}
  body.landing-draft #draftCartDock #shelfNav .shelfArrow{height:44px;min-height:44px}
  body.landing-draft.carts-closed #draftCartDock{width:auto;right:10px;transform:none}
  body.landing-draft #draftUtilities{bottom:calc(218px + env(safe-area-inset-bottom,0px))}
}

/* The arrows already explain browsing; a legacy full-width coach must not
   cover the cartridge art or its controls. The optional tour remains in Menu. */
body.landing-draft #coach{display:none!important}