@import url("./ranks-layout.css");
@import url("./commerce.css");
@import url("./growth-layout.css");
.online-screen{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;padding:20px max(20px,env(safe-area-inset-right)) 16px max(20px,env(safe-area-inset-left));background:linear-gradient(110deg,#f6f0e9f5,#f4edf5ec);color:var(--ink,#29243b);pointer-events:auto;gap:14px;overflow:hidden;font-family:inherit}
.online-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:none}.online-header h1{font-size:26px;margin:0}.online-player{margin-left:auto;display:flex;gap:14px;align-items:center}.online-player span,.online-message{color:#625c70}.online-body{overflow:auto;min-height:0;flex:1;padding:3px 4px 12px;overscroll-behavior:contain}.online-body h2{font-size:19px}.online-message{font-size:14px;line-height:1.6;margin:10px 0;white-space:pre-wrap}.online-message.error{color:#a22d39}.online-body .btn,.online-dialog .btn{white-space:normal}.online-balance{font-size:20px;font-weight:bold}.online-stack{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.online-stack img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated}.online-stacks{display:inline-flex;gap:12px;flex-wrap:wrap}.online-tabs{display:flex;gap:6px;margin-left:auto}.online-growth-list{display:grid;gap:10px;margin-top:15px}.online-growth-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.online-growth-row h2{margin:0}.online-row-actions{display:flex;gap:8px;flex-shrink:0}.online-filters{display:flex;flex-wrap:wrap;gap:12px}.online-filter{display:flex;flex-direction:column;gap:6px;font-size:13px}.online-filter select,.online-dialog select,.online-dialog input{padding:9px 12px;min-height:40px;max-width:100%;color:#29243b;background:#fff;border:2px solid #c8bdcb;border-radius:8px;font:inherit}.online-rank-table{display:grid;gap:7px}.online-rank-row.btn{display:grid;grid-template-columns:55px minmax(100px,2fr) minmax(90px,1fr) 100px 70px;gap:12px;align-items:center;width:100%;text-align:left;padding:12px;font-size:14px;border:1px solid #d6cdd9;background:#fff;color:#29243b}.online-rank-row.btn.mine{background:#fff5d0;border-color:#b89a3c}.online-rank-row b{overflow-wrap:anywhere}.online-rank-row small{font-size:11px}.online-overlay{position:fixed;inset:0;z-index:20000;background:#211a35bf;display:grid;place-items:center;pointer-events:auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:#29243b}.online-dialog{background:#fff9ef;width:min(580px,100%);max-height:100%;padding:24px;overflow:auto;border-radius:16px}.online-dialog h1{font-size:25px;margin:0 0 16px}.online-dialog-body{display:grid;gap:12px}.online-dialog label{display:grid;gap:6px}.online-server-list{display:grid;gap:10px}.online-screen button:focus-visible,.online-overlay button:focus-visible,.online-screen select:focus-visible,.online-overlay input:focus-visible{outline:3px solid #2461ca;outline-offset:3px}.online-screen button:disabled,.online-overlay button:disabled{opacity:.5;cursor:not-allowed}.online-body>button{margin:5px 8px 5px 0}
@media(max-width:900px){.online-screen{padding-top:10px;gap:8px}.online-header{gap:8px}.online-header h1{font-size:21px}.online-player{font-size:12px}.online-message{font-size:12px;margin:6px 0}.online-growth-row{padding:12px}.online-tabs .btn{padding:7px 10px}}
@media(max-width:600px){.online-player{width:100%;margin:0}.online-tabs{margin-left:0;flex-wrap:wrap}.online-rank-row.btn{grid-template-columns:35px minmax(75px,1fr) 80px;gap:8px}.online-rank-row>span{grid-column:2}.online-rank-row>strong:last-of-type{grid-column:3;grid-row:1}.online-rank-row>small{grid-column:3}.online-growth-row{align-items:flex-start;flex-direction:column}.online-filter{flex:1;min-width:100px}.online-filter select{width:100%}}
@media(max-height:480px) and (min-width:601px){.online-header h1{font-size:20px}.online-body{padding-bottom:3px}.online-dialog{padding:16px}.online-dialog h1{font-size:21px;margin-bottom:8px}}
.online-screen [hidden],.online-overlay [hidden]{display:none!important}
/* Preserve the original menu/secondary-screen layout; additions use its tokens and artwork. */
.online-original-home .mm-item:disabled{opacity:.55;cursor:wait}
.online-home-sync{grid-column:1/-1;max-width:100%;animation:none;cursor:default}.online-home-sync .mm-tx{flex:1;min-width:0}.online-home-sync .mm-tx b{font-size:14px}.online-home-sync .mm-tx small{white-space:normal;font-size:11px;overflow-wrap:anywhere}.online-home-sync .mm-ic{width:32px;height:32px;flex:none}.online-home-sync .btn{flex:none;font-size:12px;padding:7px 12px}.online-home-sync:active{transform:skew(-6deg)}
.online-home-sync[hidden],.online-home-sync [hidden]{display:none!important}
.online-settlement .sm-note>div{min-width:0;overflow-wrap:anywhere}.online-settlement .sm-note .btn{align-self:flex-start;margin-top:6px}.online-settlement-rewards .sm-task>img{width:32px;height:32px;image-rendering:pixelated}.online-settlement-rewards .sm-dust{flex-wrap:wrap}.online-settlement-rewards .sm-task{animation:none}.online-settlement-rewards .sm-note{flex-shrink:0}
.online-connected>.online-body{width:100%;padding:6px;box-sizing:border-box}
.online-connected .scr-head h1{margin:0}
.online-original-growth button:disabled{opacity:.5;cursor:not-allowed}
.online-original-growth button:focus-visible,.online-original-home button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.online-original-growth .lab-buy .online-stack{font-size:16px}.online-original-growth .lab-buy img{width:22px;height:22px}
.online-original-growth .ic-foot{flex-wrap:wrap}.online-original-growth .ic-foot .bar{width:100%;min-width:0;flex:none;height:20px}
.online-original-growth .ic-foot .online-stacks{font-size:12px}.online-original-growth .ic-foot .online-stack img{width:18px;height:18px}
.online-original-growth .ic-foot .ic-buy{width:100%}
.online-original-growth .tk-side .online-stack{font-size:12px}.online-original-growth .tk-side .online-stack img{width:20px;height:20px}
.online-original-growth .q-reward .online-stack{font-size:13px}.online-original-growth .q-card.done .q-reward small{font-size:12px}
.online-original-growth .tk-body,.online-original-growth .q-card>.grow{min-width:0}.online-original-growth .bar b{font-size:11px}
@media(max-width:900px){.online-original-growth .tk-main{grid-template-columns:minmax(0,1fr)}.online-original-growth .tk-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.online-original-growth .tk-card{flex-wrap:wrap}.online-original-growth .tk-side{flex-direction:row;flex-wrap:wrap}.online-original-growth .q-card{flex-wrap:wrap}}
@media(max-width:600px){.online-original-growth .tk-cols{grid-template-columns:minmax(0,1fr)}.online-original-growth .lab-hub{width:100%}.online-original-growth .lab-mode{min-width:0}.online-original-growth .q-grid{grid-template-columns:minmax(0,1fr)}}
.online-home-ranks .online-rank-name{display:flex;flex-direction:column;min-width:0;flex:1}.online-home-ranks .online-rank-name b{overflow:hidden;text-overflow:ellipsis}.online-home-ranks .online-rank-name small{font-size:11px;color:var(--ink-2)}
.online-home-ranks .mm-sp-row{grid-template-columns:28px 40px minmax(0,1fr) auto;min-height:48px}.online-home-ranks .online-rank-avatar{display:grid;place-items:center;width:40px;height:40px}.online-home-ranks .mm-sp-sub .pill{flex:1}.online-home-ranks .mm-sp-head>div{display:flex;flex-direction:column}.online-home-ranks .mm-sp-head span{font-size:12px}
.online-connected>.online-body{background:var(--paper,#faf8fc);border-radius:22px;padding:16px;box-shadow:var(--shadow-sm)}
.online-connected .online-filter select{border-radius:18px;border-color:var(--line,#ddd8e9)}
.online-original-growth .lab-buy:disabled{opacity:1;color:var(--ink-2)}
@media(max-height:480px){.online-connected>.online-body{padding:12px}.online-home-sync .mm-tx small{font-size:10px}.online-home-sync .mm-ic{width:24px;height:24px}}
/* The original ranking sidebar, podium, list and personal footer consume the online contract. */
.online-original-ranks .bd-row{grid-template-columns:44px minmax(130px,1.2fr) minmax(90px,1fr) 120px}
.online-original-ranks .bd-row>:nth-child(n){display:flex;min-width:0}.online-original-ranks .bd-row .bd-val{justify-content:flex-end}
.online-original-ranks .bd-who-n b,.online-original-ranks .pod>b{overflow-wrap:anywhere}.online-original-ranks .pod>b{max-width:100%}
.online-original-ranks .bd-me .bd-val{display:flex;align-items:baseline;gap:8px}.online-original-ranks .bd-me-row{flex-wrap:wrap}
.online-original-ranks .bd-side .bd-pnote{color:#fff;text-shadow:0 1px 2px #0008}.online-original-ranks .bd-scroll>.online-message{color:#fff}
.online-original-ranks .online-rank-cutoff{padding:12px;margin:0;font-size:13px}
.online-original-ranks .bd-pick-ic img{max-width:38px;max-height:38px;object-fit:contain}
.online-original-ranks .online-rank-species summary{font-size:13px;font-weight:800;cursor:pointer;padding:4px 0}
.online-original-ranks .online-rank-species .bd-mons{max-height:240px;min-height:0;margin-top:8px}.online-original-ranks .online-rank-species .bd-search{margin-top:8px}
.online-original-ranks .bd-mode-t:focus-visible,.online-original-ranks .bd-pick:focus-visible,.online-original-ranks .pod:focus-visible,.online-original-ranks .bd-row:focus-visible,.online-original-ranks .pill:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.online-original-ranks button:disabled{cursor:default}.online-original-ranks .bd-opt .pill:disabled{opacity:.5}
.online-public-build{z-index:20000;pointer-events:auto;color:var(--ink)}.online-public-build .mp-head>div{flex:1}.online-public-build .mp-head b{overflow-wrap:anywhere}
.online-public-build .mp-slots{margin:0}.online-public-build .mp-none{margin:8px 0}
@media(max-width:900px){.online-original-ranks .bd-row{grid-template-columns:32px minmax(110px,1fr) minmax(80px,auto) 90px;gap:6px}.online-original-ranks .bd-me .btn{padding:6px 10px}.online-original-ranks .pod{min-width:0}}
@media(max-height:560px) and (min-width:601px){.online-original-ranks .bd-side{width:200px}.online-original-ranks .bd-row{grid-template-columns:30px minmax(90px,1fr) 70px 78px;font-size:12px;padding:5px 8px}.online-original-ranks .bd-me{padding:6px 10px}.online-original-ranks .bd-me-av{display:none}.online-original-ranks .bd-me-tx{min-width:0}.online-original-ranks .bd-hero{padding:10px 14px}.online-original-ranks .bd-hero h2{font-size:24px}}
@media(max-width:600px){.online-original-ranks .bd-row{grid-template-columns:28px minmax(90px,1fr) 80px}.online-original-ranks .bd-row>:nth-child(3){display:none}.online-original-ranks .bd-side .bd-pnote{margin:4px}.online-original-ranks .bd-me{flex-wrap:wrap}.online-public-build .mp-head{gap:8px}.online-public-build .bv-mon{display:none}}
.online-original-ranks .online-rank-species summary{background:var(--paper);color:var(--ink);border-radius:12px;padding:10px}
@media(min-width:601px) and (max-width:900px){.online-original-ranks .bd-wrap{flex-direction:row;overflow:hidden}.online-original-ranks .bd-side{width:200px;overflow:hidden auto}.online-original-ranks .bd-main{min-height:0}}
@media(max-width:600px){.online-original-ranks .bd-wrap{overflow:hidden;gap:8px}.online-original-ranks .bd-side{width:100%;height:190px;max-height:32%;overflow:hidden auto}.online-original-ranks .bd-main{min-height:0;gap:6px}.online-original-ranks .bd-hero{padding:10px 14px}.online-original-ranks .bd-hero h2{font-size:23px}.online-original-ranks .podium{zoom:.65;padding-top:6px}}
@media(max-height:480px) and (min-width:601px){.online-original-ranks .bd-hero{flex-direction:row;align-items:center;gap:10px}.online-original-ranks .bd-hero-tx{flex:1;min-width:0}.online-original-ranks .bd-hero-chips{max-width:45%;justify-content:flex-end}.online-original-ranks .podium{zoom:.58;padding-top:6px}}
@media(max-width:600px){.online-original-ranks .scr-head{gap:8px}.online-original-ranks .scr-head h1{font-size:24px;padding:8px 12px}.online-original-ranks .scr-head .btn{padding:8px 10px}.online-original-ranks .bd-me{padding:8px 10px;gap:8px}.online-original-ranks .bd-me-av{display:none}.online-original-ranks .bd-me-tx{min-width:0}.online-original-ranks .bd-me-row{flex-wrap:nowrap;gap:5px}.online-original-ranks .bd-me-row>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.online-original-ranks .bd-me .bd-val{gap:3px;font-size:14px}.online-original-ranks .bd-me .bd-val small{display:none}}
/* Startup and account services reuse the upstream auth, trainer and record components. */
.online-service-screen .auth-card,.online-service-overlay .auth-card{max-height:calc(100dvh - 32px);min-height:0;overflow:hidden}
.online-service-overlay{z-index:20000;pointer-events:auto;color:var(--ink);padding:16px}
.online-service-overlay .auth-card{width:min(620px,100%);transform:none}
.online-service-overlay .auth-card>*{transform:none}
.online-service-card .ribbon{font-size:23px;line-height:1.25;margin:0;flex:none;overflow-wrap:anywhere}
.online-service-card .ribbon img{width:32px;height:32px;flex:none}
.online-service-card .auth-body{min-height:0;overflow:auto;padding:3px;overscroll-behavior:contain}
.online-service-card .auth-note{flex:none;line-height:1.5}
.online-service-card .auth-perks b,.online-service-card .auth-perks small{display:block}.online-service-card .auth-perks small{font-size:12px;color:var(--ink-2);line-height:1.5}
.online-service-card .auth-perks img{flex:none}
.online-service-card .err:empty{display:none}.online-service-card .err{margin:0;font-size:13px;overflow-wrap:anywhere}
.online-service-card .auth-warn{margin:0;line-height:1.5}
.online-service-card button:focus-visible,.online-service-card input:focus-visible,.online-service-card select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.online-service-card button:disabled{opacity:.5;cursor:default}
.online-service-card [hidden]{display:none!important}
.online-field-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;color:var(--ink-2)}
.online-field-label .field{width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--paper-2);border:2px solid var(--line);border-radius:16px;padding:10px 14px}
.online-server-cards{display:grid;gap:10px;max-height:240px;min-height:90px;flex:none;padding:4px 4px 8px}
.online-service-card .online-server-card{display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;white-space:normal;font-size:14px;min-height:72px;width:100%}
.online-server-card .bd-pick-ic{flex:none}.online-server-card .bd-pick-ic img{width:32px;height:32px;object-fit:contain}
.online-server-text{flex:1;min-width:0;overflow-wrap:anywhere}.online-server-card b,.online-server-card small{display:block}
.online-server-card small{font-size:12px}.online-server-state{font-size:11px;flex:none;font-weight:800}
.online-create-role{display:flex;flex-direction:column;gap:8px;background:var(--paper-2);padding:12px;border-radius:16px}
.online-create-role .muted{font-size:12px}.online-service-actions{display:flex;gap:8px}.online-service-actions:empty{display:none}
.online-service-card .online-service-actions .btn{font-size:14px;padding:8px 14px;width:auto}
.online-recovery-art{text-align:center}.online-recovery-art img{width:64px;height:64px;image-rendering:pixelated}
.online-recovery-card .mt-msg{max-height:none;font-size:14px}.online-recovery-card .mt-body{gap:12px}
.online-original-services .pf-body{width:100%;overflow:auto}.online-original-services .pf-body>*{flex-shrink:0}
.online-original-services .pf-av>img{width:72px;height:72px;object-fit:contain}.online-original-services .pf-av{padding:4px 8px}
.online-original-services .pf-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.online-original-services .pf-stat .pf-sic img{width:32px;height:32px;object-fit:contain}
.online-original-services .pf-box p{margin:0;font-size:14px;line-height:1.6}
.online-original-services .pf-box>.btn{align-self:flex-start}.online-original-services .pf-id h2{overflow-wrap:anywhere}
.online-profile-date{display:block;margin-top:8px;color:var(--ink-2);font-weight:700}
.online-account-server{font:900 22px var(--font-title);margin:6px 0}.online-export-status{color:var(--ink-2)}
.online-original-services .pf-cols{align-items:start}.online-original-services .pf-cols>.pf-box{gap:12px}
.online-original-services .pf-run{grid-template-columns:40px minmax(100px,1.1fr) minmax(95px,1fr) 65px 65px 90px auto;padding:10px;gap:10px}
.online-original-services .pf-run>:nth-child(n){display:block;min-width:0}.online-original-services .pf-run img{width:36px;height:36px;object-fit:contain}
.online-record-identity b,.online-record-map b{display:block}.online-record-identity small,.online-record-map small{display:block;color:var(--ink-2);font-size:11px;margin-top:3px}
.online-record-state{font-size:12px}.online-record-state.quarantined{color:var(--red-d)}
.online-original-services .pf-run>.btn{white-space:nowrap;padding:7px 12px;font-size:12px}
.online-original-services .pf-recent{gap:8px}.online-original-services .bd-empty img{width:60px;height:60px;image-rendering:pixelated}
@media(max-width:1000px){.online-original-services .pf-run{grid-template-columns:36px minmax(85px,1fr) minmax(80px,1fr) 55px 52px 60px auto;gap:6px;font-size:12px}.online-original-services .pf-run>.btn{padding:7px 8px}.online-original-services .pf-cols{grid-template-columns:1fr 1fr}}
@media(max-width:900px) and (min-height:561px){.online-service-screen .auth-hero{top:22px}.online-service-screen .auth-side{top:155px;bottom:16px;translate:-50% 0;max-height:none}.online-service-screen .auth-card{max-height:100%}}
@media(max-height:560px){.online-service-card .ribbon{font-size:20px}.online-service-card .auth-body .btn{font-size:16px;padding:9px 14px}.online-service-card .auth-perks div{font-size:12px}.online-service-card .auth-perks small{font-size:11px}.online-service-card .auth-note{font-size:10px}.online-service-card .auth-warn{font-size:11px}.online-service-card .auth-body{gap:8px}.online-recovery-art img{width:40px;height:40px}.online-recovery-card .mt-body{gap:8px}.online-server-cards{max-height:145px}.online-original-services .pf-hero{padding:10px 14px}.online-original-services .pf-id h2{font-size:26px}.online-original-services .pf-stats{gap:6px}}
@media(max-width:600px){.online-original-services .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.online-original-services .pf-cols{grid-template-columns:1fr}.online-original-services .pf-run{grid-template-columns:34px minmax(80px,1fr) minmax(65px,1fr);gap:8px}.online-original-services .pf-run .online-record-state{grid-column:1/3}.online-original-services .pf-run>.btn{grid-column:2/4;justify-self:end}.online-original-services .pf-hero{gap:10px;padding:12px}.online-original-services .pf-id h2{font-size:25px}.online-service-card .ribbon{font-size:21px}.online-service-card .auth-body .btn{font-size:17px}.online-service-overlay .auth-card{padding:16px}.online-service-card .online-server-card{font-size:14px}}
.online-service-card>.online-service-actions{flex:none}.online-service-card>.online-service-actions .btn{font-size:14px;padding:8px 14px}
@media(max-height:560px){.online-original-services .pf-av .av{width:56px!important;height:56px!important}.online-original-services .pf-av{padding:0}.online-original-services .online-profile-date{display:none}.online-original-services .pf-stat{padding:7px 10px}.online-original-services .pf-stat b{font-size:17px}.online-original-services .pf-stat .pf-sic img{width:24px;height:24px}.online-role-card .online-create-role{padding:8px;gap:6px}.online-role-card .online-field-label .field{padding:7px 12px}.online-role-card .online-create-role .btn{padding:7px 12px}.online-role-card .online-create-role small{font-size:11px}}
@media(max-width:600px) and (min-height:561px){.online-service-screen .auth-hero{top:62px}.online-service-screen .auth-side{top:190px}}
/* Share the otherwise empty second slot beside tasks on short landscape screens. */
@media(max-height:560px) and (min-width:600px){
  .online-original-home .online-home-sync{grid-column:2;grid-row:2;gap:6px;padding:6px 9px}
  .online-original-home .online-home-sync .mm-tx b{font-size:12px}
  .online-original-home .online-home-sync .mm-tx small{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .online-original-home .online-home-sync .btn{padding:6px 8px;font-size:11px}
}
@media(max-height:560px){
  .online-settlement .sm-best-n{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px}
  .online-settlement .sm-best-n b{font-size:24px}
  .online-settlement .sm-note{font-size:11px;padding:6px 8px;gap:6px}
  .online-settlement .sm-note .btn{padding:5px 10px;font-size:12px;margin-top:3px}
  .online-settlement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .online-settlement .sm-best{grid-column:1/-1}
  .online-settlement:has(.sm-tt) .sm-best{grid-column:1}
  .online-settlement .sm-tt{padding:5px 10px;min-width:0}
  .online-settlement .sm-tt>div:first-child{min-width:0;flex-direction:row;align-items:center;justify-content:space-between;gap:4px}
  .online-settlement .sm-tt b{font-size:20px}
  .online-settlement .sm-note{grid-column:1/-1}
}

/* Cloud recovery uses the existing profile panels and auth dialog. */
.online-mock-badge{position:fixed;bottom:4px;left:50%;transform:translateX(-50%);z-index:10000;padding:4px 12px;border-radius:12px;background:var(--ink);color:white;font-size:12px;pointer-events:none;white-space:nowrap;}
.online-cloud-conflict{padding:12px 0;border-top:1px solid var(--line);}
.online-cloud-conflict .btn{margin:4px;}
.online-service-card input[type=file]{max-width:100%;min-width:0;}
.online-service-card .auth-body>*{flex-shrink:0;}
.online-original-services .online-service-actions{flex-wrap:wrap;}
/* Server fields within the native clan/leaderboard layout. */
.online-guild-extensions .cl-page{overflow:auto;min-height:0}
.online-guild-extensions .cl-view{min-width:0}
.online-guild-extensions .cl-nav{position:sticky;top:0;z-index:2;overflow-x:auto;flex-wrap:nowrap}
.online-guild-extensions .cl-tab{flex-shrink:0}
.online-guild-extensions .lc-body{min-width:0}
.online-guild-extensions .online-guild-field{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.online-guild-extensions .online-guild-field .field{width:100%;min-width:0;box-sizing:border-box}
.online-guild-extensions .online-guild-form{display:flex;align-items:flex-end;gap:10px;margin:12px 0;min-width:0}
.online-guild-extensions .online-guild-field textarea{min-height:100px;resize:vertical}
.online-guild-extensions .cl-tabbar{flex-wrap:wrap;gap:10px}
.online-guild-extensions .cl-chat{height:auto;min-height:300px}
.online-guild-extensions .cl-chat-list{max-height:55vh;min-height:120px}
.online-guild-extensions .cl-chat-bar{position:static}
.online-guild-extensions .cl-msg-bub,.online-guild-extensions .cl-guide-tx{white-space:pre-wrap;overflow-wrap:anywhere}
.online-guild-extensions .cl-rx{flex-wrap:wrap}
.online-guild-extensions .cl-prize{display:flex;flex-wrap:wrap;gap:12px}
.online-guild-extensions .cl-prize>span{flex:1;min-width:100px}
.online-guild-extensions .cl-prize small{display:block}
.online-guild-extensions .cl-prize .online-rewards{margin:0}
.online-guild-extensions .cl-row{grid-template-columns:36px 40px minmax(100px,1fr) auto auto;gap:10px}
.online-endless .bd-who>img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.online-endless .bd-who-n{display:flex;flex-direction:column}
.online-endless .bd-val{flex-direction:column;align-items:flex-end}
.online-endless .bd-val small{font-size:11px;white-space:normal}
.online-endless .pod-av>img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated}
@media(max-width:600px){.online-guild-extensions .online-guild-form{flex-wrap:wrap}.online-guild-extensions .cl-hero-emb{display:none}.online-guild-extensions .cl-hero{padding:16px}.online-guild-extensions .cl-grid{grid-template-columns:1fr}.online-guild-extensions .cl-row{grid-template-columns:24px 30px minmax(80px,1fr) auto}.online-guild-extensions .cl-row>:nth-child(4){display:none}.online-guild-extensions .cl-chat-bar{flex-wrap:wrap}.online-guild-extensions .cl-tabbar .online-guild-field{flex-basis:100%}}
/* Server-backed content keeps CI/KF/bF's native hierarchy and visual components. */
.online-native-event .ev-main.event-directory{grid-template-columns:1fr}
.online-native-event .event-directory .ev-side{display:none}
.online-native-event .ev-step-rw .online-rewards,.online-native-event .ev-qrw .online-rewards{margin:0;display:contents}
.online-native-event .ev-prize .online-reward{display:inline-flex}
.online-native-event .ev-next .ev-bar b{display:none}
.online-guild-extensions .cl-view>.cl-pane{height:auto;min-height:0}
.online-guild-extensions .cl-chat.online-cl-chat{grid-template-columns:minmax(0,1fr);height:min(62vh,560px);min-height:260px}
.online-guild-extensions .cl-chat-list{max-height:none}
.online-guild-extensions .cl-slots-btn .online-rewards{margin:0;display:inline-flex}
.online-guild-extensions .cl-brow{grid-template-columns:40px minmax(0,1fr) auto minmax(70px,auto)}
.online-guild-extensions .cl-history{margin:8px 0;color:var(--ink-2)}
.online-clan-modal .cl-editor{min-width:0}
.online-clan-modal .online-guild-form{flex-direction:column;align-items:stretch}
.online-clan-modal .cl-emblem-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}
.online-clan-modal .cl-emblem-options button{display:flex;flex-direction:column;align-items:center}
.online-clan-modal .cl-emb-preview{display:flex;justify-content:center;margin:16px}
.online-clan-modal .cl-accs{grid-template-columns:repeat(2,minmax(0,1fr))}
.online-clan-modal [role=alert]:empty{display:none}
@media(max-width:600px){.online-guild-extensions .cl-hero-emb{display:block}.online-guild-extensions .cl-hero-emb>*{max-width:80px;max-height:80px}.online-guild-extensions .cl-brow{grid-template-columns:28px minmax(0,1fr) auto}.online-guild-extensions .cl-brow>:nth-child(3){display:none}.online-clan-modal .cl-accs{grid-template-columns:1fr}}

/* Online home restores the official social shortcuts hidden by the legacy local-only layout. */
#ui .mm.online-native-home .trainer .tr-mail{display:inline-flex}

/* 合作战绩伙伴图标去除资源透明留白，固定占满圆形底板。 */
.tr-panel .tr-mon{width:56px;height:56px}
.tr-panel .online-team-pokemon{display:grid;place-items:center;width:48px;height:48px}
.tr-panel .online-team-pokemon>.pix{width:48px!important;height:48px!important;max-width:none;image-rendering:pixelated}