/* Reuse the existing generated RPG frame; every label remains native DOM. */
#server-entry{width:100%;margin-top:12px;min-height:36px;border:1px solid #8b7959;color:#edddba;background:#17201f;font-size:13px;letter-spacing:.03em}
.lobby-card[data-mode=register] #server-entry,.lobby-card[data-mode=create] #server-entry{display:none}
#minimap-panel #channel-btn{display:block;width:100%;min-height:28px;border:0;border-top:1px solid #8b79594d;background:#111b1ae6!important;color:#decba2;font:12px/1.4 system-ui;padding:5px 8px;cursor:pointer}
#minimap-panel #channel-btn:hover{color:#fff0c9;background:#29332b!important}
#modal[data-kind=channels]{width:min(600px,94cqw);max-height:94cqh;box-sizing:border-box;border:12px solid transparent;border-image:url('/public/assets/rpg-window-frame-v1.webp') 30 fill / 12px / 0 stretch;padding:22px;background:#171b19!important;color:#ece4d3;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a28d61 #151917}
#modal[data-kind=channels]>header{padding:0 0 14px;margin:0 0 18px;border-bottom:1px solid #b99c5b40}
#modal[data-kind=channels] #modal-title{font:600 22px/1.4 system-ui;letter-spacing:.02em}
#modal[data-kind=channels] #modal-body{padding:0}
.channel-window{font:13px/1.5 system-ui;text-shadow:none;letter-spacing:0}
.channel-server{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.channel-server small{font-size:10px;letter-spacing:.18em;color:#ae9872}.channel-server h3{font:600 25px/1.4 system-ui;color:#f0dfb9;margin:3px 0 0}.channel-server>span{font-size:12px;color:#adafa2}.channel-server b{color:#e2d5b4}
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#modal[data-kind=channels] button.channel-card{display:block;text-shadow:none}
#modal[data-kind=channels] button.channel-card{min-width:0;min-height:125px;padding:18px;border:1px solid #77684c;border-radius:3px;background:#0d1513!important;box-shadow:inset 0 0 28px #baa06b06;cursor:pointer;text-align:left;font:inherit;color:#ddd9ca;margin:0;letter-spacing:0}
#modal[data-kind=channels] button.channel-card:hover:not(:disabled){border-color:#d1b579;background:#242b22!important}
#modal[data-kind=channels] button.channel-card[aria-pressed=true]{border-color:#d7bc80;background:#31382a!important;box-shadow:inset 0 0 0 1px #ad955b55}
#modal[data-kind=channels] button.channel-card:disabled{opacity:1;cursor:default}
.channel-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-card-top strong{font-size:16px;color:#f5e7c9;white-space:nowrap}.channel-card-top b{font-size:25px;margin-left:5px;font-weight:500}.channel-card-top small{font-size:11px;color:#bfc3b0}
.channel-population{display:flex;align-items:center;gap:7px;margin:14px 0 10px;font-size:11px;color:#b3c7b4}.channel-population>i{width:5px;height:5px;border-radius:50%;background:#9fc1a0}.channel-meter{display:block;height:3px;background:#454939}.channel-meter>i{display:block;min-width:2px;height:100%;background:#b6c597}
.channel-window footer{position:static;inset:auto;letter-spacing:0;margin-top:20px;padding-top:13px;border-top:1px solid #ad94523a;color:#a4aa9c;font-size:11px}
@container game-viewport (max-height:540px){#modal[data-kind=channels]{width:min(600px,96cqw);padding:10px 16px;border-width:8px;border-image-width:8px}#modal[data-kind=channels]>header{padding-bottom:7px;margin-bottom:10px}#modal[data-kind=channels] #modal-title{font-size:18px}.channel-server{margin-bottom:10px}.channel-server h3{font-size:20px}.channel-grid{gap:9px}#modal[data-kind=channels] button.channel-card{min-height:80px;padding:10px 14px}.channel-card-top b{font-size:20px}.channel-population{margin:5px 0 7px}.channel-window footer{margin-top:10px;padding-top:7px}.channel-server small{display:none}#server-entry{margin-top:6px}}
@container game-viewport (max-width:650px){#minimap-panel #channel-btn{font-size:12px;min-height:28px;padding:5px 2px}}
@container game-viewport (max-height:380px){#modal[data-kind=channels]>header{margin-bottom:5px;padding-bottom:5px}.channel-server{margin-bottom:6px;padding-bottom:5px}.channel-window footer{display:none}#modal[data-kind=channels] button.channel-card{min-height:68px;padding:7px 12px}.channel-population{margin:3px 0 4px}}