/* HARD PLAY server directory. Scoped independently of legacy monitoring tables. */
html body .hp-monitor{margin:0 0 24px;color:#edf3fa;container-type:inline-size}
.hp-monitor *{box-sizing:border-box}
.hp-monitor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 16px;padding:5px 0}
.hp-monitor-eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:.13em;color:#b3c1d3;margin-bottom:7px}
html body .hp-monitor h2{font-size:27px!important;line-height:1.2!important;letter-spacing:-.035em;margin:0!important;color:#f0f4fa}
.hp-monitor h2>span{color:#e9b76c}
.hp-monitor-tools{display:flex;align-items:center;gap:14px;flex-shrink:0}.hp-monitor-total{color:#c7d4e3;font-size:12px;padding:7px 11px;border:1px solid #3b4c60;border-radius:7px;background:#172331}
.hp-monitor-total[hidden]{display:none}
html body .hp-monitor button{font-family:inherit;cursor:pointer}
html body .hp-monitor-refresh{display:flex;align-items:center;gap:7px;padding:10px 13px;background:#223142;border:1px solid #46586e;border-radius:8px;color:#dce7f3;font-size:12px;min-height:40px}
.hp-monitor-refresh:hover{background:#2b3d50!important;border-color:#a68b66!important}
.hp-monitor-list{display:flex;flex-direction:column;gap:14px}
.hp-server-card{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr) 245px;min-height:225px;border:1px solid #435268;border-radius:14px;background:linear-gradient(115deg,#1e2c3c,#15202e);box-shadow:0 12px 35px #0003;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.hp-server-card:hover{border-color:#7b6b51;box-shadow:0 16px 40px #0004}
.hp-server-visual{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at top right,#536176,#182431 70%);min-height:220px}
.hp-server-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08121ef2,transparent 90%),linear-gradient(90deg,transparent,#14212c55);pointer-events:none}
.hp-server-visual>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.65);opacity:.85;transition:transform .5s}
.hp-server-card:hover .hp-server-visual>img{transform:scale(1.04)}
.hp-server-visual.is-fallback::before{content:'HP';position:absolute;top:15%;left:20px;font-size:72px;letter-spacing:-.08em;font-weight:850;color:#a9b7cb28}
.hp-server-map{position:absolute;bottom:22px;left:22px;right:14px;z-index:1}.hp-server-map>span{display:block;font-size:9px;letter-spacing:.15em;color:#c6d4e3;margin-bottom:7px}.hp-server-map>strong{display:block;font-size:23px;line-height:1.2;color:#fff;overflow-wrap:anywhere}
.hp-server-number{position:absolute;top:16px;left:16px;z-index:1;border:1px solid #b2c6df4d;border-radius:5px;padding:3px 7px;background:#101c2a88;color:#ecf1f9;font-size:11px;font-variant-numeric:tabular-nums}
.hp-server-content{padding:22px 24px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.hp-server-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:11px}.hp-server-game{color:#b2c4d9;font-size:11px}.hp-server-state{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#a9e5c7}.hp-server-state>i{width:6px;height:6px;border-radius:50%;background:#78d6a4;box-shadow:0 0 0 3px #78d6a416}.hp-server-state.is-unavailable{color:#dbb3ad}.hp-server-state.is-unavailable>i{background:#b69289;box-shadow:none}
html body .hp-server-card h3{margin:0 0 20px!important;font-size:21px!important;line-height:1.35!important;font-weight:750;letter-spacing:-.02em;color:#f0f5fc;overflow-wrap:anywhere}
.hp-server-population{display:flex;align-items:end;justify-content:space-between;gap:12px}.hp-server-population>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.hp-server-population>div>span{font-size:9px;letter-spacing:.08em;color:#afbdd0}.hp-server-population strong{font-size:24px;line-height:1;font-variant-numeric:tabular-nums;color:#efc37f}.hp-server-population small{font-size:14px;font-weight:400;color:#a8b9cc}
html body .hp-server-textbutton{border:0;background:none;color:#d4b78c;padding:4px 0;font-size:11px;white-space:nowrap}.hp-server-textbutton:hover{color:#ffe1b0}
.hp-server-capacity{height:5px;margin-top:12px;border-radius:5px;background:#091522;overflow:hidden}.hp-server-capacity>span{height:100%;max-width:100%;min-width:0;display:block;background:linear-gradient(90deg,#b38549,#efc98b);border-radius:inherit}
.hp-server-slots{margin:8px 0 0;font-size:11px;color:#9aafc6;line-height:1.5}
.hp-server-connect{min-width:0;padding:22px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ffffff0c;background:#0e192433}
.hp-server-address-label{font-size:9px;letter-spacing:.12em;color:#9fafc3;margin-bottom:7px}
html body .hp-server-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0 0 12px;border:0;background:none;text-align:left;color:#e3c193}
.hp-server-copy code{font:13px/1.5 Consolas,monospace;color:inherit;overflow-wrap:anywhere}.hp-server-copy svg{flex:0 0 17px;opacity:.7}.hp-server-copy:hover{color:#ffe0ac}
html body .hp-server-play{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:12px 8px;background:#e9b76c;border:1px solid #f3c783;border-radius:7px;color:#191e25!important;font-size:12px;font-weight:800;letter-spacing:.02em;text-decoration:none!important;transition:background .18s,box-shadow .18s}
html body a.hp-server-play:hover{background:#f6ce94;box-shadow:0 4px 20px #e9b76c20}
html body .hp-server-play:disabled{background:#2b3541;border-color:#485667;color:#bbc4d1!important;opacity:1!important;cursor:not-allowed}
.hp-server-launch-note{text-align:center;font-size:9px;color:#9cafc3;margin-top:7px}.hp-server-links{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 12px;border-top:1px solid #ffffff0c;padding-top:11px;margin-top:13px}.hp-server-links>a{font-size:11px;color:#acbed3!important;text-decoration:none}.hp-server-links>a:hover{color:#efc98b!important}
html body .hp-server-manage{background:none;border:0;padding:8px 0 0;color:#efc98b;font-size:11px}
.hp-monitor-footer{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:10px;color:#a6b7ca;line-height:1.5}.hp-monitor-footer>span:first-child{min-width:0;overflow-wrap:anywhere}
.hp-monitor-empty{padding:32px 24px;border:1px dashed #536277;border-radius:12px;background:#172330;text-align:center;color:#bacade;font-size:14px;line-height:1.7}
.hp-monitor-empty strong{display:block;color:#e7eef7;margin-bottom:7px;font-size:18px}.hp-monitor-empty p{margin:0}
.hp-monitor [aria-busy=true]{opacity:.65}
@container(max-width:1000px){.hp-server-card{grid-template-columns:170px minmax(0,1fr) 210px}.hp-server-content{padding:18px}.hp-server-connect{padding:18px}.hp-server-population{align-items:start;flex-direction:column;gap:5px}html body .hp-server-card h3{font-size:19px!important}.hp-server-map{left:16px}.hp-server-map>strong{font-size:20px}}
@container(max-width:740px){.hp-monitor-heading{align-items:start;flex-direction:column;gap:12px}.hp-monitor-tools{width:100%;justify-content:space-between}.hp-server-card{grid-template-columns:140px minmax(0,1fr)}.hp-server-connect{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff0c;display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;align-items:center}.hp-server-address-label{grid-column:1;margin:0}.hp-server-copy{grid-column:1;grid-row:2}.hp-server-play{grid-column:2;grid-row:1/3}.hp-server-launch-note{grid-column:2;grid-row:3;margin:0}.hp-server-links{grid-column:1/-1;margin-top:8px}.hp-server-manage{grid-column:1/-1}.hp-monitor-footer{flex-wrap:wrap}}
@container(max-width:460px){html body .hp-monitor h2{font-size:24px!important}.hp-monitor-eyebrow{font-size:9px;letter-spacing:.06em}.hp-server-card{grid-template-columns:1fr}.hp-server-visual{min-height:145px}.hp-server-map{bottom:17px}.hp-server-map>strong{font-size:24px}.hp-server-content{padding:20px}.hp-server-population{flex-direction:row;align-items:end}.hp-server-population>div{display:block}.hp-server-population strong{display:block;margin-top:8px}.hp-server-top{margin-bottom:8px}html body .hp-server-card h3{margin-bottom:18px!important}.hp-server-connect{display:flex;padding:18px 20px;align-items:stretch}.hp-server-copy{padding-bottom:10px}.hp-server-launch-note{margin-top:6px}.hp-server-address-label{margin-bottom:3px}.hp-monitor-footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.hp-server-card,.hp-server-visual>img,html body .hp-server-play{transition:none}.hp-server-card:hover .hp-server-visual>img{transform:none}}


/* Compact toolbar without introductory headings. */
html body .hp-monitor-heading{justify-content:flex-end;margin-bottom:12px;padding:0}
@container(max-width:740px){html body .hp-monitor-heading{align-items:stretch}}
/* Player directory: dedicated dialog, independent of legacy table skins. */
html body .hp-players-modal .modal-dialog{max-width:1240px;width:calc(100% - 32px);margin:40px auto}
html body .hp-players-modal .modal-content{background:#152231!important;border:1px solid #506078!important;border-radius:16px!important;overflow:hidden;box-shadow:0 32px 100px #0009!important;max-height:calc(100dvh - 80px);display:flex;flex-direction:column}
.hp-players-hero{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:26px 28px;background:radial-gradient(ellipse at 100% 0,#8c693828,transparent 65%),linear-gradient(120deg,#22354a,#182637);border-bottom:1px solid #3d5064;flex-shrink:0}
.hp-players-heading{min-width:0}.hp-players-eyebrow{font-size:10px;letter-spacing:.12em;color:#d8b681}.hp-players-heading h2{font-size:25px!important;line-height:1.3!important;margin:9px 0 14px!important;color:#f0f5fc;overflow-wrap:anywhere}
.hp-players-context{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:#b4c6da}.hp-players-context>span:first-child{color:#f2cc90}.hp-players-context code{font:12px/1.6 Consolas,monospace;color:#b4c6da}
html body .hp-players-close{width:36px;height:36px;flex:0 0 36px;padding:0;background:#172334;color:#dbe5f3;border:1px solid #4d6176;border-radius:9px;font-size:26px;line-height:1;cursor:pointer}
.hp-players-toolbar{display:flex;gap:10px;padding:18px 24px 12px;flex-shrink:0}
.hp-players-search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;margin:0;padding:0 12px;background:#101b29;border:1px solid #42556d;border-radius:8px;color:#a8bad0}
html body .hp-players-modal .hp-players-toolbar .hp-players-search input[type=search]{width:100%;min-width:0;background:none!important;border:0!important;box-shadow:none!important;outline-offset:0!important;color:#e9f0fa;padding:11px 0;font-family:inherit;font-size:14px;line-height:1.4}
html body .hp-players-toolbar select,html body .hp-players-toolbar>button{border:1px solid #475c72!important;border-radius:8px!important;background:#213246!important;color:#dce7f5!important;min-height:42px;padding:8px 12px;font-size:12px;cursor:pointer;max-width:100%}
.hp-players-summary{display:flex;justify-content:space-between;gap:10px;padding:0 26px 12px;font-size:11px;color:#a5b9d0;flex-shrink:0}
.hp-players-scroll{overflow:auto;min-height:140px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#536a83 #152231;padding:0 24px 12px}
.hp-players-table{width:100%;border-collapse:separate;border-spacing:0 6px;color:#e2ebf7;font-size:13px;table-layout:fixed}
.hp-players-table th{position:sticky;top:0;background:#152231;z-index:1;text-align:left;color:#8fa8c3;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:9px 12px;font-weight:600}
.hp-players-table th:first-child{width:44px}.hp-players-table th:nth-child(3){width:85px}.hp-players-table th:nth-child(4){width:100px}.hp-players-table th:nth-child(5){width:220px}
.hp-players-table td{padding:13px 12px;background:#1d2e41;border-top:1px solid #30465d;border-bottom:1px solid #30465d;vertical-align:middle;overflow-wrap:anywhere}
.hp-players-table td:first-child{border-left:1px solid #30465d;border-radius:8px 0 0 8px;color:#8ea5bf;font:12px Consolas,monospace}.hp-players-table td:last-child{border-right:1px solid #30465d;border-radius:0 8px 8px 0}
.hp-players-table td:nth-child(2){font-weight:650;color:#e9eff8}.hp-players-table td:nth-child(3){font-size:16px;font-weight:700;color:#efc586;font-variant-numeric:tabular-nums}.hp-players-table td:nth-child(4){font-size:12px;color:#b5c7db;font-variant-numeric:tabular-nums}
.hp-players-table tr:hover td{background:#253b51}.hp-players-table td:nth-child(2) img{max-width:32px;max-height:32px;object-fit:cover}.hp-players-table td:nth-child(2) .hp-nickname{max-width:100%;vertical-align:middle}
.hp-players-table .input-group{display:flex;gap:6px;flex-wrap:wrap}.hp-players-table .input-group-prepend{margin:0;order:2}.hp-players-table select{min-width:100px!important;width:100%;flex-basis:100%;font-size:12px!important}.hp-players-table .btn{font-size:11px!important;padding:7px 10px!important;min-height:32px!important}
.hp-players-empty{padding:34px 12px;text-align:center;color:#afc2d8;font-size:14px;line-height:1.7}.hp-players-empty[hidden],.hp-players-table tr[hidden]{display:none!important}
.hp-players-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;border-top:1px solid #34495f;background:#172738;flex-shrink:0}.hp-players-footer>span{color:#a9bfd6;font-size:11px;line-height:1.5}.hp-players-footer>button{padding:9px 18px;border:1px solid #e8bf80;border-radius:7px;background:#e9b76c;color:#19212b;font-weight:700;font-size:12px;cursor:pointer}
@media(max-width:650px){html body .hp-players-modal .modal-dialog{width:calc(100% - 20px);margin:12px auto}html body .hp-players-modal .modal-content{max-height:calc(100dvh - 24px)}.hp-players-hero{padding:20px 16px;gap:10px}.hp-players-heading h2{font-size:20px!important}.hp-players-context{font-size:11px}.hp-players-toolbar{padding:14px 14px 10px;flex-wrap:wrap}.hp-players-search{flex-basis:100%}html body .hp-players-modal .hp-players-toolbar .hp-players-search input[type=search]{font-size:16px}.hp-players-toolbar select{flex:1}.hp-players-summary{padding:0 16px 10px}.hp-players-scroll{padding:0 14px 10px}.hp-players-table thead{display:none}.hp-players-table,.hp-players-table tbody{display:block}.hp-players-table tr{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 9px;background:#1d2e41;border:1px solid #30465d;border-radius:9px;padding:12px}.hp-players-table td{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.hp-players-table td:nth-child(2){grid-column:2/4}.hp-players-table td:nth-child(3){grid-column:2}.hp-players-table td:nth-child(4){grid-column:3;align-self:end}.hp-players-table td:nth-child(3)::before{content:'ФРАГИ';display:block;font-size:9px;color:#91abc6;font-weight:400;margin-bottom:3px}.hp-players-table td:nth-child(4)::before{content:'У ГРІ';display:block;font-size:9px;color:#91abc6;margin-bottom:3px}.hp-players-table td:nth-child(5){grid-column:1/-1;border-top:1px solid #40546c!important;padding-top:10px!important}.hp-players-footer{padding:12px 16px}.hp-players-summary>span:last-child{display:none}}

.hp-players-search:focus-within{border-color:#e9b76c;box-shadow:0 0 0 2px #e9b76c20}

/* Player window: wide layout, explicit identity and bounded avatar frames. */
html body .hp-players-modal .modal-content{border-color:#65758a!important;box-shadow:0 0 0 4px #14223166,0 32px 100px #000b!important}
.hp-players-modal .site-verification-badge,.hp-players-modal .sb-user-badges{display:none!important}
.hp-player-row-identity{display:flex;align-items:center;gap:15px;min-width:0;color:#e8eef7!important;text-decoration:none!important}
.hp-player-row-name{min-width:0;overflow-wrap:anywhere;line-height:1.45}
.hp-player-row-avatar{display:flex;position:relative;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;margin:6px;background:#2a3e54;border-radius:10px;color:#c2d4e8}
html body .hp-players-table .hp-player-row-avatar img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:cover;border-radius:9px;margin:0!important}
html body .hp-player-row-avatar hpf-avatar{display:block;position:relative;width:44px!important;height:44px!important;flex:none;margin:0;overflow:visible}
html body .hp-player-row-avatar hpf-frame{display:block;position:absolute;inset:-9px!important;width:auto!important;height:auto!important;background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:2}





@media(max-width:650px){.hp-player-row-identity{gap:9px;flex-wrap:wrap}.hp-player-row-name{flex:1}.hp-players-footer{flex-wrap:wrap;gap:8px 12px}.hp-players-footer>span{flex-basis:100%}.hp-players-footer>button{margin-left:auto}}

/* Country indicators are icons only; source credit lives in the site footer. */





/* Reserve one compact inline slot for the country, never an extra row. */
html body .hp-profile-name-line{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;vertical-align:middle}
html body .hp-profile-name-line>.sb-profile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

html body .hp-player-row-identity{display:flex;flex-wrap:nowrap;gap:10px;min-width:0}
html body .hp-player-row-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* Clearer typography and larger server controls, keeping icon fonts intact. */
html body{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
html body input,html body textarea,html body select,html body button{font-family:inherit}
html body .hp-server-card{grid-template-columns:minmax(210px,25%) minmax(0,1fr) 290px;min-height:265px}
html body .hp-server-content{padding:26px 28px}
html body .hp-server-card h3{font-size:25px!important;line-height:1.35!important;letter-spacing:-.025em}
html body .hp-server-number{font-size:15px;padding:5px 10px}
html body .hp-server-state,html body .hp-server-slots,html body .hp-server-textbutton{font-size:13px}
html body .hp-server-population>div>span,html body .hp-server-address-label,html body .hp-server-map>span{font-size:11px}
html body .hp-server-population strong{font-size:30px}
html body .hp-server-copy code{font-size:16px}
html body .hp-server-connect{padding:22px;gap:9px}
html body .hp-server-play{min-height:46px;font-size:14px}
html body .hp-server-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:4px}
html body .hp-server-links a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:66px;padding:9px 4px;border:1px solid #41556b;border-radius:9px;background:#243448;color:#dbe8f6;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
html body .hp-server-links a svg{display:block;width:20px;height:20px;color:#e9bb79}
html body .hp-server-links a:hover{background:#30465e;border-color:#b7986c;transform:translateY(-2px)}
html body .hp-server-links a:focus-visible{outline:2px solid #f2c788;outline-offset:3px}
@container(max-width:1000px){html body .hp-server-card{grid-template-columns:180px minmax(0,1fr)}html body .hp-server-connect{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;border-top:1px solid #3c4c60}.hp-server-links{grid-column:1/-1}.hp-server-address-label{grid-column:1/-1}}
@container(max-width:580px){html body .hp-server-card{grid-template-columns:minmax(0,1fr)}html body .hp-server-visual{min-height:155px}html body .hp-server-content{padding:20px}html body .hp-server-card h3{font-size:22px!important}html body .hp-server-connect{display:flex;padding:18px;align-items:stretch}html body .hp-server-links{width:100%}.hp-server-population{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html body .hp-server-links a{transition:none;transform:none}}