:root{font-family:Space Grotesk,sans-serif;color:#e6e9ef;background-color:#0f1218;--bg: #0f1218;--bg-elevated: #141925;--bg-panel: #181e2a;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text: #e6e9ef;--muted: #9aa3b2;--accent: #6b8cff;--accent-strong: #6b8cff;--accent-soft: rgba(107, 140, 255, .12);--success: #22c55e;--danger: #ef4444;--radius: 8px;--spacing-unit: 8px;--max-width: 1200px;--font-size-base: .875rem;--font-size-sm: .75rem;--font-size-lg: 1.75rem;--bg-box: var(--bg-elevated);--bg-row-even: var(--bg-elevated);--bg-row-odd: var(--bg-panel);--bg-row-hover: rgba(255, 255, 255, .03)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif;font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}#punwrap{width:100%;max-width:var(--max-width);margin:20px auto;background:var(--bg-box);text-align:left;border-radius:var(--radius)}.pun{padding:10px}header.brd{margin-bottom:20px}#brdtitle{padding:30px 20px;background:var(--bg);color:var(--text);text-align:center;border-radius:var(--radius) var(--radius) 0 0}#brdtitle h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.01em}#brdtitle h1 a{color:var(--text);text-decoration:none}#brdtitle h1 span{color:var(--accent)}#brdmenu{background:var(--bg-panel);border-top:none;padding:12px 20px;text-align:center;border-radius:0 0 var(--radius) var(--radius)}#brdmenu ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:20px;align-items:center;flex-wrap:wrap}#brdmenu li a{color:var(--text);font-weight:500;text-decoration:none;font-size:.9rem;transition:color .2s}#brdmenu li a:hover{color:var(--accent);text-decoration:none}#brdwelcome{background:var(--bg-panel);margin-bottom:20px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);border-radius:var(--radius)}#brdwelcome ul{list-style:none;margin:0;padding:0;display:flex;gap:10px}.conl{margin:0;padding:0;list-style:none;display:flex;gap:10px;align-items:center}.conr{padding:0;list-style:none;display:flex;gap:10px;margin:0 0 0 auto;align-items:center}.conr a,.conr button{color:var(--accent);font-weight:700;text-decoration:none}.conr a:hover,.conr button:hover{text-decoration:underline}#brdmain{min-height:400px}.linkst{margin-bottom:10px;font-size:var(--font-size-sm)}.crumbs{list-style:none;margin:0;padding:0;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.crumbs li strong{color:var(--text)}.crumbs li a{color:var(--accent);text-decoration:none}.crumbs li a:hover{text-decoration:underline}.blocktable{margin-bottom:25px}.blocktable h2{background:color-mix(in srgb,var(--bg-panel),black 20%);color:var(--text);margin:0;padding:10px 15px;font-size:.85rem;font-weight:600;border-bottom:none;border-radius:var(--radius) var(--radius) 0 0}.blocktable .box{background:var(--bg-panel);border-radius:0 0 var(--radius) var(--radius)}.blocktable .box:has(table){overflow-x:auto}.blocktable table{width:100%;border-collapse:collapse;min-width:600px}.blocktable th{background:#ffffff03;border-bottom:1px solid var(--border);padding:10px 15px;text-align:left;font-size:.75rem;font-weight:600;color:var(--muted);white-space:nowrap}.blocktable td{padding:12px 15px;border-bottom:1px solid var(--border);vertical-align:middle}.roweven{background:var(--bg-row-even)}.rowodd{background:var(--bg-row-odd)}.roweven:hover,.rowodd:hover{background:var(--bg-row-hover)}.tcl h3{margin:0;font-size:var(--font-size-base);color:var(--accent)}.tcl p{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--muted)}.tc2,.tc3,.tcr{text-align:center}.stats{margin:0;padding:10px;display:grid;grid-template-columns:150px 1fr;gap:5px}.stats dt{font-weight:700;color:var(--muted)}#brdfooter{margin-top:30px;padding-bottom:5px}#brdfooter .inbox{padding:15px;background:var(--bg-panel);font-size:var(--font-size-sm);color:var(--muted);text-align:center;border-radius:var(--radius)}#brdfooter p{margin:2px 0}#brdfooter .inbox img{margin:0 4px;vertical-align:middle}.btn-action{display:inline-block;background:var(--accent);color:#0f1218;padding:6px 14px;font-weight:600;text-decoration:none;font-size:.8rem;border-radius:6px;transition:all .2s}.btn-action:hover{background:#fff;color:#0f1218;text-decoration:none}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:var(--font-size-sm);font-family:inherit;font-weight:700}.btn-link:hover{text-decoration:underline}.icon{margin-right:10px;color:var(--accent);display:flex;align-items:center;justify-content:center;height:32px;width:32px;flex-shrink:0}.intcl{display:flex;align-items:center}.qp-category-selector{padding:20px;border-bottom:1px solid var(--border);background:var(--bg-panel);display:flex;justify-content:center}.qp-category-segmented{display:flex;background:var(--bg-elevated);padding:4px;border-radius:var(--radius);width:100%;max-width:400px;gap:4px}.qp-category-option{flex:1;padding:10px 20px;cursor:pointer;text-align:center;font-weight:600;font-size:.85rem;color:var(--muted);transition:all .2s;border-radius:calc(var(--radius) - 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qp-category-option:hover:not(.active){color:var(--text);background:#ffffff08}.qp-category-option.active{background:var(--accent);color:#0f1218;box-shadow:0 4px 12px #0003}.qp-category-option:active{transform:scale(.98)}.network-stats-container{display:flex;justify-content:center;align-items:center;padding:30px 20px;gap:40px}.network-stat-block{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:140px}.network-stat-value{font-size:2.5rem;font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.02em;text-shadow:0 0 20px var(--accent-soft)}.network-stat-label{font-size:.85rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.network-stat-divider{width:1px;height:40px;background:var(--border-strong);opacity:.5}.welcome-buttons{display:flex;gap:15px;padding:20px;justify-content:center}.welcome-btn{display:flex;align-items:center;gap:10px;padding:16px 32px;border-radius:var(--radius);text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1);flex:1;max-width:250px;justify-content:center}.welcome-btn-primary{background:var(--accent);color:#fff}.welcome-btn-primary:hover{background:#5a7be6}.welcome-btn-secondary{background:var(--bg-elevated);color:var(--text)}.welcome-btn-secondary:hover{color:#5a7be6}.welcome-btn:active{transform:translateY(0)}.qp-category-buttons{display:flex;gap:10px}.qp-content{padding:15px}.qp-section-title{margin-bottom:15px;font-weight:700;color:var(--accent-strong)}.qp-modes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:15px}.qp-mode-item{padding:12px 16px;cursor:pointer;background:var(--bg-elevated);display:flex;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:var(--radius)}.qp-no-servers{background:var(--bg-elevated);color:var(--muted);padding:20px;grid-column:1 / -1;text-align:center;border-radius:var(--radius)}.qp-status-text{font-weight:700}.qp-found-map,.qp-found-address{margin:0 0 10px}.qp-launching-text{color:var(--success);font-weight:700}.qp-error-text{color:var(--danger);margin-bottom:10px}.btn-search-start{min-width:200px}.therian-logo{height:.8em;width:.8em;display:inline-block;vertical-align:baseline;margin:0 .05em;position:relative;top:.05em}.qp-mode-item.selected{background:var(--accent-soft);border-color:var(--accent)}.qp-mode-item:hover:not(.selected){background:var(--bg-row-hover);border-color:var(--border-strong);transform:translateY(-1px)}.qp-mode-name{font-size:.9rem;color:var(--text);font-weight:500}.qp-mode-name.selected{font-weight:600;color:var(--accent)}.qp-mode-stats{font-size:11px;color:var(--muted);background:#0003;padding:2px 6px;border-radius:4px}.qp-search-container{text-align:center;margin-top:20px;padding:30px;background:var(--bg-panel);border-radius:0 0 var(--radius) var(--radius)}.profile-header{display:flex;gap:32px;padding:40px;background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-elevated) 100%);align-items:center;border-bottom:1px solid var(--border)}.profile-avatar-container{position:relative}.profile-avatar{width:140px;height:140px;border-radius:var(--radius);outline:1px solid var(--border-strong);background:var(--bg-elevated);-o-object-fit:cover;object-fit:cover}.profile-info{flex:1}.profile-info h1{margin:0 0 12px;font-size:2.25rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.profile-stats{display:flex;gap:24px;flex-wrap:wrap}.profile-stat-item{display:flex;flex-direction:column;gap:4px}.profile-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.profile-stat-value{font-size:1.1rem;color:var(--text);font-weight:700}.profile-stat-value strong{color:var(--accent)}.profile-privacy-box{padding:25px 40px;background:var(--bg-elevated);overflow:visible}.profile-privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:end}.profile-privacy-item{display:flex;flex-direction:column;gap:8px}.profile-privacy-item label{font-size:.85rem;font-weight:600;color:var(--muted)}.spray-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.spray-card{background:var(--bg-elevated);border-radius:var(--radius);overflow:hidden;transition:all .2s}.spray-card:hover{border-color:var(--accent);transform:translateY(-4px)}.spray-preview{aspect-ratio:1;width:100%;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid var(--border)}.spray-info{padding:12px}.spray-title{margin:0 0 8px;font-size:.95rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rules-list{padding:25px 40px;margin:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.rules-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-panel);border-radius:var(--radius);color:var(--text);font-size:.9rem}.rules-list li strong{color:var(--accent)}.rules-list li:before{content:"•";color:var(--accent);font-weight:700;font-size:1.2rem}.comment-card{background:var(--bg-panel);padding:20px;border-radius:var(--radius);transition:all .2s}.comment-card:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.comment-header{display:flex;justify-content:space-between;margin-bottom:12px;align-items:center}.comment-author{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:var(--text);transition:color .2s}.comment-author:hover{color:var(--accent)}.comment-author img{width:36px;height:36px;border-radius:6px}.comment-date{font-size:.75rem;color:var(--muted);font-weight:500}.comment-body{margin:0;line-height:1.6;color:var(--text);font-size:.95rem}.form-textarea{width:100%;min-height:100px;padding:12px;margin-bottom:12px;background:var(--bg-elevated);color:var(--text);border-radius:var(--radius);resize:none;font-family:inherit;transition:border-color .2s}.form-input{width:100%;padding:10px 12px;background:var(--bg-elevated);color:var(--text);border-radius:var(--radius);font-family:inherit;transition:border-color .2s;font-size:.9rem}.form-textarea:focus,.form-input:focus{outline:none;border-color:var(--accent)}.custom-select{background:var(--bg-panel);color:var(--text);padding:6px 12px;border-radius:4px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.custom-select:hover{border-color:var(--accent)}.custom-dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-panel);z-index:999;min-width:150px;border-radius:var(--radius);margin-top:4px;overflow:hidden;box-shadow:0 10px 25px #00000080}.custom-dropdown-item{padding:8px 12px;cursor:pointer;font-size:.85rem;color:var(--text);transition:background .2s}.custom-dropdown-item:hover{background:var(--bg-elevated);color:var(--accent)}.custom-dropdown-item.selected{background:var(--bg-elevated);color:var(--accent);font-weight:700}@media(max-width:768px){#punwrap{margin:0;border-left:none;border-right:none}#brdwelcome{flex-direction:column;align-items:flex-start;gap:10px}.conr{margin-left:0;flex-wrap:wrap}.stats{grid-template-columns:1fr}.stats dt{margin-top:5px}}