: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: 4rem;--max: 72rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);background:linear-gradient(180deg,#0f1115b8,#0f1115eb 40%,#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:.55rem 1rem;font-weight:600;font-size:.9rem;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;height:var(--nav-h);display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:#0f1115eb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav .brand{display:flex;align-items:center;gap:.65rem;color:var(--text);font-weight:700;letter-spacing:.02em}.site-nav .brand img{height:2.4rem;width:auto}.site-nav .links{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin-left:auto;align-items:center}.site-nav .links a{color:var(--muted);font-size:.9rem;font-weight:500}.site-nav .links a:hover,.site-nav .links a.active{color:var(--accent);text-decoration:none}.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}.hero{padding:4.5rem 0 2.5rem;text-align:center}.hero .welcome{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;margin:0 0 .5rem}.hero h1{margin:0;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.02em}.hero .tagline{margin:.85rem auto 0;max-width:36rem;color:var(--muted);font-size:1.05rem}.section{padding:2.75rem 0}.section h2{margin:0 0 .35rem;font-size:1.55rem}.section .lede{margin:0 0 1.5rem;color:var(--muted)}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}@media(max-width:980px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.server-grid{grid-template-columns:1fr}.site-nav{height:auto;flex-wrap:wrap;padding:.75rem 1rem}.site-nav .links{margin-left:0;width:100%}}.server-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.server-card .map-thumb{position:relative;aspect-ratio:16 / 10;background:#0a0c0f;cursor:zoom-in}.server-card .map-thumb img{width:100%;height:100%;object-fit:cover;display:block}.server-card .ribbon{position:absolute;top:.65rem;left:.65rem;background:var(--accent);color:#04120c;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .5rem;border-radius:3px}.server-card .body{padding:.95rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.server-card h3{margin:0;font-size:1.05rem}.meta{color:var(--muted);font-size:.82rem;font-family:var(--mono)}.fill-bar{height:.35rem;background:#0a0c0f;border-radius:99px;overflow:hidden}.fill-bar>span{display:block;height:100%;background:var(--accent)}.chip{display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .45rem;border-radius:3px;background:#243028;color:var(--accent)}.chip.warn{background:#2a2314;color:var(--warn)}.chip.off{background:#2a1a1a;color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.35rem}.actions .btn{flex:1 1 auto;text-align:center;min-width:5.5rem}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:1.25rem 1.35rem}.rules details{border-bottom:1px solid var(--border);padding:.75rem 0}.rules summary{cursor:pointer;font-weight:600}.rules details p{color:var(--muted);margin:.55rem 0 0;line-height:1.5}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem}.staff-card{text-align:center;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px}.staff-card img{width:5.5rem;height:5.5rem;border-radius:50%;object-fit:cover;margin-bottom:.65rem;background:#0a0c0f}.staff-card .role{color:var(--muted);font-size:.85rem}.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{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}.footer{padding:2.5rem 0 3rem;color:var(--muted);font-size:.85rem;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:.8rem}.ticket-list{display:flex;flex-direction:column;gap:.55rem}.ticket-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .9rem;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:.75rem;color:var(--muted);margin-bottom:.25rem}.form-stack{display:flex;flex-direction:column;gap:.65rem}.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:.55rem .7rem}.form-stack textarea{min-height:7rem;resize:vertical}.error{color:var(--danger);font-size:.9rem}.ok{color:var(--accent);font-size:.9rem}.shop-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;align-items:center}@media(max-width:720px){.shop-layout{grid-template-columns:1fr}}.shop-layout img{width:100%;max-width:18rem;border-radius:6px;border:1px solid var(--border)}.muted{color:var(--muted)}