:root{color-scheme:dark;--bg: #090d12;--panel: #0f141b;--line: #1c242e;--text: #e9f0f5;--muted: #7d8b97;--accent: #8ec9e6;--accent-bright: #b9e2f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:3px;font-family:monospace;color:var(--accent-bright);text-decoration:none}.brand-icon{width:34px;height:34px;border-radius:4px}.nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-size:13px;letter-spacing:1px}.nav a:hover{color:var(--text)}.nav a.is-active{color:var(--accent-bright)}.app-main{flex:1}.stats-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 22px;background:#0b0f14;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);letter-spacing:.3px}.stats-bar strong{color:var(--accent-bright);font-variant-numeric:tabular-nums;font-weight:700}.stats-dot{width:8px;height:8px;border-radius:50%;background:#57d97b;box-shadow:0 0 8px #57d97bcc;animation:stats-pulse 2s ease-in-out infinite}@keyframes stats-pulse{0%,to{opacity:1}50%{opacity:.35}}.stats-sep{color:#3a444d}.stats-muted{color:#5d6a74}@media(max-width:520px){.stats-muted,.stats-bar .stats-sep:last-of-type{display:none}}.welcome{position:relative;min-height:calc(100vh - 50px);display:flex;align-items:center;justify-content:center;overflow:hidden}.welcome-bg{position:absolute;inset:0;background-size:cover;background-position:center}.welcome-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,#080a0c4d,#080a0c73 45%,#080a0ceb)}.welcome-content{position:relative;text-align:center;padding:0 22px}.welcome-title{margin:0;font-family:Anton,Oswald,system-ui,sans-serif;font-weight:400;font-size:clamp(80px,16vw,150px);letter-spacing:3px;line-height:.86;text-transform:uppercase;background:linear-gradient(180deg,#fff,#e2eef5 34%,#a7cee2 70%,#79aac6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:url(#dzsl-grunge) drop-shadow(0 2px 1px rgba(0,0,0,.55)) drop-shadow(0 8px 26px rgba(0,0,0,.9))}.grunge-defs{position:absolute;width:0;height:0}.welcome-sub{margin:6px 0 0;color:#aebfca;font-family:Oswald,monospace;font-weight:600;font-size:15px;letter-spacing:6px;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.9)}.welcome-blurb{max-width:540px;margin:24px auto 0;color:#c7d5e0;font-size:15px;line-height:1.6;text-shadow:0 1px 6px rgba(0,0,0,.9)}.welcome-actions{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}.welcome-primary,.welcome-secondary{text-decoration:none;font-weight:700;letter-spacing:2px;border-radius:4px;padding:13px 40px;font-size:14px;box-shadow:0 4px 16px #0009}.welcome-primary{background:#8ec9e624;border:1px solid var(--accent);color:var(--accent-bright);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.welcome-primary:hover{background:#8ec9e642;border-color:var(--accent-bright);color:#fff}.welcome-secondary{background:#141414bf;border:1px solid #3a3a3a;color:#c7d5e0}.welcome-secondary:hover{background:#1c1c1ce6;color:#fff;border-color:#5a8aaa}.header-left{display:flex;align-items:center;gap:14px}.campfire-toggle{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;background:#0c10168c;border:1px solid rgba(142,201,230,.35);border-radius:4px;color:var(--accent-bright);font-family:monospace;font-size:10px;letter-spacing:1.5px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.campfire-toggle:hover{background:#141a22b3;border-color:var(--accent)}.campfire-toggle.is-on{border-color:#ffa04099;color:#ffd9a0;box-shadow:0 0 18px #ff8c2840}.campfire-icon{font-size:13px;line-height:1}@media(max-width:560px){.campfire-label{display:none}}.page-section{padding:40px 22px;max-width:1100px;margin:0 auto;width:100%}.section-title{color:var(--accent);font-family:monospace;font-size:16px;letter-spacing:3px;margin:0 0 18px}.server-browser{border:1px solid var(--line);border-radius:6px;overflow:hidden}.server-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 72px 170px;gap:16px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px}.server-row:last-child{border-bottom:none}.server-row:not(.server-head):hover{background:#0f141b}.server-head{background:#0b0f14;color:var(--muted);font-family:monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase}.server-name{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-map{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-players{color:var(--accent-bright);font-variant-numeric:tabular-nums;font-weight:700}.server-head .server-players{color:var(--muted);font-weight:400}.server-addr{color:#5d6a74;font-family:monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-foot{margin:12px 2px 0;font-size:12px}@media(max-width:680px){.server-row{grid-template-columns:minmax(0,1fr) 64px}.server-map,.server-addr{display:none}}.page-lead{max-width:680px;margin:0 0 28px;color:var(--muted);font-size:15px;line-height:1.6}.page-note{margin-top:24px;color:var(--muted);font-size:13px}.page-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:60px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.card-title{margin:0 0 12px;font-size:15px;color:var(--text);letter-spacing:.5px}.card-text{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.card-list{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.7}.code-block{margin:0;padding:14px;background:#0b0f14;border:1px solid var(--line);border-radius:6px;color:var(--accent-bright);font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre}.card-link{display:inline-block;margin-top:14px;color:var(--accent);text-decoration:none;font-size:14px}.card-link:hover{color:var(--accent-bright)}.badge{display:inline-block;margin-top:14px;padding:3px 10px;border-radius:99px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.badge-soon{background:#8ec9e61f;border:1px solid rgba(142,201,230,.3);color:var(--accent-bright)}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-discord{color:var(--accent);text-decoration:none;font-weight:600}.footer-discord:hover{color:var(--accent-bright)}.auth-chip{display:inline-flex;align-items:center;gap:8px;margin-left:18px;padding:5px 12px;background:#8ec9e61a;border:1px solid rgba(142,201,230,.32);border-radius:4px;color:var(--accent-bright);font-size:13px;font-family:inherit;letter-spacing:.5px;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s}.auth-chip:hover{background:#8ec9e633;border-color:var(--accent)}.auth-chip.auth-muted{cursor:default;opacity:.6}.auth-avatar{width:22px;height:22px;border-radius:3px}.auth-persona{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steam-btn{margin-top:8px;padding:12px 28px;background:linear-gradient(180deg,#1b2838,#0e151e);border:1px solid #66c0f4;border-radius:4px;color:#c7e3f5;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:box-shadow .2s,border-color .2s}.steam-btn:hover{border-color:#a0d8f5;box-shadow:0 0 22px #66c0f44d}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;margin-bottom:18px;border-bottom:1px solid var(--line)}.dash-user{display:flex;align-items:center;gap:14px}.dash-avatar{width:48px;height:48px;border-radius:5px}.dash-persona{font-size:17px;font-weight:700;color:var(--text)}.dash-steamid{font-size:12px;color:var(--muted);font-family:monospace}.dash-error{color:#ff8e8e;font-size:13px;margin:8px 0 0}.dash-ok{color:#57d97b;font-size:13px}.field{width:100%;padding:11px 13px;background:#0b0f14;border:1px solid var(--line);border-radius:5px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical}.field:focus{outline:none;border-color:var(--accent)}.field-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);letter-spacing:.5px}.claim-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.claim-form .field{width:auto;flex:1;min-width:200px}.claim-form .field-port{flex:0 0 110px;min-width:90px}.claim-list{display:flex;flex-direction:column;gap:16px}.claim-card{background:var(--panel);border:1px solid var(--line);border-left-width:3px;border-radius:8px;padding:18px 20px}.claim-card.is-pending{border-left-color:#d8a64a}.claim-card.is-verified{border-left-color:#57d97b}.claim-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.claim-addr{font-family:monospace;font-size:14px;color:var(--text)}.claim-status{font-size:12px;letter-spacing:1px;text-transform:uppercase}.claim-status.ok{color:#57d97b}.claim-status.wait{color:#d8a64a}.claim-verify{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.claim-token{display:inline-block;padding:8px 16px;background:#0b0f14;border:1px dashed var(--accent);border-radius:5px;color:var(--accent-bright);font-size:18px;letter-spacing:2px;font-family:monospace}.listing-form{display:flex;flex-direction:column;gap:14px}.promote-toggle{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text);cursor:pointer}.promote-toggle input{width:16px;height:16px;accent-color:var(--accent)}.listing-actions{display:flex;align-items:center;gap:14px}.welcome-primary:disabled{opacity:.55;cursor:default}