.background-blobs,.background-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.btn,.servercard-footer,.vote-link{text-decoration:none}.btn-label,.ip-text,.servercard-footer{letter-spacing:.01em}body,html{height:100%;width:100vw;min-height:100vh;overflow:hidden;background:#f7f9fb}.background-grid{z-index:0;background-color:#f7f9fb;background-image:repeating-linear-gradient(0deg,#e3e7ed 0,#e3e7ed 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,#e3e7ed 0,#e3e7ed 1px,transparent 1px,transparent 40px)}.background-blobs{z-index:1}.blob{position:absolute;background:rgba(255,255,255,.85);border-radius:50%;filter:blur(48px);opacity:.45}.server-card{z-index:2;background:#fff;border:1px solid #e3e7ed;border-radius:18px;box-shadow:0 2px 8px rgba(30,34,90,.04);padding:2.5rem 2rem;max-width:370px;width:100%;text-align:center}.logo{width:64px;height:64px;border-radius:12px;background:#e3e7ed;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:2.2rem;color:#3b82f6}.server-name{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#222}.buttons-container,.player-count,.tagline{margin-bottom:1.5rem}.tagline{font-size:1.05rem;color:#6b7280}.player-count{display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;padding:.5rem 1rem;font-size:1rem;color:#22c55e;font-weight:500;gap:.5rem}.player-count *{color:#22c55e!important}.online-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;display:inline-block}.btn,.btn-discord{background:#f7f9fb}.buttons-container{display:flex;flex-direction:column;gap:.7rem}.btn,.premium-ip{align-items:center;display:flex}.btn{justify-content:center;gap:.5rem;padding:.8rem 0;border:1.5px solid #e3e7ed;border-radius:8px;font-size:1.04rem;font-weight:500;cursor:pointer;color:#222;box-shadow:none;transition:background .15s,color .15s,border .15s,transform .13s;outline:0}.ip-text,.premium-ip{font-size:1.08rem;cursor:pointer}.btn-discord,.btn-discord i{color:#5865f2}.btn:active{transform:scale(.98)}.btn:focus,.btn:hover{background:#f1f5f9;color:#222;border:1.5px solid #b6c2d1}.btn i{font-size:1.08em;font-weight:600;opacity:.85}.btn-discord{border-color:#d1d9f6}.btn-discord:focus,.btn-discord:hover{background:#eef1fd;color:#4752c4;border-color:#b6c2d1}.btn-vote{color:#b97a00;border-color:#ffe066;background:#fdfbe7}.btn-vote i{color:#ffd93d}.btn-store,.btn-store i{color:#22c55e}.btn-vote:focus,.btn-vote:hover{background:#fff9d6;color:#a86a00;border-color:#ffd93d}.btn-store{border-color:#b6f2d1;background:#f7fdf9}.ip-text,.premium-ip,.servercard-footer:hover strong{color:#222}.btn-store:focus,.btn-store:hover{background:#e6f9ed;color:#178a46;border-color:#22c55e}.premium-ip{background:#f7f9fb;border-radius:10px;border:1.5px solid #e3e7ed;box-shadow:0 2px 8px rgba(30,34,90,.07);padding:.65rem 1.1rem;font-family:'JetBrains Mono','Fira Mono',Menlo,Consolas,'Courier New',monospace;justify-content:center;gap:.7rem;margin:0 auto;width:fit-content;min-width:220px;position:relative;user-select:text;transition:box-shadow .2s,border .2s}.server-card,body{font-family:Inter,Roboto,'Segoe UI',Arial,sans-serif}.premium-ip:focus,.premium-ip:hover{border:1.5px solid #3b82f6;box-shadow:0 4px 16px rgba(59,130,246,.1)}.ip-text{padding-right:.2em}.copy-btn{background:0 0;border:none;color:#3b82f6;cursor:pointer;font-size:1.1rem;padding:0 .2rem;transition:color .15s}.copy-btn:hover{color:#1d4ed8}.ip-copied-badge{position:absolute;left:50%;top:-1.7em;transform:translateX(-50%) translateY(.5em);background:#3b82f6;color:#fff;font-size:.98rem;font-weight:600;padding:.25em 1.1em;border-radius:8px;box-shadow:0 2px 8px rgba(30,34,90,.1);opacity:0;pointer-events:none;z-index:2;transition:opacity .32s,transform .32s}.slot-digit span,.slot-separator{font-size:1.25rem;line-height:32px;text-align:center}.ip-copied-badge.show{opacity:1;transform:translateX(-50%) translateY(-.2em)}.center-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.slot-digit-stack,.vote-modal{flex-direction:column;display:flex}.server-card{pointer-events:auto}.btn-label,.btn-row-4 .btn{font-family:inherit;font-weight:500}.slot-counter{display:inline-flex;gap:0;font-variant-numeric:tabular-nums}.slot-digit{display:inline-block;width:22px;height:32px;overflow:hidden;position:relative;vertical-align:middle}.slot-digit-stack{transition:transform .35s cubic-bezier(.45,1.6,.45,1);will-change:transform}.slot-digit span{display:block;height:32px}.slot-separator{width:10px;color:#b0b6c3;font-weight:400}.vote-modal{align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:18px;z-index:10;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.45,1.6,.45,1)}.vote-modal.active{opacity:1;pointer-events:auto}.vote-links{display:flex;flex-direction:column;gap:1.1rem;margin-top:1.5rem}.btn-row,.btn-row-icons{gap:1rem}.vote-link{background:#f1f5f9;color:#2563eb;font-weight:600;padding:.9rem 2.2rem;border-radius:8px;font-size:1.1rem;box-shadow:0 2px 8px rgba(30,34,90,.04);transition:background .2s,color .2s}.vote-link:hover{background:#2563eb;color:#fff}.vote-close{position:absolute;top:18px;right:18px;background:0 0;border:none;font-size:2rem;color:#b0b6c3;cursor:pointer;z-index:11;transition:color .2s}.go-back,.vote-close:hover,.vote-title{color:#2563eb}.server-main-content{transition:opacity .4s cubic-bezier(.45,1.6,.45,1),transform .4s cubic-bezier(.45,1.6,.45,1);margin-bottom:30px}.server-main-content.hide{opacity:0;transform:translateY(40px) scale(.98);pointer-events:none}.server-main-content.show{opacity:1;transform:none;pointer-events:auto}.server-vote-content{transition:opacity .4s cubic-bezier(.45,1.6,.45,1)}.vote-title{font-size:1.2rem;font-weight:700;margin-bottom:1.2rem;text-align:center}.go-back{background:#f1f5f9;font-weight:600;cursor:pointer;margin-top:1.5rem;border:1.5px solid #e3e7ed;box-shadow:0 2px 8px rgba(30,34,90,.06);transition:border .2s,box-shadow .2s}.go-back:focus,.go-back:hover{border:1.5px solid #3b82f6;box-shadow:0 4px 16px rgba(59,130,246,.1);background:#e8f0fe}.servercard-footer{display:block;width:100%;background:#f1f3f7;color:#6b7280;text-align:center;font-size:.98rem;font-weight:500;padding:.5em 0;border-bottom-left-radius:18px;border-bottom-right-radius:18px;transition:background .18s,color .18s;position:absolute;left:0;bottom:0;z-index:3;margin-top:0}.servercard-footer strong{font-weight:700;color:#222;letter-spacing:.01em}.server-card>.ip-display{margin-bottom:38px}.server-card{overflow:hidden;position:relative}.servercard-footer:hover{background:#e0e2e7;color:#444}.btn-row{display:flex;width:100%}.btn-row .btn{flex:1 1 0;min-width:0}.btn-block{width:100%;margin-top:.7rem}.btn-row-icons .btn{width:60px;height:60px;min-width:60px;min-height:60px;max-width:60px;max-height:60px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid #e3e7ed;background:#f7f9fb;box-shadow:0 2px 8px rgba(30,34,90,.03);transition:border .18s,background .18s,box-shadow .18s,transform .13s;font-size:1.45rem}.btn-row-icons .btn:active{transform:scale(.97)}.btn-row-icons .btn i{font-size:1.45em;margin:0;display:block}.btn-row-4{display:flex;flex-wrap:wrap;gap:.7rem;width:100%}.btn-row-4 .btn{flex:1 1 calc(25% - 0.7rem);min-width:0;max-width:calc(25% - .7rem);width:100%;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.3em .5em;border-radius:12px;font-size:1.18rem;box-sizing:border-box}.btn-row-4 .btn i{font-size:1.65em;margin:0;display:block;line-height:1}.btn-label{display:block;font-size:.92rem;color:#7b8596;margin-top:.18em;pointer-events:none;user-select:none;line-height:1.1}@media (max-width:900px){.btn-row-4 .btn{flex:1 1 calc(50% - 0.7rem);max-width:calc(50% - .7rem)}.server-card{margin-left:1rem;margin-right:1rem}}