/* V173: content determines card height, so prize, start and action rows cannot overlap. */
.tl-worlds .tl-world-card{display:flex;flex-direction:column;gap:8px;min-height:240px;padding:18px 20px}
.tl-worlds .tl-world-text{width:100%;padding:0 70px 0 0;min-width:0}
.tl-worlds .tl-world-text h2{max-width:none;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.tl-worlds .tl-world-card .tl-prize-badge{position:relative;inset:auto;align-self:flex-start;max-width:100%;margin:0;line-height:1.4;overflow-wrap:anywhere}
.tl-worlds .tl-world-timing{position:relative;inset:auto;gap:2px;line-height:1.35}
.tl-worlds .tl-world-bottom{position:relative;inset:auto;margin-top:auto;padding-top:3px;min-width:0}
.tl-worlds .tl-world-bottom .tl-button{max-width:calc(100% - 48px);overflow-wrap:anywhere}
@media(max-width:650px){
 .tl-worlds .tl-world-card{min-height:154px;padding:9px 12px;gap:4px}
 .tl-worlds .tl-world-text{padding:0 52px 0 0}
 .tl-worlds .tl-world-card .tl-prize-badge{font-size:9px;padding:1px 6px}
 .tl-worlds .tl-world-timing{font-size:9px;gap:1px}
 .tl-worlds .tl-world-bottom{min-height:32px;padding-top:3px;gap:10px}
 .tl-worlds .tl-world-bottom .tl-button{max-width:calc(100% - 38px);line-height:1.3}
}

/* Only the index server window uses this compact layout. */
.detail-dialog[data-kind="servers"]{--detail-space:20px}
.detail-dialog[data-kind="servers"] .detail-content>*{margin-bottom:14px}
.detail-dialog[data-kind="servers"] .detail-content>:last-child{margin-bottom:0}
.detail-dialog[data-kind="servers"] .detail-server-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.detail-dialog[data-kind="servers"] .detail-server-grid>div{gap:3px;padding:9px 5px}
.detail-dialog[data-kind="servers"] .detail-server-grid b{font-size:25px}
.detail-dialog[data-kind="servers"] .detail-server-grid span{font-size:11px}
.detail-dialog[data-kind="servers"] summary{cursor:pointer;color:#d9c58f;font:12px/1.5 Arial,sans-serif;padding:6px 0}
.detail-dialog[data-kind="servers"] summary:focus-visible{outline:2px solid #efd29a;outline-offset:2px}
.detail-dialog[data-kind="servers"] .server-stats-note{border-bottom:1px solid #9eaa8533;padding-bottom:6px}
.detail-dialog[data-kind="servers"] .server-stats-note p{margin:6px 0;color:#b3c4bc;font-size:12px;line-height:1.6}
.detail-dialog[data-kind="servers"] .landing-world-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-dialog[data-kind="servers"] .landing-world-row{min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px}
.detail-dialog[data-kind="servers"] .landing-world-heading{display:block;min-width:0}
.detail-dialog[data-kind="servers"] .landing-world-code{display:block;margin-bottom:3px;color:#aebbaf;font:10px/1.4 Arial,sans-serif;letter-spacing:.08em}
.detail-dialog[data-kind="servers"] .landing-world-row h3{font:400 21px/1.2 var(--display);margin:0;text-wrap:initial;overflow-wrap:anywhere}
.detail-dialog[data-kind="servers"] .landing-world-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 10px}
.detail-dialog[data-kind="servers"] .landing-world-meta>span{font:12px/1.4 Arial,sans-serif;text-align:left}
.detail-dialog[data-kind="servers"] .landing-world-meta strong{color:#ecd39b;white-space:nowrap}
.detail-dialog[data-kind="servers"] .landing-world-status{color:#d6c298}
.detail-dialog[data-kind="servers"] .landing-world-status.is-active{color:#bad69f}
.detail-dialog[data-kind="servers"] .landing-world-start{margin:0;color:#b6c7bf;font-size:12px!important;line-height:1.5}
.detail-dialog[data-kind="servers"] .landing-world-start time{white-space:nowrap}
.detail-dialog[data-kind="servers"] .landing-world-start small{display:block;font-size:10px;color:#98b0a7}
.detail-dialog[data-kind="servers"] .world-row-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:8px 0;border-block:1px solid #9eaa852b}
.detail-dialog[data-kind="servers"] .world-row-counts>div{display:flex;flex-direction:column;min-width:0}
.detail-dialog[data-kind="servers"] .world-row-counts dt{font:10px/1.4 Arial,sans-serif;color:#afc2b7;overflow-wrap:anywhere}
.detail-dialog[data-kind="servers"] .world-row-counts dd{order:-1;margin:0;font:600 16px/1.5 Arial,sans-serif;color:#e4cf99}
.detail-dialog[data-kind="servers"] .landing-world-row .portal-button{width:100%;min-height:40px;margin-top:auto;padding:8px;font:13px/1.4 Arial,sans-serif;letter-spacing:0}
.detail-dialog[data-kind="servers"] .landing-world-prizes{border:1px solid #bf9c5966;border-radius:5px;background:linear-gradient(105deg,#71602f42,#263c2d66);padding:8px 10px}
.detail-dialog[data-kind="servers"] .landing-prize-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 10px;margin:0;font:11px/1.5 Arial,sans-serif!important;color:#d6cba9}
.detail-dialog[data-kind="servers"] .landing-prize-total strong{color:#f5da94;font-size:16px;overflow-wrap:anywhere}
.detail-dialog[data-kind="servers"] .landing-world-prizes summary{font-size:11px;padding:4px 0 0}
.detail-dialog[data-kind="servers"] .landing-world-prizes ol{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:5px}
.detail-dialog[data-kind="servers"] .landing-world-prizes li{display:flex;justify-content:space-between;gap:8px;font:12px/1.5 Arial,sans-serif}
.detail-dialog[data-kind="servers"] .landing-world-prizes li strong{color:#f5da94}
.detail-dialog[data-kind="servers"] .landing-world-prizes .landing-prize-terms{margin:8px 0 0;padding-top:8px;border-top:1px solid #bf9c5933;font-size:11px!important;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;color:#b9c8bb}
@media(max-width:600px){
 .detail-dialog[data-kind="servers"]{--detail-space:14px}
 .detail-dialog[data-kind="servers"] .detail-header{padding:12px 14px}
 .detail-dialog[data-kind="servers"] h2{font-size:22px}
 .detail-dialog[data-kind="servers"] .landing-world-list{grid-template-columns:minmax(0,1fr);gap:10px}
 .detail-dialog[data-kind="servers"] .landing-world-row{padding:12px;gap:8px}
 .detail-dialog[data-kind="servers"] .landing-world-row h3{font-size:20px}
 .detail-dialog[data-kind="servers"] .landing-world-row .portal-button{min-height:44px}
 .detail-dialog[data-kind="servers"] .detail-server-grid b{font-size:23px}
 .detail-dialog[data-kind="servers"] .detail-server-grid span{font-size:10px}
}
@media(max-width:359px){
 .detail-dialog[data-kind="servers"] .detail-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-dialog[data-kind="servers"] .landing-world-row h3{font-size:18px}
}