.server-links,.join-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.discord-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:11px 17px;background:#5865f226;border:1px solid #858aff55;border-radius:7px;color:#d5d8ff;font-size:12px;font-weight:800;transition:background .2s,border-color .2s}
.discord-link:hover{background:#5865f250;border-color:#a0a5ff}
.join-links{margin-top:16px}.join-links .text-button{padding:12px 0}.hero h1{font-size:clamp(38px,5.4vw,78px);letter-spacing:-2px}
.item-art{aspect-ratio:1/1;height:auto;max-height:none;border:0;border-radius:6px}
.fantasy-art{width:100%;height:100%;background-image:url('assets/fantasy-atlas.png');background-size:300% 300%;background-position:var(--tile-x) var(--tile-y);background-repeat:no-repeat;transition:filter .3s}
.card:hover .fantasy-art{filter:brightness(1.08)}
@media(max-width:700px){header{height:auto;min-height:95px;gap:12px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.server-links{gap:7px}.server-links .ip,.server-links .discord-link{font-size:10px;padding:10px;min-height:38px}.hero{min-height:650px}.scene{top:255px}.hero h1{font-size:clamp(36px,10vw,65px)}}
@media(prefers-reduced-motion:reduce){.fantasy-art,.discord-link{transition:none}}