/* Website overrides only: retain the desktop Launcher's colors, assets and controls. */
html[data-xixi-browser] { min-width: 320px; }
html[data-xixi-browser] body { min-width: 320px; width: 100%; height: 100dvh; overflow: hidden; }
html[data-xixi-browser] .app { min-width: 0; position:fixed; inset:var(--web-nav-height,60px) 0 0; padding:0; height:auto; }
html[data-xixi-browser] .pw-workspace { min-width: 0; }
html[data-xixi-browser] .main { overflow-y:auto; }
html[data-xixi-browser] [data-zone="updates"],
html[data-xixi-browser] [data-community-action="updates"],
html[data-xixi-browser] [data-community-action="backend"],
html[data-xixi-browser] [data-community-action="disconnect"],
html[data-xixi-browser] [data-community-action="resume"],
html[data-xixi-browser] [data-connection="disconnect"],
html[data-xixi-browser] [data-connection="resume"],
html[data-xixi-browser] .cp-join-menu,
html[data-xixi-browser] .pw-preview-audience { display:none !important; }
html[data-web-auth="loading"] #page-content,
html[data-web-auth="loading"] [data-zone="set"],
html[data-web-auth="loading"] [data-zone="control"],
html[data-web-auth="signed-out"] #page-content,
html[data-web-auth="signed-out"] [data-zone="set"],
html[data-web-auth="signed-out"] [data-zone="control"],
html[data-web-auth="signed-out"] .pw-cart,
html[data-web-auth="signed-out"] #panel-player-list,
html[data-web-auth="signed-out"] #panel-paldefender-log { display:none !important; }
html[data-web-auth="signed-in"] #web-public-panel { display:none !important; }
html[data-xixi-browser] .web-public-panel { flex:1; overflow:auto; width:100%; min-height:0; }
.web-welcome { padding:12px 0 22px; }
.web-welcome h1 { margin:6px 0 7px; font-size:clamp(26px,3vw,40px); letter-spacing:-.025em; }
.web-welcome p { margin:0; color:var(--muted,#b6abc9); }
.web-server-strip { display:flex; align-items:center; gap:22px; flex-wrap:wrap; padding:16px 18px; margin-bottom:18px; border:1px solid #8864b45c; border-radius:12px; background:#121123b8; }
.web-server-strip>div { display:flex; flex-direction:column; gap:5px; }
.web-server-strip>div:first-child { margin-right:auto; }
.web-server-strip small { color:#b0a4c8; font-size:10px; letter-spacing:.1em; }
.web-server-strip strong { color:#f8f6ff; font-size:14px; }
.web-status { display:flex; align-items:center; gap:6px; color:#b2a9ca; font-size:12px; }
.web-status i { display:inline-block; width:7px; height:7px; border-radius:50%; background:currentColor; }
.web-status.online { color:#72efc4; }
.web-signin-card { display:flex; gap:20px; align-items:center; padding:20px; margin-bottom:24px; border:1px solid #72e8df50; border-radius:13px; background:linear-gradient(120deg,#21465460,#33215170); }
.web-signin-card>div { flex:1; }
.web-signin-card h2 { margin:0 0 6px; font-size:19px; }
.web-signin-card p { margin:0; max-width:680px; color:#c9c0da; font-size:13px; line-height:1.7; }
.web-public-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.web-public-box { min-width:0; padding:16px; border:1px solid #8864b445; border-radius:12px; background:#1211239c; }
.web-public-box h2 { margin:0 0 10px; font-size:15px; }
.web-public-box h3,.web-public-detail h3 { margin:0 0 7px; font-size:13px; }
.web-public-box p,.web-public-detail p { margin:0 0 12px; color:#c9c0da; font-size:12px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.web-public-box .btn { max-width:100%; }
.web-public-notice { padding:12px 0; border-bottom:1px solid #8864b430; }
.web-public-notice:last-child { border-bottom:0; padding-bottom:0; }
.web-public-box:has(.web-public-notice) { max-height:260px; overflow:auto; }
.web-game-address { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.web-game-address strong { overflow-wrap:anywhere; color:#75e4df; }
.web-read-warning { padding:10px 13px; color:#ffdb98; background:#55412445; border-radius:8px; font-size:12px; }
.web-public-detail { margin-bottom:16px; }
.web-public-panel .homeFeatureCard .art { overflow:hidden; }
.web-public-panel .homeFeatureCard .art img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.web-loading { padding:clamp(25px,8vw,90px); text-align:center; }
.web-loading h1 { font-size:25px; }
.web-loading p { color:#c0b3d4; }
.web-orbit { display:inline-block; width:45px; height:45px; border-radius:50%; border:2px solid #684985; border-top-color:#6dfff0; animation:web-orbit 1.2s linear infinite; }
@keyframes web-orbit { to {transform:rotate(360deg);} }
.web-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.web-dialog-head h2 { margin:0; }
.web-dialog-head .btn { font-size:25px; min-width:36px; padding:2px 10px; }
.web-dialog-actions { margin-top:20px; justify-content:flex-end; }
.web-mod-list { max-height:50dvh; overflow:auto; }
.web-mod-list>div { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 3px; border-bottom:1px solid #75559055; }
.web-mod-list span { color:#bbaecf; font-size:12px; }
html[data-xixi-browser] dialog { max-width:min(920px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; }
html[data-xixi-browser] dialog input { max-width:100%; }
.web-noscript { position:fixed; inset:70px 20px auto; padding:25px; background:#211833; color:white; z-index:200; }
@media(min-width:1600px) { .web-public-panel .grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:1100px) {
  html[data-xixi-browser] .top { gap:8px; padding-inline:10px; }
  html[data-xixi-browser] .top .brand .bs { font-size:8px; }
  html[data-xixi-browser] .top .brand .bn { font-size:12px; }
  html[data-xixi-browser] .voip { width:225px; min-width:225px; }
  html[data-xixi-browser] .svBoc { max-width:155px; }
  html[data-xixi-browser] .xl-account strong { font-size:10px; }
  html[data-xixi-browser] .xl-account small { max-width:130px; overflow:hidden; text-overflow:ellipsis; }
}
@media(max-width:820px) {
  html[data-xixi-browser] .top { height:auto; min-height:58px; flex-wrap:wrap; padding:9px 12px; }
  html[data-xixi-browser] .top .brand { margin-right:auto; }
  html[data-xixi-browser] .top .spacer { display:none; }
  html[data-xixi-browser] .zones { display:flex; order:3; width:100%; overflow:auto; }
  html[data-xixi-browser] .top>.pw-play { display:none !important; }
  html[data-xixi-browser] .tool { gap:7px; }
  html[data-xixi-browser] .svBoc { display:none; }
  html[data-xixi-browser] .app { display:block; height:auto; }
  html[data-xixi-browser] .pw-workspace { height:100%; width:100%; }
  html[data-xixi-browser] .voip { display:none !important; }
  html[data-xixi-browser] .pw-preview-bar { min-height:30px; padding:5px 12px; }
  html[data-xixi-browser] .pw-preview-bar>span { display:none; }
  html[data-xixi-browser] .pw-preview-bar>p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html[data-xixi-browser] .wrap { max-width:100%; padding:15px; }
  html[data-xixi-browser] .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-xixi-browser] .pw-settings-workspace { display:block; overflow:auto; }
  html[data-xixi-browser] .set { display:flex; flex-direction:column; height:100%; min-width:0; }
  html[data-xixi-browser] .sside { width:100%; height:auto; max-height:210px; flex:none; padding:10px 12px; border-right:0; border-bottom:1px solid #694485; }
  html[data-xixi-browser] .sside .pw-settings-search { padding-bottom:6px; }
  html[data-xixi-browser] .sside .pw-settings-count { display:none; }
  html[data-xixi-browser] .sbody { flex:1; width:100%; padding:16px; }
  html[data-xixi-browser] .pw-settings-nav { width:100%; max-height:200px; border-right:0; border-bottom:1px solid #694485; }
  html[data-xixi-browser] .pw-settings-main, html[data-xixi-browser] .sbody { min-width:0; }
  html[data-xixi-browser] .pw-form-grid { grid-template-columns:1fr; }
  html[data-xixi-browser] table { display:block; overflow:auto; max-width:100%; }
  html[data-xixi-browser] .pw-footer { padding:6px 12px; }
  html[data-xixi-browser] .pw-footer>span:first-child { display:none; }
  .web-server-strip { gap:13px; padding:13px; }
  .web-signin-card { align-items:flex-start; flex-direction:column; padding:16px; }
  .web-signin-card>.btn { width:100%; }
  .web-public-sections { grid-template-columns:1fr; }
  html[data-xixi-browser] .homeFeatureCard .nm { font-size:12px; }
  html[data-xixi-browser] .pw-preview-bar>p { display:block; }
}
@media(prefers-reduced-motion:reduce) { .web-orbit { animation:none; } }