/* Shared navigation is owned here, after the legacy page styles. */
:is(.us-header,.us-footer,#creator-header,#creator-footer) :is(a,button,summary):focus-visible{outline:3px solid #6673e5;outline-offset:4px;border-radius:6px}
.creator-jp #creator-header .portal-nav{position:relative;box-sizing:border-box;width:100%;min-width:0;align-items:center}
.creator-jp #creator-header:not(.creator-header-signed-in) .portal-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;max-width:1200px;margin:0 auto;padding:16px 28px}
.creator-jp #creator-header .portal-logo{display:inline-flex;align-items:center;flex:none;width:164px;max-width:100%;min-width:0;min-height:44px;height:auto}
.creator-jp #creator-header .portal-logo img{display:block;width:100%;height:auto}
.creator-jp #creator-header .portal-nav .portal-nav-guest{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:18px;width:auto;min-width:0;margin:0}
.creator-jp #creator-header .portal-nav-guest>.portal-button{flex:none;white-space:nowrap}
.creator-jp #creator-header .creator-tools{flex:none;position:relative;margin:0;min-width:0}
.creator-jp #creator-header .creator-tools>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;box-sizing:border-box;border:1px solid #d9d0e4;border-radius:10px;white-space:nowrap;cursor:pointer;list-style:none}
.creator-jp #creator-header .creator-tools[open]>summary .nav-menu-label{transform:none}
.nav-menu-icon{display:block;flex:none;width:22px;height:22px}
.us-header .us-menu{display:block;flex:none}
.us-header .us-header-row{position:relative;min-width:0}
.us-header-search{min-width:130px;flex-shrink:1}
.us-header .us-menu>summary,.us-header .us-cart-link{width:44px;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer}
.us-header .us-button-small{min-height:44px}
.us-header .us-menu>summary::marker,.creator-jp #creator-header .creator-tools>summary::marker{content:""}
.us-header .us-menu>summary::-webkit-details-marker,.creator-jp #creator-header .creator-tools>summary::-webkit-details-marker{display:none}
/* The panel height is refined using the visible viewport when opened. */
.us-header .us-menu>nav,.creator-jp #creator-header .creator-tools-list{
 position:absolute;top:calc(100% + 8px);right:0;left:auto;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:2px;
 box-sizing:border-box;width:330px;min-width:0;max-width:calc(100vw - 32px);margin:0;padding:10px;
 max-height:calc(100vh - 110px);max-height:var(--nav-panel-height,calc(100svh - 110px));overflow-y:auto;overscroll-behavior:contain;
 border:1px solid #ddd9e5;box-shadow:0 14px 40px #26203720;border-radius:12px;background:#fff;z-index:100;
}
.us-header .us-menu:not([open])>nav,.creator-jp #creator-header .creator-tools:not([open])>.creator-tools-list{display:none}
.us-header .us-menu nav a,.us-header .us-menu nav button,.creator-jp #creator-header .creator-tools-list a,.creator-jp #creator-header .creator-tools-list button{
 box-sizing:border-box;width:100%;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:flex-start;padding:10px 14px;margin:0;
 line-height:1.5;border-radius:7px;white-space:normal;overflow-wrap:anywhere;font-size:14px;text-align:left;
}
.us-header .us-menu nav a:hover,.creator-jp #creator-header .creator-tools-list a:hover{background:#f1eef8}
.us-header .us-menu>nav>form,.creator-jp #creator-header .creator-tools-list>form{min-width:0;width:100%;margin:4px 0 0}
.us-header .us-menu nav [data-nav-close],.creator-jp #creator-header .creator-tools-list [data-nav-close]{justify-content:space-between;font:inherit;font-size:14px;font-weight:700;background:#f4f1f8;color:#54465f;border:0;cursor:pointer;margin-bottom:4px}
[data-nav-close][hidden]{display:none!important}
.us-header a[aria-current=page],#creator-header a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}

