html{margin:0;padding:0;height:100%;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{margin:0;padding:0 0 2rem;background:linear-gradient(-45deg,#3d1f14,#4a1329,#0d3a4b,#0d4b3d);background-size:400% 400%;background-attachment:fixed;animation:20s infinite gradientFlow;min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;color:#fff;user-select:none;overflow-x:clip}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}a{color:#4da6ff;text-decoration:none;font-weight:500;text-shadow:0 0 4px #5db3ff80}a:hover{color:#80c1ff;text-decoration:underline}img{pointer-events:none;max-width:100%;height:auto}.Spinner{content:url(spinner.png);display:block;width:auto;height:5rem;animation:1.5s linear infinite spin;transform-origin:50%;will-change:transform;margin:1rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#Banner{background-image:url(banner.png);background-size:cover;display:block;width:5rem;height:5rem;margin:1rem auto;mix-blend-mode:luminosity}#ServersContainer{display:flex;flex-direction:column;gap:3rem;margin:2rem auto;padding:0 2rem}.GameSection{display:flex;flex-direction:column}.game-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.game-header h3{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.05em}.game-icon{width:2rem;height:2rem}.game-separator{width:100%;border:0;border-top:1px solid #ffffff1f;margin:.5rem 0 1rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(30rem,100%),min(30rem,100%)));gap:2rem;align-items:start}#ServersContainer .ServerContainer{box-sizing:border-box;display:flex;flex-direction:column;background-color:#0000004d;font-family:Arial,Helvetica,sans-serif;line-height:1.5;letter-spacing:.03em;border-radius:10px;padding:2rem;min-height:20rem;position:relative;transition:background-color .2s linear!important}#ServersContainer .ServerContainer:hover{cursor:pointer;background-color:#7878784d!important}.flash-highlight{animation:10s forwards flash}@keyframes flash{0%{background-color:#64646400}15%{background-color:#7878784d}to{background-color:#0000004d}}#ServersContainer .ServerContainer .bg{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;opacity:.1}.server-header p{margin:0}.server-header h2{margin:.25rem 0 .5rem}.server-header h3{margin:1.5rem 0 0}.server-separator{border:0;border-top:1px solid #ffffff1f;margin:.5rem 0 .75rem}.server-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.server-left{display:inline-flex;align-items:center;gap:.35rem}.server-ip{font-size:.7rem;opacity:.6;cursor:pointer;transition:opacity .15s}.copy-btn{background:0 0;border:none;color:inherit;opacity:.45;cursor:pointer;padding:0;display:inline-flex;align-items:center;transition:opacity .15s}.server-left:hover .server-ip,.server-left:hover .copy-btn{opacity:.85}.server-connect{font-size:1.2rem;font-weight:600}#ServersContainer .ServerContainer .details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s}#ServersContainer .ServerContainer .details .inner{overflow:hidden}#ServersContainer .ServerContainer .details.expanded{grid-template-rows:1fr!important}