.server-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.server-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px #0000002e}.server-card:active{transform:translateY(0)}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:var(--z-overlay)}.modal.is-visible{display:flex}.modal__overlay{position:absolute;inset:0;background:#08101e99}.modal__dialog{position:relative;background:#fff;border:1px solid rgba(14,55,103,.08);border-radius:18px;box-shadow:0 26px 60px #09142438;z-index:1;overflow:visible}.modal__dialog:before{content:"";position:absolute;inset:0;background:url(/assets/bg-pattern-Bz-fVPBJ.svg) repeat;background-size:1500px 1500px;opacity:.9;filter:brightness(.22) contrast(1.9);border-radius:inherit;clip-path:inset(0 round 18px);pointer-events:none}.modal__dialog>*{position:relative;z-index:1}body.modal-open{overflow:hidden}.server-modal__dialog{width:min(1430px,calc(100% - 32px));height:min(640px,calc(100vh - 32px));border-radius:12px;padding:0;overflow:visible;display:flex;flex-direction:column}.server-modal__content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:40px 40px 28px}.server-modal__header{display:grid;place-items:center;margin-bottom:20px}.server-modal__title{font-size:24px;font-weight:800;color:#454545;letter-spacing:.02em;text-transform:uppercase;text-align:center}.server-modal__close{--close-size: 80px;--close-hit: 96px;position:absolute;top:calc(var(--close-hit) / -2);left:50%;transform:translate(-50%);width:var(--close-hit);height:var(--close-hit);border-radius:999px;border:0;padding:0;background:transparent;display:grid;place-items:center;cursor:pointer;clip-path:circle(50% at 50% 50%);z-index:2}.server-modal__close:before{content:"";position:absolute;top:50%;left:50%;width:var(--close-size);height:var(--close-size);transform:translate(-50%,-50%);border-radius:999px;background:#0e3767;box-shadow:0 0 25px #00000040}.server-modal__close span{position:relative;z-index:1;font-size:44px;line-height:1;color:#ff9800;transform:translateY(-1px)}.server-modal__grid{display:grid;grid-template-columns:350px 460px 460px;gap:40px;align-items:start;overflow:visible}.server-modal__desc{margin:0;font-size:18px;color:#454545;line-height:1.45;text-align:justify}.server-modal__left{display:grid;grid-template-rows:1fr 1fr;gap:20px}.server-modal__info{display:grid;gap:10px}.server-modal__info-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;font-size:20px;color:#454545;line-height:24.38px}.server-modal__info-label{font-weight:800}.server-modal__info-value{font-weight:400;text-align:left}.server-modal__info-row--accent .server-modal__info-label{color:#ff9800}.server-modal__card{background:#f3f3f3;border-radius:15px;box-shadow:0 0 25px #00000040}.server-modal__center{display:grid;gap:20px}.server-modal__online{height:190px;display:grid;grid-template-columns:180px 1fr;align-items:center;padding:24px 26px}.server-modal__online-circle{width:142px;height:142px;position:relative;display:grid;place-items:center}.server-modal__online-text{position:absolute;inset:0;display:grid;place-items:center;font-size:48px;font-weight:800;color:#3e3a3a}.server-modal__online-label{font-size:36px;font-weight:500;color:#454545;line-height:1.15}.server-modal__wipe{min-height:266px;padding:20px 22px 18px;display:grid;grid-template-rows:auto 1px auto auto;gap:12px}.server-modal__wipe-worlds{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.server-modal__world{display:grid;gap:2px}.server-modal__world-title{font-size:14px;font-weight:800;color:#454545}.server-modal__world-sub{font-size:12px;color:#8f9bb3;line-height:1.2}.server-modal__world-sub b{color:#ff9800;font-weight:700}.server-modal__wipe-divider{height:1px;background:#f3f3f3;opacity:.85}.server-modal__wipe-caption{text-align:center;font-size:18px;color:#454545}.server-modal__wipe-times{display:flex;gap:18px;justify-content:center;padding-bottom:2px}.server-modal__time{width:62px;display:flex;flex-direction:column;align-items:center;gap:6px}.server-modal__time-face{width:62px;height:62px;position:relative;display:grid;place-items:center}.server-modal__time-value{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;font-weight:800;color:#454545}.server-modal__time-circle{width:62px;height:62px}.server-modal__time-label{font-size:12px;font-weight:700;color:#8f9bb3;text-transform:uppercase}.server-modal__mods{height:510px;padding:16px 20px 18px;display:grid;grid-template-rows:auto 1fr auto auto;gap:12px}.server-modal__mods-title{font-size:32px;font-weight:800;color:#454545;text-align:center}.server-modal__mods-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-content:flex-start}.server-modal__mod{height:48px;border-radius:10px;border:1px solid #dfdfdf;background:#fff;box-shadow:0 4px 6px #0000000f;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#454545;cursor:default;width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-modal__btn{height:65px;border-radius:10px;border:0;background:#ff9800;color:#fff;font-size:20px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,transform .08s ease}.server-modal__btn:hover{background:#ffb240}.server-modal__btn:active{background:#ffa622;transform:translateY(1px)}@media (max-width: 1500px){.server-modal__grid{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:24px}.server-modal__right{grid-column:1 / -1}.server-modal__mods{height:auto}}@media (max-width: 900px){.modal{align-items:flex-start;padding:16px}.server-modal__dialog{width:100%;height:calc(100svh - 32px);max-height:calc(100svh - 32px);border-radius:14px}.server-modal__close{--close-size: 44px;--close-hit: 56px;top:10px;left:auto;right:10px;transform:none}.server-modal__close span{font-size:28px;transform:none}.server-modal__content{padding:18px 16px 14px}.server-modal__title{font-size:18px}.server-modal__grid{gap:16px}.server-modal__left{grid-template-rows:auto;gap:14px}.server-modal__info-row{font-size:16px;line-height:1.25}.server-modal__online{grid-template-columns:120px 1fr;height:auto;padding:16px}.server-modal__online-circle{width:100px;height:100px}.server-modal__online-text{font-size:34px}.server-modal__online-label{font-size:22px}.server-modal__wipe{padding:16px}}@media (max-width: 768px){.server-modal__grid{grid-template-columns:1fr}.server-modal__right{grid-column:auto}}@media (max-width: 420px){.modal{padding:12px}.server-modal__dialog{height:calc(100svh - 24px);max-height:calc(100svh - 24px)}.server-modal__content{padding:16px 12px 12px}.server-modal__desc{font-size:15px}.server-modal__wipe-times{gap:12px}.server-modal__time,.server-modal__time-face,.server-modal__time-circle{width:54px}.server-modal__time-face,.server-modal__time-circle{height:54px}.server-modal__time-value{font-size:20px}}