.clusters-page{background-color:#383c41;display:flex;flex-direction:column;min-height:calc(100vh - 470px)}.clusters-page .top{align-items:center;display:flex;flex-direction:column;padding:50px 100px 16px}@media only screen and (width <= 1100px){.clusters-page .top{padding:40px 30px 16px}}@media only screen and (width <= 720px){.clusters-page .top{padding:20px 20px 0}}.clusters-page .top h1{color:#cd6e57;font-size:55px;letter-spacing:3px;margin:0 0 17px}@media only screen and (width <= 720px){.clusters-page .top h1{font-size:40px}}.clusters-page .top p{color:#d3d3d3;font-size:16px;font-weight:600;line-height:25px;margin:0;text-align:center}.clusters-page .top p span{color:#cd6e57}.clusters-page .top .dblink{display:inline-flex;justify-content:center}.clusters-page .top .dblink:before{top:100%!important}.clusters-page #clusters-list{flex:1;overflow:hidden;padding:24px 20px 100px;position:relative}@media only screen and (width <= 720px){.clusters-page #clusters-list{padding:24px 20px 180px}}.clusters-page #clusters-list.game-mode .cluster{pointer-events:none}.clusters-page .search-cluster{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;width:100%}.clusters-page .search-cluster .reload{border-radius:16px;cursor:default;filter:grayscale(1);height:32px;outline:0;width:32px}.clusters-page .search-cluster .reload:focus-visible{outline:5px auto -webkit-focus-ring-color}.clusters-page .search-cluster .reload.can-load{cursor:pointer;filter:none;transition:transform .3s ease}.clusters-page .search-cluster .reload.can-load:hover{transform:rotate(180deg)}.clusters-page canvas{left:0;pointer-events:auto;position:absolute;top:0;z-index:999}.clusters-page .clusters{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));margin:16px auto 0;max-width:900px;width:100%}.clusters-page .clusters .cluster{list-style:none;position:relative}.clusters-page .clusters .cluster-display{align-items:center;background-color:#cd6e57;border-radius:4px;box-shadow:0 2px 10px #000000a8;color:#fff;cursor:help;display:flex;font-size:16px;font-weight:600;gap:8px;height:40px;justify-content:center;padding:8px;position:relative;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clusters-page .clusters .cluster-display .status{color:green}.clusters-page .clusters .cluster-display:hover{background-color:#b45a44}.clusters-page .clusters .cluster-display.no-signal{background-color:#7a7878}.clusters-page .clusters .cluster-display.no-signal:hover{background-color:#646464}.clusters-page .clusters .cluster-display.no-signal .status{color:gray}.clusters-page .clusters .cluster-display.problem{background-color:#941515}.clusters-page .clusters .cluster-display.problem:hover{background-color:#771212}.clusters-page .clusters .cluster-display.problem .status{color:red}.clusters-page .clusters .cluster-display.game-trigger{cursor:pointer}.clusters-page .clusters .cluster-display.guild-cluster{animation:highlight-cluster 1s linear infinite}@keyframes highlight-cluster{0%{border:3px solid transparent}50%{border:3px solid #fff}to{border:3px solid transparent}}.clusters-page .clusters .cluster-display.destroyed{background-color:#666!important;opacity:.3}.clusters-page .clusters .cluster-display.destroyed:hover{background-color:#666!important}.clusters-page .falling-server{align-items:center;background-color:#cd6e57;border-radius:16px;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;position:absolute;transition:all .1s linear;width:32px;z-index:1000}.clusters-page .falling-server.no-icon{background:linear-gradient(45deg,#cd6e57,#b45a44)}.clusters-page .falling-server img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.clusters-page .bonus-indicator{animation:fade-in-out 2s ease-in-out;background:#202225;border-radius:5px;color:#fff;font-size:18px;font-weight:700;left:50%;padding:10px 20px;position:absolute;text-transform:uppercase;top:30%;transform:translate(-50%,-50%);z-index:9999}.clusters-page .game-stat{background-color:#00000080;border-radius:4px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;margin-right:15px;padding:4px 8px}.cluster-informations{background:#202225;border-radius:4px;color:#fff;font-size:12px;line-height:17px;padding:10px;width:230px}.cluster-informations,.cluster-informations .content{display:flex;flex-direction:column}.cluster-informations .shards{display:flex;flex-wrap:wrap;gap:4px}.cluster-informations .shards .shard-status{background-color:#26282a;border-radius:3px;padding:0 4px}.cluster-informations .shards .shard-status .green{color:green}.cluster-informations .shards .shard-status .orange{color:orange}.cluster-informations .shards .shard-status .yellow{color:#ff0}.cluster-informations .shards .shard-status .red{color:red}.cluster-informations .shards .shard-status .gray{color:#d3d3d3}.cluster-informations .shards .shard-status.guild-shard{animation:highlight-shard 1s linear infinite}@keyframes highlight-shard{0%{border:1px solid transparent}50%{border:1px solid #fff}to{border:1px solid transparent}}.cluster-informations .servers{display:flex;flex-flow:column wrap;gap:4px;justify-content:center;margin-top:8px}.cluster-informations .servers .server{align-items:center;display:flex}.cluster-informations .servers .server span{display:flex}.cluster-informations .servers .server .acronym,.cluster-informations .servers .server img{border-radius:9px;height:18px;margin-right:2px;width:18px}.cluster-informations .servers .server .acronym{align-items:center;background-color:#36393f;color:#fff;display:flex;font-size:60%;font-weight:500;justify-content:center;overflow:hidden;white-space:nowrap}@media only screen and (width <= 720px){.clusters-page .game-overlay .game-ui{margin-bottom:10px;position:relative}.clusters-page .game-overlay .game-ui .game-stats{flex-direction:column;gap:5px}.clusters-page .game-overlay .game-ui .game-instructions{display:none}}@keyframes fade-in-out{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}