:root{color-scheme:dark;--bg:#0b111a;--surface:#101a25;--surface2:#14222e;--line:#263745;--text:#e8f2f7;--soft:#a4b7c6;--faint:#78909e;--accent:#52dfab;--green:#68e3b0;--red:#f58587;--muted:#9bb2c0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1000px 500px at 55% -150px,#193e38 0,#0b111a 72%);color:var(--text);font:14px/1.65,"Noto Sans Hebrew","Segoe UI",Arial,sans-serif;direction:rtl;text-align:right}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}[hidden]{display:none!important}
.site{min-height:100vh;display:flex;flex-direction:column}.site-head{height:76px;border-bottom:1px solid #21333e88;background:#0d1620d9;backdrop-filter:blur(20px)}.head-wrap{max-width:1330px;margin:auto;padding:0 30px;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:39px;height:39px;position:relative;display:grid;place-items:center;font:900 23px/1 Consolas,monospace;border-radius:10px;color:#071810;background:linear-gradient(125deg,#86ffca,#31b68a);box-shadow:0 0 29px #4bdca12b}.brand-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#104e3b;bottom:7px;left:8px}.brand-name{font-size:23px;font-weight:800;letter-spacing:-.8px}.brand-name span{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:700;border:1px solid transparent;border-radius:9px;padding:11px 17px;transition:.15s;line-height:1.3}.btn-primary{color:#041b13;background:var(--accent);box-shadow:0 5px 18px #2dd49c14}.btn-primary:hover{background:#7df5c7;transform:translateY(-1px)}.btn-secondary,.btn-square{background:#192934;color:#d4e4e9;border-color:#36505d}.btn-secondary:hover,.btn-square:hover{background:#223b45}.btn-square{width:41px;height:41px;padding:0;font-size:25px;font-weight:400}.plus{font-size:21px;font-weight:500;line-height:0}.content{width:min(100%,1330px);margin:0 auto;padding:42px 30px 60px;flex:1}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:31px}.overline{color:#66d8af;letter-spacing:2.2px;font:700 10px/1.7 Consolas,monospace;display:inline-flex;gap:12px;align-items:center;text-align:left}.live-pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #61e6b2}.intro h1{font-size:clamp(27px,3.5vw,39px);letter-spacing:-.7px;line-height:1.2;margin-top:12px;font-weight:750}.metrics{display:flex;gap:10px;align-items:center}.metric{min-width:122px;border:1px solid #25404a;border-radius:12px;background:linear-gradient(140deg,#192b34,#101c26);padding:14px 21px;display:flex;gap:1px;flex-direction:column}.metric span{color:#9db4c1;font-size:12px}.metric strong{font:700 26px/1.2 Consolas,monospace;direction:ltr;text-align:right;margin-top:2px}.metric strong.green{color:var(--green)}.browser-panel,.detail-panel{background:linear-gradient(135deg,#111d28,#101a24);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 55px #0002;overflow:hidden}.panel-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:21px 25px;border-bottom:1px solid #293a46}.panel-title{display:flex;align-items:center;gap:11px}.panel-title h2{font-size:17px;font-weight:700}.panel-indicator{height:14px;width:3px;border-radius:3px;background:var(--accent)}.mini-count{border-radius:6px;background:#243540;color:#b5c8d0;padding:1px 8px;direction:ltr;font:11px/19px Consolas,monospace}.filters{display:flex;align-items:center;gap:9px}.search-box{display:flex;align-items:center;gap:9px;background:#0d1822;color:#819bac;border:1px solid #334754;border-radius:9px;padding:0 11px;width:300px;height:41px}.search-box:focus-within{border-color:#44d2a3}.search-box input{background:none;border:0;outline:0;color:#e5f3f7;width:100%;min-width:0;font-size:13px;direction:rtl;text-align:right}.search-box input::placeholder{color:#6c8392}.filters select{background:#172631;color:#c9dae3;border:1px solid #334754;border-radius:9px;height:41px;padding:0 12px;min-width:136px;outline:0}.table-scroll{overflow-x:auto}.server-table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}.server-table thead{background:#0d1720}.server-table th{font-weight:650;font-size:11px;color:#819caa;letter-spacing:.2px;padding:14px 19px}.server-table td{border-top:1px solid #21323e;padding:17px 19px;color:#c7dae2}.server-table tbody tr{cursor:pointer;transition:background .12s}.server-table tbody tr:hover,.server-table tbody tr:focus{background:#1d313b;outline:0}.server-table tbody tr.active{background:#183a33}.server-table .name{font-weight:750;color:#eaf3f6;font-size:13px;max-width:330px;overflow:hidden;text-overflow:ellipsis}.server-table .game{font-size:11px;color:#7e9eac;margin-top:3px;max-width:330px;overflow:hidden;text-overflow:ellipsis}.server-table .address{font:12px/1.5 Consolas,monospace;direction:ltr;text-align:left;color:#b3d3e1}.server-table .map{font-size:12px;color:#a3bac6}.server-table .number{font:13px Consolas,monospace;direction:ltr;text-align:left}.server-table .ping{color:#85e4bd}.server-table .action{color:#58dea9;font-weight:800;font-size:19px;text-align:left}.status{font:700 10px Consolas,monospace;letter-spacing:.4px;padding:6px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:7px;direction:ltr}.status::before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor}.status.online{color:#7bf0bd;background:#173c31}.status.offline{color:#ffa9aa;background:#40282f}.status.waiting{color:#b8c8d2;background:#27343e}.empty{text-align:center;padding:66px 22px;color:#98adba}.empty-symbol{font-size:31px;color:#52deaa;margin-bottom:11px}.empty h3{color:#cfdee5;font-size:15px;margin:0 0 17px}.bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 25px;border-top:1px solid #263541;color:#6f8898;font-size:11px}.legend{display:inline-flex;align-items:center;gap:7px;color:#88a7b2;font-size:10px}.legend i{height:6px;width:6px;border-radius:50%;background:#60e4ad;box-shadow:0 0 9px #56e4a7}.detail-panel{margin-top:22px;padding:22px 26px 26px}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-top h2{font-size:20px;margin:7px 0 3px;overflow-wrap:anywhere}.detail-address{color:#a4cad7;font:12px Consolas,monospace;text-align:right;overflow-wrap:anywhere}.detail-actions{display:flex;gap:9px;align-items:center}.detail-stats{display:flex;flex-wrap:wrap;gap:13px;margin-top:21px}.detail-stat{background:#172834;border:1px solid #324957;border-radius:9px;padding:11px 15px;min-width:116px;max-width:320px;flex:1}.detail-stat span{display:block;color:#88a4b2;font-size:11px}.detail-stat strong{display:block;font-size:14px;margin-top:4px;overflow-wrap:anywhere}.subheading{font-size:14px;font-weight:700;margin:27px 0 12px}.players-scroll{overflow-x:auto}.players-table{width:100%;border-collapse:collapse}.players-table th,.players-table td{border-bottom:1px solid #2a3a46;padding:12px;text-align:right}.players-table th{color:#90acba;font-size:11px;font-weight:600}.players-table td{color:#d7e8ed;font-size:12px}.players-table td.numeric{direction:ltr;text-align:left;font-family:Consolas,monospace}.footer{border-top:1px solid #1e3139;text-align:center;color:#587484;padding:15px}.brand-mini{font:700 12px Consolas,monospace}.add-dialog{border:1px solid #3b545e;background:#14232e;color:var(--text);border-radius:15px;padding:28px;width:min(490px,calc(100vw - 24px));max-height:calc(100vh - 35px);overflow:auto;direction:rtl;box-shadow:0 25px 90px #000b}.add-dialog::backdrop{background:#030910be;backdrop-filter:blur(3px)}.dialog-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:25px}.dialog-title h2{font-size:22px;margin-top:8px}.dialog-close{background:none;border:0;color:#bdd4da;font-size:29px;line-height:1}.field{margin-bottom:16px;min-width:0}.field label{display:block;color:#acc2cd;font-weight:650;font-size:12px;margin-bottom:8px}.optional{font-weight:400;font-size:11px;color:#7894a2}.field input{width:100%;border:1px solid #3b535e;color:#edf6f7;background:#0c1821;border-radius:9px;height:45px;padding:10px 12px;outline:0;font-family:Consolas,monospace;text-align:left}.field input:focus{border-color:#46d6a6;box-shadow:0 0 0 3px #3ed69f22}.field input::placeholder{color:#718b99}.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.form-message{background:#422730;border:1px solid #925361;color:#ffcbce;border-radius:7px;padding:10px 12px;margin:6px 0;font-size:12px}.toast{position:fixed;bottom:24px;left:24px;background:#173e31;color:#d6fff0;border:1px solid #469a76;border-radius:9px;padding:13px 18px;box-shadow:0 8px 40px #000a;max-width:min(440px,calc(100vw - 30px));z-index:20}.toast.error{background:#442831;color:#ffd2d4;border-color:#965868}
@media(max-width:1000px){.intro{align-items:flex-start;flex-direction:column}.metrics{width:100%}.metric{flex:1}.panel-bar{align-items:flex-start;flex-direction:column;gap:13px}.filters{width:100%}.search-box{flex:1;width:auto}.server-table{min-width:790px}}
@media(max-width:600px){.site-head{height:66px}.head-wrap{padding:0 16px}.brand-name{font-size:19px}.brand-symbol{width:33px;height:33px;font-size:18px}.head-wrap .btn{padding:10px 12px}.content{padding:28px 14px 45px}.intro{margin-bottom:22px}.intro h1{font-size:28px}.metric{padding:12px;min-width:0}.metric strong{font-size:24px}.panel-bar{padding:17px 14px}.filters{display:grid;grid-template-columns:minmax(0,1fr) 41px;gap:8px}.search-box{grid-column:span 2;max-width:none}.filters select{min-width:0}.bottom-bar{padding:12px 14px}.detail-panel{padding:18px 14px}.detail-top{align-items:flex-start}.detail-top h2{font-size:17px}.detail-actions{flex-direction:column}.detail-actions .btn-primary{padding:9px 12px}.add-dialog{padding:21px}.two-fields{gap:10px}.dialog-actions .btn{flex:1}}
/* Narrow screens use compact server cards instead of a clipped desktop table. */
@media(max-width:600px){
  .table-scroll{overflow:visible}
  .server-table{min-width:0;display:block}
  .server-table thead{display:none}
  .server-table tbody{display:block}
  .server-table tbody tr{
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"name status" "address address" "map players";
    gap:8px 12px;padding:15px 15px;border-top:1px solid #253745;
  }
  .server-table tbody tr:first-child{border-top:0}
  .server-table td{padding:0;border:0;min-width:0}
  .server-table td:nth-child(1){grid-area:status;align-self:start}
  .server-table td:nth-child(2){grid-area:name}
  .server-table td:nth-child(3){grid-area:address;direction:ltr;text-align:right;color:#a4c4d2;white-space:normal;overflow-wrap:anywhere}
  .server-table td:nth-child(4){grid-area:map;color:#7fa0ad}
  .server-table td:nth-child(5){grid-area:players;align-self:start;justify-self:end}
  .server-table td:nth-child(6),.server-table td:nth-child(7){display:none}
  .server-table .name,.server-table .game{max-width:none;white-space:normal}
}