/* Final responsive layer. Loaded after every section stylesheet to keep breakpoints consistent. */
.wrap{width:100%;min-width:0}
main,.admin-main,.developer-workspace,.card,.form,.row,.table-wrap{min-width:0}
.grid>*,.row>*,.ops-tool-grid>*,.ops-launchpad>*,.dev-games-grid>*,.dev-wallet-grid>*,.directory-grid>*,.account-spaces>*{min-width:0}
input,select,textarea,fieldset{min-width:0;max-width:100%}
.form .row,.row{grid-template-columns:repeat(2,minmax(0,1fr))}
.btn{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
.table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-wrap td,.table-wrap th{overflow-wrap:anywhere}
.ops-prose,.mk-text,.dev-credit,.account-spaces a,.ops-table-link{overflow-wrap:anywhere}
.ops-heading,.ops-section-title,.developer-workspace-top,.dev-progress-label,.st-top,.st-h{flex-wrap:wrap}
.ops-heading>div,.ops-section-title>h2,.developer-workspace-top>div,.st-top>div{min-width:0}
.page-admin .ops-tool-section{padding:0;margin:28px 0}
.page-admin .admin{grid-template-columns:220px minmax(0,1fr);align-items:start}
.page-admin .admin-navigation{position:sticky;top:100px;align-self:start;min-width:0}
.page-admin .admin-navigation>summary{display:none}
.page-admin .admin-navigation .admin-side{position:static;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 125px);width:100%;min-width:0}
.page-admin .admin-navigation .admin-nav-group{width:100%;min-width:0;flex:none}
.page-admin .admin-navigation .admin-side a{white-space:normal;min-width:0;gap:8px;overflow-wrap:anywhere}
.page-admin .admin-side .count{flex-shrink:0}
.page-admin .admin-main>h1.display{font-size:clamp(1.65rem,5vw,2.4rem);line-height:1.12;overflow-wrap:anywhere}
#nav .more-menu{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.rank-assignment select,.st-handle,.st-pbar{min-width:0;max-width:100%}
.st-handle input{min-width:0;flex:1}
.developer-workspace-top>div,.dev-credit>div{flex-wrap:wrap}
@media(max-width:1100px){
  /* The header and staff layout enter compact mode together. */
  #nav>.wrap{gap:12px}
  #nav .menu-btn{display:block;flex-shrink:0}
  #nav>.wrap>.nav-right{display:none}
  #nav #links{display:none;position:absolute;top:80px;left:12px;right:12px;width:auto;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:3px;padding:12px;background:#1a1421;border:1px solid #ffffff24;border-radius:16px;max-height:calc(100dvh - 96px);overflow-x:hidden;overflow-y:auto;box-shadow:0 18px 45px #0007}
  #nav #links.open{display:flex}
  #nav #links>a{padding:12px 14px;font-size:.9rem}
  #nav #links>.more>.more-btn{display:none}
  #nav #links .more-menu{display:block;position:static;left:auto;right:auto;width:auto;min-width:0;max-height:none;overflow:visible;opacity:1;visibility:visible;transform:none;background:transparent;border:0;box-shadow:none;padding:0}
  #nav #links .site-explore-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ffffff13;padding-top:10px;margin-top:8px}
  #nav #links .nav-right-m{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:10px;border-top:1px solid #ffffff13;padding-top:12px}
  #nav #links .account-menu{padding:8px;border:1px solid #ffffff16;border-radius:12px}
  #nav #links .account-menu-btn{display:flex;width:100%;background:none;border:0}
  #nav #links .account-menu-name{max-width:none;white-space:normal}
  #nav #links .nav-link-plain{display:block;padding:12px;text-align:center}
  #nav #links .nav-cta{justify-content:center}
  .page-admin .admin{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px clamp(16px,3vw,32px) 60px}
  .page-admin .admin-navigation{position:static;width:100%}
  .page-admin .admin-navigation>summary{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid #ffffff22;border-radius:10px;background:#1b1d2a;cursor:pointer;list-style:none;color:#e3dcf3;font-size:.8rem}
  .page-admin .admin-navigation>summary::-webkit-details-marker{display:none}
  .page-admin .admin-navigation>summary>strong{margin-left:auto;min-width:0;font-size:.74rem;font-weight:500;color:#b5a6d3;overflow-wrap:anywhere}
  .page-admin .admin-navigation:not([open])>.admin-side{display:none}
  .page-admin .admin-navigation[open]>.admin-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;max-height:min(55dvh,440px);overflow-y:auto;padding:12px}
  .page-admin .admin-navigation .ops-side-title,.page-admin .admin-navigation .ops-rank-label{grid-column:1/-1;width:auto}
  .page-admin .admin-navigation .admin-nav-group{border-top:1px solid #ffffff10}
  .page-admin .admin-main{width:100%;max-width:100%}
  .page-admin .table-wrap>table{min-width:680px}
  .ops-case-layout,.rank-config-layout{grid-template-columns:minmax(0,1fr)}
  .rank-editor{position:static}
  .ops-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .wrap{padding-left:16px;padding-right:16px}
  .ops-heading{flex-direction:column;align-items:stretch;gap:14px}
  .ops-heading>.btn{align-self:flex-start;flex-shrink:1}
  .ops-section-title{align-items:flex-start;gap:10px}
  .ops-launchpad,.dev-games-grid,.dev-wallet-grid,.development-roster,.st-plans,.st-pro-grid{grid-template-columns:minmax(0,1fr)}
  .ops-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form .row,.row{grid-template-columns:minmax(0,1fr)}
  .ops-filters{align-items:stretch}
  .ops-filters>input,.ops-filters>select{flex:1 1 180px;width:100%;max-width:100%}
  .dev-clock-banner{align-items:flex-start;flex-wrap:wrap;padding:17px}
  .dev-job-stats{grid-template-columns:minmax(0,1fr)}
  .st-handle{flex-direction:column;align-items:stretch}
  .st-handle span{white-space:normal;overflow-wrap:anywhere;padding:10px;font-size:.72rem}
  .st-pbar{flex-wrap:wrap}
  .st-pbar b{flex-basis:100%;overflow-wrap:anywhere}
  .st-panel,.st-prev{position:static;max-width:100%}
  #prev{max-width:100%!important;height:clamp(340px,65dvh,640px)}
  .developer-workspace-top{align-items:flex-start;gap:18px}
  .developer-workspace-top>div{gap:14px}
}
@media(max-width:480px){
  #nav .brand-logo{width:125px}
  #nav #links .site-explore-menu{grid-template-columns:minmax(0,1fr)}
  .page-admin .admin-navigation[open]>.admin-side{grid-template-columns:minmax(0,1fr)}
  .page-admin .admin-navigation[open]>summary>span:last-child{transform:rotate(180deg)}
  .page-admin .admin-navigation>summary{gap:8px;padding:13px}
  .ops-tool-grid,.ops-workflow,.directory-grid,.account-spaces,.mk-kinds,.mk-steps{grid-template-columns:minmax(0,1fr)}
  .ops-tool,.directory-card,.account-spaces>section{padding:20px}
  .card:not(.ops-table){padding:20px}
  .dev-game-card{padding:0!important}
  .rank-assignment{flex-direction:column;align-items:stretch}
  .rank-assignment select{width:100%;max-width:none}
  .toolbar>.btn,.toolbar>input,.toolbar>select{max-width:100%}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
  .site-context nav>[aria-current]{max-width:calc(100vw - 100px)}
}
@media(max-height:600px) and (min-width:1101px){
  .page-admin .admin-navigation{position:static}
  .page-admin .admin-navigation .admin-side{max-height:none;overflow-y:visible}
  .st-panel,.st-prev,.rank-editor{position:static;max-height:none}
}
@media(max-height:500px){
  body.auth .auth-logo{position:absolute;top:15px}
  body.auth .auth-main{min-height:100svh;padding-top:75px;align-items:start}
}