.servers-page{max-width:1280px}.servers-page-root{display:flex;flex-direction:column;gap:1rem}.server-filter-bar{display:flex;align-items:center;gap:.65rem}.server-search-label{flex:1;display:flex;align-items:center;gap:.65rem;min-height:2.8rem;padding:0 1rem;border:1px solid var(--slight-highlight);border-radius:999px;background:var(--input-background);color:var(--tertry-text);cursor:text;transition:border-color .15s ease}.server-search-input{padding:0 .1rem;flex:1;background:0 0;border:none;outline:0;color:var(--first-text);font-family:var(--font-main);font-size:.9rem}.server-search-input::placeholder{color:var(--tertry-text)}.server-cat-toggles{display:flex;gap:.5rem;flex-shrink:0}.server-cat-btn{display:inline-flex;align-items:center;gap:.45rem;height:2.8rem;padding:0 1rem;border:1px solid var(--slight-highlight);border-radius:999px;background:var(--input-background);color:var(--scndry-text);font-size:.86rem;font-weight:600;transition:border-color .25s ease,color .25s ease,background-color .25s ease}.server-cat-btn:hover,.server-tag-pill:hover{border-color:#3f445e;color:var(--first-text)}.server-cat-btn.is-active,.server-tag-pill.is-active{border-color:var(--theme-accent);background:rgba(26,215,111,.1);color:var(--theme-accent)}.server-tags-row{display:flex;flex-wrap:wrap;gap:.5rem;min-height:1px}.server-tag-pill{padding:.2rem .6rem;border:1px solid var(--slight-highlight);border-radius:999px;background:var(--input-background);color:var(--scndry-text);font-size:.75rem;font-weight:500;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.server-card{display:flex;flex-direction:column;gap:.5rem;padding:.8rem .85rem;border:1px solid var(--slight-highlight);border-radius:1rem;background:var(--card-background);transition:border-color .15s ease,background-color .15s ease}.server-card:hover{border-color:#3f445e;background:#191a29}.server-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.server-card-identity{display:flex;align-items:center;gap:.55rem;min-width:0;flex:1}.server-card-rank{color:#a7b4f4;font-size:.84rem;font-weight:700;flex-shrink:0}.server-card-icon{flex-shrink:0;width:34px;height:34px;border-radius:.6rem;object-fit:cover;border:1px solid var(--slight-highlight);background:rgba(7,9,20,.9)}.server-card-title{min-width:0;flex:1}.server-card-icon.is-placeholder{display:inline-flex;align-items:center;justify-content:center;color:var(--tertry-text)}.server-card-name{margin:0;font-size:.96rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-card-players{margin:2px 0 auto;display:flex;align-items:center;gap:.3rem;flex-shrink:0;color:#dce5ff;font-size:.8rem;font-weight:700}.server-card-body{display:flex;flex-direction:column;gap:.3rem;min-height:0}.server-card-meta{display:flex;align-items:center;gap:.3rem;min-width:0;overflow:hidden}.server-card-motd{margin:0;color:#e4eaff;font-size:.82rem;line-height:1.4;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.server-card-versions{display:flex;flex-wrap:nowrap;gap:.3rem;flex-shrink:0;min-width:0}.server-version-badge{display:inline-flex;align-items:center;height:1.6rem;padding:0 .6rem;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid}.server-version-badge.is-java{border-color:rgba(61,237,144,.48);background:rgba(41,193,113,.15);color:#66f3af}.server-version-badge.is-bedrock{border-color:rgba(110,198,255,.52);background:rgba(74,156,232,.18);color:#b9e6ff}.server-card-tags{display:flex;align-items:center;gap:.3rem;min-width:0;flex:1;overflow:hidden}.server-tag{display:inline-flex;align-items:center;flex-shrink:0;height:1.4rem;padding:0 .5rem;border-radius:999px;border:1px solid rgba(128,142,204,.26);background:rgba(118,131,190,.14);color:#d8dfff;font-size:.7rem;font-weight:500}.server-tag[hidden]{display:none!important}.server-tag.is-more:empty{display:none}.server-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:0 .3rem;border-radius:.5rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.server-card-footer:hover{background:rgba(128,142,204,.1)}.server-card-ip{color:#aebaf0;font-size:.72rem;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.server-card-copy-btn{flex-shrink:0;width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.4rem;color:#aebaf0;transition:color .15s ease,background-color .15s ease}.server-card-footer:hover .server-card-copy-btn,.server-card-footer:hover .server-card-ip{color:#eef2ff}.servers-sentinel{min-height:1px}.servers-empty{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:2.5rem 1.5rem;text-align:center}.servers-empty svg{width:2rem;height:2rem}.servers-empty h2{margin:0;font-size:1.25rem}.servers-empty p{margin:0;max-width:620px;color:var(--scndry-text);line-height:1.55}.servers-construction{position:fixed;bottom:1.25rem;right:1.25rem;z-index:10;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.25rem;border:1px solid var(--warning-orange);border-radius:999px;background:var(--card-background);color:var(--warning-orange);font-size:.9rem;font-weight:600;pointer-events:none}@media screen and (max-width:1100px){.server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:780px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:745px){.server-tags-row{gap:.4rem}}@media screen and (max-width:560px){.server-grid{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:460px){.server-filter-bar{flex-direction:column;align-items:stretch}.server-cat-btn{height:2.4rem;width:100%}}