.server-poster{background-color:var(--surface);border:var(--border-thick);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:clamp(1.75rem,4vw,2.75rem)}.server-poster-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:2.25rem;display:grid}.server-img-col{flex-direction:column;display:flex}.server-frame-wrapper{background-color:var(--surface-raised);border:var(--border-thick);border-radius:var(--r-card);box-shadow:var(--shadow-md);transition:transform .2s var(--ease);padding:.75rem;position:relative}@media (hover:hover){.server-frame-wrapper:hover{box-shadow:var(--shadow-lg);transform:translate(-3px,-3px)}}.server-img{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--line);width:100%;height:auto}.server-badge-overlay{color:var(--ink-fixed);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;border:var(--border-thick);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:.45rem;padding:.35rem .9rem;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;bottom:1.25rem;left:1.25rem}.tag-warning-pulse{background-color:var(--yellow);color:var(--ink-fixed);border:2px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--r-pill);font-size:.75rem;font-weight:800}.server-info-col{color:var(--text)}.server-badges-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;display:flex}.server-main-title{font-family:var(--font-heading);color:var(--text);letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:900;line-height:1.1}.server-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.server-chips-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.server-chip{background-color:var(--surface-raised);color:var(--text);border:2px solid var(--line);border-radius:var(--r-btn);box-shadow:var(--shadow-sm);font-family:var(--font-heading);padding:.65rem .85rem}.chip-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.15rem;font-size:.7rem;font-weight:800;display:block}.chip-val{font-size:.92rem;font-weight:800}.chip-status .status-val{color:#b45309}.chip-ip{background-color:var(--yellow);color:var(--ink-fixed)}.chip-ip .chip-label{color:var(--ink-fixed);opacity:.75}.ip-text{color:var(--ink-fixed);font-size:.95rem;font-weight:900}.server-modes-preview{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.75rem;display:grid}.mode-preview-card{background-color:var(--surface);border:2px solid var(--line);border-radius:var(--r-btn);box-shadow:var(--shadow-sm);padding:.75rem .85rem}.mode-card-header{justify-content:space-between;align-items:center;gap:.45rem;margin-bottom:.35rem;display:flex}.mode-name{font-family:var(--font-heading);letter-spacing:.03em;color:var(--text);align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;display:flex}.mode-name i{color:var(--orange)}.mode-status-badge{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;background-color:var(--surface-raised);color:var(--text-muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:.1rem .45rem;font-size:.68rem;font-weight:800}.mode-card-desc{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.4}.server-actions-group{flex-wrap:wrap;gap:1rem;display:flex}.btn-copy-ip{background-color:var(--line);color:var(--text-inverted)}[data-theme=dark] .btn-copy-ip{background-color:var(--yellow);color:var(--ink-fixed)}.btn-copy-ip.copied{background-color:var(--green)!important;color:var(--ink-fixed)!important}.btn-discord-subtle{background-color:var(--surface);color:var(--text)}.ip-particle{pointer-events:none;z-index:1050;font-family:var(--font-heading);background-color:var(--yellow);color:var(--ink-fixed);border:2px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);padding:.25rem .65rem;font-size:.82rem;font-weight:800;transition:transform .5s ease-out,opacity .5s ease-out;position:fixed}@media (width<=1024px){.server-poster-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.server-chips-grid,.server-modes-preview{grid-template-columns:1fr}.server-actions-group{flex-direction:column;width:100%}.server-actions-group .btn{width:100%}}