/* Footers keep long labels and legal links inside their columns. */
.us-footer .us-footer-grid{grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:32px}
.us-footer .us-footer-grid>*,#creator-footer .portal-footer-grid>*{min-width:0}
.us-footer nav>a{min-height:44px;display:flex;align-items:center;font-size:13px;margin:0;line-height:1.6;overflow-wrap:anywhere}
.us-footer .footer-discover{display:flex;width:fit-content;min-height:44px;margin-top:20px;border:1px solid #c9c6d2}
.us-footer .us-footer-bottom{flex-wrap:wrap}
.us-footer .us-footer-bottom>nav{flex-wrap:wrap;gap:4px 22px}
.us-footer .us-footer-bottom>nav>a{font-size:12px}
#creator-footer .portal-footer-inner{max-width:1120px;width:calc(100% - 48px);margin:0 auto;padding:48px 0 22px}
#creator-footer .portal-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:30px;text-align:left}
#creator-footer .portal-footer-grid nav{display:block;padding:0;margin:0}
#creator-footer .portal-footer-grid h2{font-size:14px;font-weight:700;color:#33293e;margin:0 0 15px}
#creator-footer .portal-footer-grid a:not(.portal-button):not(.portal-logo){display:flex;align-items:center;min-height:44px;padding:7px 0;font-size:13px;line-height:1.6;color:#62556d;overflow-wrap:anywhere}
#creator-footer .portal-footer-grid a:hover{text-decoration:underline;text-underline-offset:4px}
#creator-footer .portal-footer-grid p{font-size:14px;line-height:1.8;margin:16px 0}
#creator-footer .portal-footer-grid .portal-button{font-size:13px;min-height:44px;padding:12px 16px;text-decoration:none;max-width:100%;box-sizing:border-box;white-space:normal}
#creator-footer .portal-note{border-top:1px solid #e3ddea;margin:28px 0 0;padding-top:20px;line-height:1.8;text-align:left;font-size:12px}

/* Shared experience callouts and editable content titles. */
.studio-guide-callout{display:flex;gap:22px;align-items:center;max-width:1120px;width:calc(100% - 40px);margin:36px auto;padding:26px;background:#f2ecfb;border:1px solid #e0d3f2;border-radius:20px;box-sizing:border-box}
.studio-guide-callout>div{min-width:0}
.studio-guide-callout>img{width:120px;height:96px;object-fit:contain}
.studio-guide-callout h2{font-weight:750;font-size:24px;margin:0 0 10px;line-height:1.4}
.studio-guide-callout p{line-height:1.7;margin:10px 0;font-size:15px}
.studio-guide-callout a{display:inline-flex;min-height:44px;align-items:center;color:#554091;text-decoration:underline;font-weight:700;line-height:1.6}
.studio-page a.studio-button{color:#fff}
.studio-page a.studio-button.studio-secondary{color:#3a49cb}
.lottery-english-edit{display:flex;flex-wrap:wrap;align-items:end;gap:10px;min-width:0;max-width:100%}
.lottery-english-edit label{display:grid;gap:5px;font-size:13px;min-width:0;max-width:260px}
.lottery-english-edit input{box-sizing:border-box;max-width:100%;min-width:0;min-height:44px;border:1px solid #c3b9cd;border-radius:8px;padding:10px;font:inherit}

@media(max-width:1100px){
 #creator-header .portal-nav-info{display:none}
 .us-header .us-desktop-nav{display:none}
 .us-header-search{flex:1}
 #creator-footer .portal-footer-grid,.us-footer .us-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .us-footer .us-footer-brand{grid-column:auto}
}
@media(max-width:767px){
 .creator-jp #creator-header:not(.creator-header-signed-in) .portal-nav{gap:10px;padding:12px 16px}
 .creator-jp #creator-header .portal-nav .portal-nav-guest{gap:8px}
 .creator-jp #creator-header .creator-tools,.us-header .us-menu{position:static}
 /* Anchor to the whole header row, never to an individual button. */
 .creator-jp #creator-header .creator-tools-list,.us-header .us-menu>nav{left:0;right:0;top:100%;width:auto;min-width:0;max-width:none;margin:6px 12px 0;max-height:calc(100vh - 170px);max-height:var(--nav-panel-height,calc(100svh - 170px))}
 .creator-jp #creator-header .creator-tools>summary{width:44px;height:44px;min-height:44px;padding:10px;gap:0}
 .creator-jp #creator-header .nav-menu-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .us-header .us-header-row{flex-wrap:nowrap;gap:8px}
 .us-header .us-header-actions{gap:6px}
 .us-header .us-brand img{width:120px;max-width:100%;height:auto}
 .us-header .us-button-small{padding:10px 12px}
 .us-header .us-cart-link{display:none}
 #creator-footer .portal-footer-inner{width:calc(100% - 32px);padding-top:32px}
 #creator-footer .portal-footer-grid{gap:28px 20px}
 .us-footer .us-footer-grid{gap:26px 20px}
 .us-footer .us-footer-brand{grid-column:1/-1}
 .studio-guide-callout{padding:20px;gap:16px;align-items:flex-start}
 .studio-guide-callout>img{width:72px;height:auto}
 .studio-guide-callout h2{font-size:21px}
 /* Shrink the containers, while wide tables scroll within their own regions. */
 :is(.creator-jp,.us-site) .clm2_wrap .right_wrap{min-width:0}
 :is(.creator-jp,.us-site) #slc_head .slc_wrap .search{min-width:0;box-sizing:border-box}
 .creator-jp .admin_sec .admin_box .ad_cont .input_area .input{min-width:0;max-width:100%;box-sizing:border-box}
 .creator-jp :is(.portal-sales-table-wrap,.partner-table-wrap,.lottery-odds-scroll),:is(.creator-jp,.us-site) .experience-table{min-width:0;box-sizing:border-box;overscroll-behavior-x:contain}
 :is(.creator-jp,.us-site) :is(.flow-field,.lk-field,.studio-field,.collection-editor) :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
 :is(.creator-jp,.us-site) :is(.studio-page,.content-page,.creator-flow,.lk-app,.partner-page){overflow-wrap:anywhere}
 :is(.creator-jp,.us-site) .content-list li{flex-wrap:wrap}
 .creator-jp .lk-catalog-item{flex-wrap:wrap}
 .creator-jp .lk-catalog-item>div,.creator-jp .lk-catalog-item>.lottery-english-edit{flex:1 1 100%}
 .creator-jp .lottery-english-edit label{flex:1 1 180px;max-width:100%}
 /* Prevent iOS focus zoom in the new forms and experience controls. */
 :is(.creator-jp,.us-site) :is(.flow-field,.lk-field,.studio-field,.collection-editor,.lottery-english-edit,.tip-controls) :is(input,select,textarea){font-size:16px}
}
@media(max-width:540px){
 #creator-header .portal-nav-login{display:none}
 .creator-jp #creator-header:not(.creator-header-signed-in) .portal-nav{gap:8px;padding:12px}
 .creator-jp #creator-header .portal-logo{width:clamp(100px,29vw,140px);flex:none}
 .creator-jp #creator-header .portal-nav .portal-nav-guest{gap:6px}
 .creator-jp #creator-header .portal-nav-guest>.portal-button{font-size:11px;padding:11px 9px;min-height:44px}
 #creator-footer .portal-footer-grid,.us-footer .us-footer-grid{grid-template-columns:minmax(0,1fr)}
 #creator-footer .portal-footer-grid nav{border-top:1px solid #e3ddea;padding-top:22px}
 #creator-footer .portal-footer-grid h2{margin-bottom:8px}
 .studio-guide-callout{display:block}
 .studio-guide-callout>img{float:right;width:70px;margin:0 0 10px 12px}
}

/* Signed-in workspace navigation; links remain available without JavaScript. */
:is(.creator-jp,.us-site) #sidemenu .workspace-toggle{display:none}
:is(.creator-jp,.us-site) #sidemenu .menu_list{box-sizing:border-box;max-width:100%;padding-inline:16px}
:is(.creator-jp,.us-site) #sidemenu .menu_list li{padding:12px 0;gap:4px}
:is(.creator-jp,.us-site) #sidemenu .menu_list li a{min-height:44px;overflow-wrap:anywhere;line-height:1.6}
:is(.creator-jp,.us-site) #sidemenu .menu_list li a,:is(.creator-jp,.us-site) #sidemenu .menu_list li a p{font-size:14px}
:is(.creator-jp,.us-site) #sidemenu :is(a,button):focus-visible{outline:3px solid #6673e5;outline-offset:3px}
@media(max-width:959px){
 :is(.creator-jp,.us-site) #sidemenu{width:100%;box-sizing:border-box;padding:16px}
 :is(.creator-jp,.us-site) #sidemenu .sp_menu{width:100%;height:auto;min-height:60px;box-sizing:border-box;gap:10px;padding:8px 12px;flex-wrap:wrap}
 :is(.creator-jp,.us-site) #sidemenu .sp_menu .name{flex:1;min-width:0;max-width:100%;font-size:14px;overflow-wrap:anywhere}
 :is(.creator-jp,.us-site) #sidemenu .sp_menu .icon{flex:none}
 :is(.creator-jp,.us-site) #sidemenu[data-workspace-ready] .workspace-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;order:1;background:#f6f3fa;color:#54465f;border:1px solid #d9d0e4;border-radius:10px;padding:8px;font:inherit;font-size:13px;cursor:pointer}
 :is(.creator-jp,.us-site) #sidemenu .workspace-toggle[hidden]{display:none}
 :is(.creator-jp,.us-site) #sidemenu .menu_list{position:static;display:block;width:100%;max-width:100%;margin:12px 0 0;padding:8px;opacity:1;z-index:auto;transition:none;border-radius:14px;box-sizing:border-box}
 :is(.creator-jp,.us-site) #sidemenu[data-workspace-ready][data-workspace-open=false] .menu_list{display:none}
 :is(.creator-jp,.us-site) #sidemenu .menu_list li{padding:0;gap:0}
 :is(.creator-jp,.us-site) #sidemenu .menu_list li a{padding:10px 14px}
 .us-site .admin_wrap{margin:28px auto 48px}
 :is(.creator-jp,.us-site) .admin_wrap .admin_sec{box-sizing:border-box}
}