html{overflow-y:auto;}
body.tier-maker-page{min-height:100dvh;background:var(--bg);color:var(--text2);overflow-x:hidden;}
.tier-maker-topbar .topbar-brand{width:auto;}
.tier-maker-topbar-tools{flex:0 1 auto;flex-wrap:wrap;max-width:100%;gap:8px;}
.tier-maker-topbar-tools .modal-title{margin:0 20px 0 0;font-size:17px;}
.tier-maker-topbar-tools .topbar-mini-btn{width:auto;min-width:72px;white-space:nowrap;}
.tier-maker-static-modal{height:min(720px,calc(100dvh - 90px));max-height:calc(100dvh - 90px);margin:0 auto 8px;border:0;}
#tierMakerTierRows{min-height:0;flex:1;display:grid;grid-template-rows:repeat(4,minmax(68px,1fr));gap:6px;}
#tierMakerToolbar{margin-bottom:10px;}
#tierMakerToolbar .role-tab{font-size:12px;}
.tier-maker-champ{border:0;background:transparent;font-family:inherit;}

.tier-maker-output-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.tier-maker-page .btn-sm.is-error{color:var(--red-deep);}

.tier-maker-legal{position:static;left:auto;right:auto;bottom:auto;width:min(1200px,calc(100vw - 28px));margin:0 auto 8px;}

.tier-maker-dialog-overlay{z-index:4100;padding:16px;}
.tier-maker-dialog{width:min(560px,100%);padding-bottom:18px;border-radius:8px;background:#151b24;}
.tier-maker-dialog .modal-header{padding:16px 18px 0;}
.tier-maker-dialog .modal-title{margin-bottom:14px;}
.tier-maker-dialog-body{padding:0 18px;}
.tier-maker-dialog-actions{display:flex;justify-content:center;gap:8px;margin-top:14px;}
.tier-maker-dialog-actions .btn-sm{height:32px;padding:0 14px;font-size:12px;}
.tier-maker-help-copy{color:var(--text2);font-size:13px;line-height:1.7;}
.tier-maker-help-copy p+p{margin-top:10px;}
.tier-maker-import-input{display:block;box-sizing:border-box;width:100%;height:160px;min-height:120px;max-height:40svh;resize:vertical;border:1px solid #526075;border-radius:7px;padding:12px;background:#303947;color:var(--text);font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none;}
.tier-maker-import-input::placeholder{color:#b5becc;opacity:1;}
.tier-maker-import-input:focus{border-color:rgba(248,249,251,.62);}
.tier-maker-import-status{min-height:16px;margin-top:6px;color:var(--red-deep);font-size:11px;line-height:16px;}
.tier-maker-import-btn{background:#303947;border-color:rgba(248,249,251,.42);font-weight:800;}

@media(max-width:920px){
  #tierMakerTierRows{grid-template-rows:repeat(4,minmax(76px,auto));}
}

@media(max-width:620px){
  .tier-maker-static-modal{width:calc(100% - 10px);height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);margin:0 auto 5px;}
  #tierMakerToolbar{align-items:flex-start;flex-wrap:wrap;}
  #tierMakerToolbar .role-tabs{max-width:100%;overflow-x:auto;padding-bottom:2px;}
  #tierMakerToolbar .champ-filter-controls{width:100%;}
  #tierMakerToolbar .champ-search-wrap{width:100%;}
  #tierMakerToolbar .champ-search{width:100%;}
}