/* WipeGrid / Signal — shared visual system */
:root{color-scheme:dark;--bg:#060b18;--panel:#0d1629;--panel2:#14213a;--text:#edf5ff;--muted:#9aacc8;--line:rgba(134,170,224,.2);--orange:#57e5ec;--green:#7de3c0;--violet:#ae95ff;--accent:#57e5ec}
body{font-family:"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 85% 0,rgba(105,75,206,.18),transparent 42%),linear-gradient(rgba(115,160,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(115,160,218,.035) 1px,transparent 1px),var(--bg);background-size:auto,64px 64px,64px 64px,auto}
::selection{background:#57e5ec;color:#060b18}a{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:border-color .16s,background-color .16s,box-shadow .16s}button:disabled{cursor:not-allowed}.topbar{min-height:78px;background:rgba(6,11,24,.94);border-bottom:1px solid var(--line);gap:20px}.brand{font-size:20px;letter-spacing:.16em}.brand-mark{width:40px;height:40px;border-color:var(--accent);background:rgba(87,229,236,.08);border-radius:10px 2px 10px 2px;box-shadow:inset 0 0 16px #57e5ec15;color:var(--accent)}.brand small{color:var(--violet);border-color:#ae95ff55;letter-spacing:.12em}.topbar nav a{color:#b9cbe2;font-weight:600}.topbar nav a:hover{color:var(--accent)}.saved-link,.secondary,.back-link,.copy-connect{background:#101c32;color:var(--text);border:1px solid var(--line);border-radius:7px}.saved-link.active{border-color:var(--accent);color:var(--accent)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:28px 64px;padding-top:64px;padding-bottom:32px;background:radial-gradient(ellipse at 85% 35%,#7960e824,transparent 50%);overflow:hidden}.hero-copy{max-width:840px;position:relative;z-index:1}.eyebrow{color:var(--accent);font:600 11px/1.6 Consolas,monospace;letter-spacing:.2em}.hero h1{font-size:clamp(44px,5.4vw,78px);font-weight:800;line-height:1.02;letter-spacing:-.045em;text-transform:none}.hero h1 em{color:var(--accent);background:linear-gradient(110deg,#77f5f1 15%,#ad98ff 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lede{color:#adbed6;font-size:17px;max-width:630px}.hero-index{display:inline-flex;gap:12px;color:var(--muted);font:11px Consolas,monospace;letter-spacing:.12em;border-top:1px solid var(--line);padding-top:16px;margin:12px 0 0}
.signal-art{position:relative;align-self:center;justify-self:center;width:240px;height:240px;border:1px solid #ae95ff44;border-radius:50%;background:radial-gradient(circle,#57e5ec16,transparent 64%);box-shadow:0 0 90px #7361ff16;display:grid;place-items:center}.signal-art:before{content:"";position:absolute;inset:22px;border:1px dashed #57e5ec66;border-radius:50%}.signal-art:after{content:"";position:absolute;inset:52px;border:1px solid #57e5ec77;transform:rotate(45deg);background:#57e5ec06}.signal-art span{font:800 50px Consolas,monospace;letter-spacing:-5px;color:var(--accent);z-index:1}.signal-art i{position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;top:18px;left:55px;box-shadow:0 0 18px var(--accent)}
.stats{position:static;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0;background:linear-gradient(110deg,#102038,#11182c);border:1px solid var(--line);border-radius:12px;overflow:hidden}.stats div{padding:18px 26px;display:flex;align-items:baseline;gap:14px}.stats dt{font:700 28px Consolas,monospace;color:var(--text)}.stats dd{color:#acbcd4;font-size:10px;letter-spacing:.1em}.search-panel{grid-column:1/-1;margin:0;background:#0a1428;border:1px solid #57e5ec33;box-shadow:0 12px 48px #0003;border-radius:12px;padding:18px}.search-field input{background:#060d1c;border-radius:6px;color:var(--text)}.search-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #57e5ec19}.search-field>span:first-child{color:var(--accent)}.primary,.primary-link,.view,.account-shell button,.account-shell .primary-link{background:var(--accent);color:#04151d;border-color:var(--accent);border-radius:6px;font-weight:750}.primary:hover,.primary-link:hover,.view:hover{background:#9df5f5;box-shadow:0 0 24px #57e5ec20}.secondary{border-radius:6px}.filter-row{gap:9px;padding-top:4px}.filter-row button{border-radius:5px;color:#adbed6;background:#111c30}.filter-row button.active{background:#57e5ec12;border-color:#57e5ec80;color:#8af1f5}.filter-row button:hover{border-color:var(--accent)}
.results{padding-top:36px}.section-heading h2,.method h2{font-size:28px;text-transform:none;letter-spacing:-.025em}.section-heading{align-items:center}.directory-controls label,.result-summary,.section-heading>p{color:var(--muted)}.directory-controls select,.pagination button{background:#101c32;color:var(--text);border-radius:6px}.pagination span{color:var(--muted)}.pagination button:hover:not(:disabled){border-color:var(--accent)}
.server-card{grid-template-columns:104px minmax(240px,1.7fr) minmax(120px,1fr) 130px 125px auto;gap:18px;padding:18px;border-radius:10px;background:linear-gradient(100deg,#57e5ec07,transparent 38%),#0c1527;border-left:2px solid #344364;box-shadow:0 5px 20px #0001}.server-card:hover{border-color:#57e5ec70;border-left-color:var(--accent);background-color:#101e34;box-shadow:0 6px 26px #0003}.map-visual{border-radius:7px;background:linear-gradient(135deg,#173248,#161e38)}.map-placeholder{font-family:Consolas,monospace;color:#85cce0}.map-visual small{background:#050d1ddd;color:#cad9ec}.country{border-radius:7px;background:#132239}.identity h3{font-size:16px;font-weight:650;line-height:1.35}.identity p,.map span{color:var(--muted)}.online{font-size:9px;letter-spacing:.07em;color:var(--green)}.tags span,.detail-tags span{color:#c3b5ff;border-color:#ae95ff35;background:#ae95ff08;border-radius:4px}.population>div:first-child{color:var(--muted)}.population strong{color:var(--text);font-size:14px}.meter{height:5px;background:#24334d;border-radius:4px;overflow:hidden}.meter i{background:linear-gradient(90deg,#5ac1ed,#7de3c0)}.wipe small,.map small{color:var(--muted)}.wipe strong{color:#b8a5ff}.wipe span{color:var(--green)}.save{border-radius:6px;color:#adc1dc;background:#14213a}.save.active{background:#57e5ec15;border-color:#57e5ec77}.view{min-height:40px}.status-banner,.empty{color:#d7c8ff;border-color:#ae95ff55;background:#ae95ff0c;border-radius:8px}.empty span{color:var(--muted)}.loading-card{border-radius:10px;background:linear-gradient(100deg,#0d1629,#1a2b48,#0d1629);background-size:200% 100%}
.method{border-radius:12px;background:linear-gradient(120deg,#111b32,#15182f);border-top:1px solid #ae95ff66;padding:32px}.method p:last-child{color:var(--muted)}footer{color:var(--muted)}footer a{color:var(--accent)}
.detail-hero{background:radial-gradient(ellipse at 100% 0,#ae95ff20,transparent 60%),var(--panel);border-top:2px solid #57e5ec88;border-radius:14px;padding:36px}.detail-hero h1{font-weight:750;line-height:1.12;letter-spacing:-.035em}.detail-grid article,.evidence-panel,.map-explorer,.map-data-panel,.detail-empty{border-radius:12px;background:linear-gradient(130deg,#0d182c,#10182a);border-color:var(--line)}.detail-grid small,.detail-grid span{color:var(--muted)}.detail-grid strong{color:var(--text)}.evidence-panel h2,.map-explorer h2{font-size:24px;text-transform:none;letter-spacing:-.02em}.evidence-panel p:last-child,.detail-empty p{color:#adbed6}.map-viewport{background:#070e1b;border-radius:8px}.map-toolbar button,.map-toolbar select,.world-facts>div,.monument-details li{border-radius:6px}.world-facts dd{font-family:Consolas,monospace}.map-caption,#map-status{color:var(--muted)}
.account-shell{max-width:1180px}.account-shell h1{letter-spacing:-.035em}.account-shell p{color:#afc1db}.account-shell article,.admin-panel,.stat{background:linear-gradient(130deg,#101c32,#0d1427);border-color:var(--line);border-radius:12px}.stat strong{font-family:Consolas,monospace;color:var(--accent)}.stat span{color:var(--muted)}.account-shell input,.account-shell select,.account-shell textarea{background:#070e1e;color:var(--text);border-color:#3a506f}.account-shell th{background:#15213a;color:#b8cce5}.account-shell td{color:#d5e1f3}.account-shell tr:hover td{background:#57e5ec05}.admin-tabs{gap:10px}.admin-tabs a{padding:9px 14px;text-decoration:none;border:1px solid var(--line);border-radius:6px;color:#c3d6ee;background:#101d32}.admin-tabs a:hover{border-color:var(--accent);color:var(--accent)}.account-shell .notice{border-color:var(--violet);background:#ae95ff0c;color:#d7ceef}.account-shell [role=alert]{background:#321b30;border-color:#cb7890;color:#ffd0de}.account-footer{padding:24px 0;color:var(--muted)}.account-shell button[value=hide],.account-shell button[value=revoke],.account-shell button[value=reject]{background:#ffb1c1;color:#301020;border-color:#ffb1c1}
@media(max-width:1200px){.server-card{grid-template-columns:90px minmax(220px,1.5fr) minmax(110px,1fr) 120px auto}.server-card .map{display:none}.server-card .actions{grid-column:auto}.hero{gap:24px 32px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:38px}.signal-art{display:none}.stats div{display:block;padding:18px}.stats dd{margin-top:8px}.server-card{grid-template-columns:86px minmax(0,1fr) 130px}.server-card .population{grid-column:2}.server-card .wipe{grid-column:3;grid-row:1}.server-card .actions{grid-column:3;grid-row:2}.topbar{padding:14px 18px}.hero h1{max-width:650px}}
@media(max-width:600px){.hero{gap:20px}.hero h1{font-size:46px}.lede{font-size:15px}.stats dt{font-size:22px}.stats div{padding:14px 10px}.stats dd{font-size:9px}.hero-index{font-size:9px;flex-wrap:wrap}.search-panel{padding:12px}.server-card{grid-template-columns:70px minmax(0,1fr);gap:14px;padding:14px}.server-card .identity{grid-column:2}.server-card .wipe{grid-row:auto;grid-column:1}.server-card .population{grid-column:2}.server-card .actions{grid-row:auto;grid-column:2}.server-card .country{display:none}.server-card .map-visual{height:70px}.server-card .map{display:none}.topbar nav{flex-wrap:wrap}.topbar nav a{font-size:13px}.detail-hero{padding:22px}.section-heading h2{font-size:25px}.method{margin:18px;border-radius:10px}.pagination span{min-width:90px}.account-shell .admin-tabs a{font-size:12px;padding:8px}.account-shell .stats-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(max-width:600px){.topbar{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 18px}.topbar .brand{grid-column:1;grid-row:1}.topbar nav{grid-column:1/-1;grid-row:2}.topbar .saved-link{grid-column:2;grid-row:1}.stats dt{overflow-wrap:anywhere}.filter-row{padding-bottom:6px}.account-shell .topbar{display:grid}}