:root{--bg: #0f1115;--bg-elevated: #181b20;--bg-panel: #14171c;--border: #2a2f38;--text: #e8eaed;--muted: #9aa3b2;--accent: #10b981;--accent-dim: #0d9668;--danger: #ef4444;--warn: #f59e0b;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--nav-h: 4.25rem;--max: 72rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:linear-gradient(180deg,#0f1115c7,#0f1115f0 45%,#0f1115),url(/background.webp) center top / cover no-repeat fixed;background-color:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{font-family:inherit;cursor:pointer;border:1px solid transparent;border-radius:4px;padding:.65rem 1.1rem;font-weight:600;font-size:.95rem;background:var(--accent);color:#04120c}button:hover,.btn:hover{background:var(--accent-dim);text-decoration:none}button.ghost,.btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}button.ghost:hover,.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.site-nav{position:sticky;top:0;z-index:40;min-height:var(--nav-h);display:flex;align-items:center;gap:1.25rem;padding:.65rem 1.5rem;background:#0f1115f0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-nav .brand{display:flex;align-items:center;gap:.7rem;color:var(--text);font-weight:700;font-size:1.05rem;letter-spacing:.02em;flex-shrink:0}.site-nav .brand:hover{text-decoration:none;color:var(--accent)}.site-nav .brand img{height:2.6rem;width:auto}.site-nav .nav-left{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .35rem}.site-nav .nav-left a{color:var(--muted);font-size:.98rem;font-weight:600;padding:.45rem .75rem;border-radius:4px}.site-nav .nav-left a:hover,.site-nav .nav-left a.active{color:var(--text);background:#ffffff0a;text-decoration:none}.site-nav .nav-left a.active{color:var(--accent)}.site-nav .nav-right{margin-left:auto;display:flex;align-items:center;gap:.65rem;flex-shrink:0}.discord-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:4px;color:var(--muted);border:1px solid var(--border)}.discord-icon:hover{color:#5865f2;border-color:#5865f2;text-decoration:none}.discord-icon svg{width:1.25rem;height:1.25rem}.steam-btn{display:inline-flex;align-items:center;gap:.45rem;background:#1b2838;color:#c7d5e0!important;border:1px solid #2a475e;padding:.55rem .95rem;border-radius:4px;font-weight:600;font-size:.92rem}.steam-btn:hover{background:#2a475e;text-decoration:none;color:#fff!important}.account-chip{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);font-weight:600;font-size:.92rem;padding:.25rem .55rem .25rem .25rem;border:1px solid var(--border);border-radius:4px}.account-chip:hover{text-decoration:none;border-color:var(--accent)}.account-chip img{width:1.85rem;height:1.85rem;border-radius:3px}.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}.hero{padding:3.75rem 0 2rem;text-align:center}.hero .welcome{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:600;margin:0 0 .55rem}.hero h1{margin:0;font-size:clamp(2.4rem,5.5vw,3.6rem);font-weight:700;letter-spacing:-.02em}.hero .tagline{margin:.9rem auto 0;max-width:36rem;color:var(--muted);font-size:1.1rem}.section{padding:2.5rem 0}.section h2{margin:0 0 .4rem;font-size:1.65rem}.section .lede{margin:0 0 1.4rem;color:var(--muted);font-size:1rem}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}@media(max-width:980px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.server-grid{grid-template-columns:1fr}.site-nav{flex-wrap:wrap;gap:.65rem}.site-nav .nav-right{margin-left:0;width:100%;justify-content:flex-end}}.server-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.server-card .hero-thumb{position:relative;aspect-ratio:16 / 9;background:#0a0c0f}.server-card .hero-thumb img{width:100%;height:100%;object-fit:cover;display:block}.server-card .ribbon{position:absolute;top:.7rem;left:.7rem;background:var(--accent);color:#04120c;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.28rem .55rem;border-radius:3px}.server-card .body{padding:1rem 1.05rem 1.15rem;display:flex;flex-direction:column;gap:.65rem;flex:1}.server-card .title-row{display:grid;grid-template-columns:1fr 4.5rem;gap:.75rem;align-items:start}.server-card h3{margin:0;font-size:1.15rem;line-height:1.25}.server-card .map-side{width:4.5rem;height:4.5rem;border-radius:4px;overflow:hidden;border:1px solid var(--border);background:#0a0c0f;cursor:zoom-in;padding:0}.server-card .map-side img{width:100%;height:100%;object-fit:cover;display:block}.meta{color:var(--muted);font-size:.9rem}.fill-bar{height:.4rem;background:#0a0c0f;border-radius:99px;overflow:hidden}.fill-bar>span{display:block;height:100%;background:var(--accent)}.chip{display:inline-block;font-size:.75rem;font-weight:700;padding:.22rem .5rem;border-radius:3px;background:#243028;color:var(--accent);vertical-align:middle}.chip.warn{background:#2a2314;color:var(--warn)}.chip.off{background:#2a1a1a;color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.35rem}.actions .btn{flex:1 1 auto;text-align:center;min-width:5rem}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:1.35rem 1.45rem}.rules details{border-bottom:1px solid var(--border);padding:.85rem 0}.rules summary{cursor:pointer;font-weight:600;font-size:1.02rem}.rules details p{color:var(--muted);margin:.6rem 0 0;line-height:1.55}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:1rem}.staff-card{text-align:center;padding:1.1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px}.staff-card img{width:5.5rem;height:5.5rem;border-radius:50%;object-fit:cover;margin-bottom:.7rem;background:#0a0c0f}.staff-card .role{color:var(--muted);font-size:.9rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#040608e0;display:flex;align-items:center;justify-content:center;padding:1.5rem}.overlay img.map-full{max-width:min(96vw,1100px);max-height:90vh;object-fit:contain;border:1px solid var(--border);border-radius:4px}.overlay .close{position:absolute;top:1rem;right:1rem}.overlay-card{width:min(100%,32rem);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1.35rem 1.45rem;max-height:90vh;overflow:auto}.overlay-card h3{margin:0 0 .75rem;font-size:1.25rem}.footer{padding:2.5rem 0 3rem;color:var(--muted);font-size:.9rem;text-align:center;border-top:1px solid var(--border);margin-top:2rem}.account-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.account-row img{width:2.5rem;height:2.5rem;border-radius:4px}.vote-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem}.vote-opt{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;overflow:hidden;padding:0;text-align:left;color:inherit;display:flex;flex-direction:column}.vote-opt.selected{border-color:var(--accent)}.vote-opt img{width:100%;aspect-ratio:1;object-fit:cover}.vote-opt .pad{padding:.55rem .65rem;font-size:.85rem}.ticket-list{display:flex;flex-direction:column;gap:.55rem}.ticket-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem .95rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:inherit}.ticket-row:hover{border-color:var(--accent);text-decoration:none}.msg-thread{display:flex;flex-direction:column;gap:.65rem;max-height:28rem;overflow:auto;margin:1rem 0}.msg{padding:.65rem .8rem;background:var(--bg-elevated);border-radius:4px;border:1px solid var(--border)}.msg .who{font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.form-stack{display:flex;flex-direction:column;gap:.7rem}.form-stack input,.form-stack select,.form-stack textarea{font:inherit;color:var(--text);background:#0a0c0f;border:1px solid var(--border);border-radius:4px;padding:.6rem .75rem;width:100%}.form-stack textarea{min-height:7rem;resize:vertical}.error{color:var(--danger);font-size:.95rem}.ok{color:var(--accent);font-size:.95rem}.shop-layout{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}@media(max-width:720px){.shop-layout{grid-template-columns:1fr}}.shop-layout img{width:100%;max-width:14rem;border-radius:6px;border:1px solid var(--border)}.muted{color:var(--muted)}.admin-edit{margin:1rem 0 0;border:1px dashed var(--accent-dim);border-radius:8px;padding:1rem;background:#10b9810d}.admin-edit summary{cursor:pointer;font-weight:700;color:var(--accent);font-size:.95rem}.admin-bar{position:sticky;bottom:0;z-index:30;background:#0f1115f5;border-top:1px solid var(--accent-dim);padding:.75rem 1.25rem;display:flex;gap:.75rem;align-items:center;justify-content:center}