:root{--bg-color:#0b0d0e;--text-main:#20c20e;--text-dim:#137708;--online-color:#0f6;--offline-color:#f33;--maint-color:#fc0;--border-color:#20c20e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;padding:20px;font-family:VT323,monospace;position:relative;overflow-x:hidden}.boot-screen{z-index:30;color:var(--text-main);background:#050706;place-items:center;padding:24px;animation:.18s steps(2,end) 2 boot-flicker;display:grid;position:fixed;inset:0}.boot-screen.is-closing{opacity:0;transition:opacity .42s,transform .42s;transform:scale(1.02)}.boot-panel{border:1px solid var(--text-dim);background:radial-gradient(circle at 50% 0,#20c20e14,#0000 48%),#050706;width:min(720px,100%);min-height:420px;padding:clamp(20px,5vw,46px);box-shadow:0 0 28px #20c20e29}.boot-brand{color:#ff9d00;letter-spacing:.06em;text-shadow:3px 3px #713f00,0 0 14px #ff9d0080;margin-bottom:18px;font-family:"Press Start 2P",cursive;font-size:clamp(1.25rem,5vw,2.8rem)}.boot-version{color:#fc0;margin-bottom:32px;font-size:1.05rem}.boot-log{min-height:210px;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.45}.boot-line{animation:.18s ease-out both boot-line-in}.boot-line span{color:#ff9d00;width:90px;display:inline-block}.boot-progress{background:#20c20e2e;height:5px;margin:20px 0 12px}.boot-progress span{transform-origin:0;background:var(--online-color);width:100%;height:100%;box-shadow:0 0 10px var(--online-color);transition:transform .22s;display:block;transform:scaleX(0)}.boot-footer{color:var(--text-dim);justify-content:space-between;gap:16px;font-size:1.05rem;display:flex}.boot-skip{color:#fc0;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.boot-skip:hover,.boot-skip:focus-visible{color:#fff;text-shadow:0 0 6px #fc0}body:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/6px 100%;display:block;position:fixed;inset:0}.container{border:2px solid var(--border-color);z-index:1;max-width:800px;margin:0 auto;padding:20px;position:relative;box-shadow:0 0 15px #20c20e26}.terminal-nav{border:1px dashed var(--text-dim);background-color:#00140080;align-items:center;gap:8px;margin-bottom:20px;padding:8px 12px;font-size:1.2rem;display:flex}.terminal-prompt{color:var(--text-main);font-weight:700}.breadcrumb{align-items:center;gap:6px;list-style:none;display:flex}.breadcrumb-item a{color:var(--text-main);text-decoration:none;transition:all .2s}.breadcrumb-item a:hover{color:#fff;background-color:var(--text-dim);text-shadow:0 0 5px var(--online-color);padding:0 4px}.breadcrumb-separator{color:var(--text-dim)}.breadcrumb-item.active{color:#fff}.header{text-align:center;border-bottom:2px dashed var(--border-color);margin-bottom:20px;padding-bottom:15px}.header-copy,.eyebrow{color:var(--text-dim);letter-spacing:.08em;font-size:1rem}.section-heading-row{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading{color:#fff;margin-top:4px;font-size:1.5rem;line-height:1}.refresh-status{color:var(--online-color);white-space:nowrap;align-items:center;gap:8px;font-size:1.1rem;display:flex}.refresh-dot{background:var(--online-color);width:7px;height:7px;box-shadow:0 0 8px var(--online-color)}.pixel-title{color:var(--text-main);text-shadow:0 0 8px var(--text-main);margin-bottom:10px;font-family:"Press Start 2P",cursive;font-size:1.1rem;line-height:1.5}.ascii-art{white-space:pre;color:var(--text-main);user-select:none;margin-bottom:10px;font-size:2rem;line-height:1}.server-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px;margin-top:20px;list-style:none;display:grid}.directory-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:20px;list-style:none;display:grid}.empty-state{border:1px dashed var(--text-dim);text-align:center;color:var(--text-dim);letter-spacing:.08em;background:#00140033;margin-top:20px;padding:32px 20px;font-size:1.1rem}.directory-card{border:1px solid var(--border-color);background:#0014004d;flex-direction:column;min-height:310px;display:flex;overflow:hidden}.directory-cover{aspect-ratio:460/215;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#20c20e33,#001400bf);overflow:hidden}.directory-cover img{object-fit:cover;filter:saturate(.8)contrast(1.05);width:100%;height:100%;display:block}.directory-card-header{border-bottom:1px dashed var(--text-dim);justify-content:space-between;align-items:flex-start;gap:14px;margin:18px 18px 0;padding-bottom:16px;display:flex}.directory-game{color:var(--text-dim);letter-spacing:.08em;font-size:1rem}.directory-card h3{color:#fff;margin-top:7px;font-family:"Press Start 2P",cursive;font-size:.8rem;line-height:1.6}.directory-card>.server-detail,.directory-card>.connection-grid,.directory-card>.directory-action{margin-left:18px;margin-right:18px}.directory-card>.server-detail{margin-top:14px}.directory-card>.connection-grid{margin-bottom:20px}.directory-card>.directory-action{margin-bottom:18px}.connection-grid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.connection-grid div:last-child{grid-column:1/-1}.connection-grid dt{color:var(--text-dim);letter-spacing:.08em;font-size:.95rem}.connection-grid dd{color:#fff;overflow-wrap:anywhere;font-size:1.2rem}.text-link,.directory-action{color:var(--text-main);text-decoration:none}.text-link:hover,.directory-action:hover{color:#fff;text-shadow:0 0 5px var(--online-color)}.directory-action{border-top:1px dashed var(--text-dim);margin-top:auto;padding-top:14px;font-size:1.1rem}.server-card{border:1px solid var(--border-color);background-color:#0014004d;justify-content:space-between;align-items:center;gap:18px;min-height:92px;padding:15px;display:flex}.server-card-main,.server-card-side{flex-direction:column;gap:8px;display:flex}.server-card-side{flex-shrink:0;align-items:end}.server-name{color:#fff;font-family:"Press Start 2P",cursive;font-size:.7rem}.server-detail,.server-metric,.monitor-footer{color:var(--text-dim);font-size:1rem}.server-metric{color:#fff}.status{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-text{line-height:1;display:inline-block}.monitor-footer{border-top:1px dashed var(--text-dim);justify-content:space-between;gap:16px;margin-top:18px;padding-top:12px;display:flex}.status.online{color:var(--online-color)}.status.online .status-dot{background-color:var(--online-color);box-shadow:0 0 8px var(--online-color);animation:1.8s infinite pulse}.status.offline{color:var(--offline-color)}.status.offline .status-dot{background-color:var(--offline-color);box-shadow:0 0 8px var(--offline-color)}.status.maintenance{color:var(--maint-color)}.status.maintenance .status-dot{background-color:var(--maint-color);box-shadow:0 0 8px var(--maint-color)}.status.unknown{color:#999}.status.unknown .status-dot{background-color:#999;box-shadow:0 0 8px #999999b3}.footer{text-align:center;border-top:2px dashed var(--border-color);color:#666;margin-top:25px;padding-top:15px;font-size:1rem}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes glitch{0%{opacity:1}50%{opacity:.8}52%{opacity:.4}54%{opacity:1}80%{opacity:.9}to{opacity:1}}@keyframes boot-flicker{0%,to{opacity:1}50%{opacity:.88}}@keyframes boot-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.server-detail-section{margin-bottom:28px}.server-info-grid{border:1px solid var(--border-color);background:#0014004d;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:18px;padding:18px;display:grid}.server-info-item dt{color:var(--text-dim);letter-spacing:.08em;margin-bottom:4px;font-size:.9rem}.server-info-item dd{color:#fff;font-size:1.2rem}.server-info-item dd.mono{font-variant-numeric:tabular-nums;letter-spacing:.04em}.server-detail-actions{border-top:2px dashed var(--border-color);justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;display:flex}.death-feed-section{border-top:2px dashed var(--border-color);margin-top:28px;padding-top:20px}.death-feed{border:1px solid var(--text-dim);scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent;background:#000a0080;max-height:520px;margin-top:18px;overflow-y:auto}.death-feed::-webkit-scrollbar{width:6px}.death-feed::-webkit-scrollbar-track{background:0 0}.death-feed::-webkit-scrollbar-thumb{background:var(--text-dim)}.death-entry{border-bottom:1px solid #20c20e1f;align-items:center;gap:12px;padding:10px 16px;transition:background .2s;display:flex}.death-entry:last-child{border-bottom:none}.death-entry:hover{background:#20c20e0f}.death-skull{color:var(--offline-color);text-shadow:0 0 8px var(--offline-color);filter:saturate(1.2);flex-shrink:0;font-size:1.4rem}.death-main{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.death-player{color:#fff;white-space:nowrap;font-size:1.2rem;font-weight:700}.death-badge{color:#f99;letter-spacing:.02em;white-space:nowrap;text-shadow:0 0 6px #ff333359;cursor:default;background:#ff333314;border:1px solid #ff333359;border-radius:4px;align-items:center;gap:4px;padding:1px 7px;font-size:.95rem;transition:background .2s,border-color .2s;display:inline-flex}.death-badge:hover{background:#ff333329;border-color:#f339}.death-badge-dmg{color:#f33;background:#f333;border-radius:2px;padding:0 4px;font-weight:700}.death-time{color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1rem}.death-feed-loading,.death-feed-empty{text-align:center;color:var(--text-dim);letter-spacing:.08em;padding:40px 20px;font-size:1.1rem}.death-feed-empty-sub{opacity:.6;margin-top:8px;font-size:.95rem}.death-feed-footer{color:var(--text-dim);justify-content:space-between;gap:16px;margin-top:12px;font-size:1rem;display:flex}.death-entry-new{animation:.4s ease-out both death-slide-in}@keyframes death-slide-in{0%{opacity:0;background:#ff33331f;transform:translate(-12px)}to{opacity:1;background:0 0;transform:translate(0)}}.telemetry-container{border-top:2px dashed var(--border-color);margin-top:28px;padding-top:20px}.telemetry-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.telemetry-tab{color:var(--text-dim);border:1px solid var(--text-dim);letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:#00140066;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .2s;display:inline-flex}.telemetry-tab:hover{color:var(--text-bright);border-color:var(--text-bright);background:#20c20e1a}.telemetry-tab.active{color:#fff;border-color:var(--text-bright);background:#20c20e33;box-shadow:0 0 10px #20c20e59}.tab-icon{font-size:1.2rem}.player-filter-bar{background:#000f0099;border:1px solid #20c20e33;border-radius:4px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:8px 14px;display:flex}.filter-label{color:var(--text-dim);letter-spacing:.05em;flex-shrink:0;font-size:.95rem;font-weight:700}.filter-pills{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.filter-pill{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#00000080;border:1px solid #20c20e4d;border-radius:3px;padding:3px 10px;font-family:inherit;font-size:.95rem;transition:all .15s}.filter-pill:hover{color:var(--text-bright);border-color:var(--text-bright);background:#20c20e14}.filter-pill.active{color:#fff;border-color:var(--text-bright);background:#20c20e40;font-weight:700;box-shadow:0 0 8px #20c20e4d}.filter-input{border:1px solid var(--text-dim);color:#fff;background:#000a00cc;border-radius:3px;outline:none;min-width:140px;padding:4px 10px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.filter-input:focus{border-color:var(--text-bright);box-shadow:0 0 6px #20c20e66}.telemetry-panel{display:none}.telemetry-panel.active{animation:.25s ease-out panel-fade-in;display:block}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.death-player-btn,.pickup-player-btn{color:#fff;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:1.2rem;font-weight:700;transition:color .15s,text-shadow .15s}.death-player-btn:hover,.pickup-player-btn:hover{color:var(--text-bright);text-shadow:0 0 8px var(--text-bright);text-decoration:underline}.pickup-feed{border:1px solid var(--text-dim);scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent;background:#000a0080;max-height:520px;margin-top:18px;overflow-y:auto}.pickup-feed::-webkit-scrollbar{width:6px}.pickup-feed::-webkit-scrollbar-track{background:0 0}.pickup-feed::-webkit-scrollbar-thumb{background:var(--text-dim)}.pickup-entry{border-bottom:1px solid #ffaa001f;align-items:center;gap:12px;padding:10px 16px;transition:background .2s;display:flex}.pickup-entry:last-child{border-bottom:none}.pickup-entry:hover{background:#ffaa000d}.pickup-icon{flex-shrink:0;font-size:1.3rem}.pickup-main{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pickup-action{color:var(--text-dim);font-size:.95rem}.pickup-badge{color:#ffe099;letter-spacing:.02em;white-space:nowrap;text-shadow:0 0 6px #ffaa004d;cursor:default;background:#ffaa0014;border:1px solid #ffaa0059;border-radius:4px;align-items:center;gap:6px;padding:1px 8px;font-size:.95rem;transition:background .2s,border-color .2s;display:inline-flex}.pickup-badge:hover{background:#ffaa0029;border-color:#fa09}.pickup-item-name{font-weight:500}.pickup-badge-qty{color:#fa0;background:#fa03;border-radius:2px;padding:0 4px;font-weight:700}.pickup-badge-cheat{color:#f36;text-shadow:0 0 6px #ff336680;letter-spacing:.04em;cursor:help;background:#ff336629;border:1px solid #f369;border-radius:3px;align-items:center;gap:3px;padding:0 5px;font-size:.85rem;font-weight:700;animation:2s ease-in-out infinite cheat-glow;display:inline-flex}@keyframes cheat-glow{0%,to{border-color:#ff336680;box-shadow:0 0 4px #f363}50%{border-color:#ff3366e6;box-shadow:0 0 8px #ff336680}}.death-map-btn{color:var(--amber);letter-spacing:.03em;font-size:.82rem;font-family:var(--font-mono);cursor:pointer;background:#ffb00014;border:1px solid #ffb00066;border-radius:3px;align-items:center;gap:4px;padding:1px 7px;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.death-map-btn:hover{border-color:var(--amber);color:#fff;background:#ffb00038;transform:translateY(-1px);box-shadow:0 0 8px #ffb00066}.death-footer-map-link{color:var(--amber);letter-spacing:.05em;font-size:.85rem;text-decoration:none;transition:all .15s}.death-footer-map-link:hover{color:#fff;text-shadow:0 0 6px var(--amber)}.pickup-time{color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1rem}.pickup-feed-loading,.pickup-feed-empty{text-align:center;color:var(--text-dim);letter-spacing:.08em;padding:40px 20px;font-size:1.1rem}.pickup-feed-empty-sub{opacity:.6;margin-top:8px;font-size:.95rem}.pickup-feed-footer{color:var(--text-dim);justify-content:space-between;gap:16px;margin-top:12px;font-size:1rem;display:flex}.pickup-entry-new{animation:.4s ease-out both pickup-slide-in}@keyframes pickup-slide-in{0%{opacity:0;background:#ffaa001f;transform:translate(-12px)}to{opacity:1;background:0 0;transform:translate(0)}}@media (width<=600px){.boot-panel{min-height:390px;padding:24px 18px}.boot-version{margin-bottom:24px;font-size:.9rem}.boot-log{min-height:220px}.boot-line span{width:76px}.pixel-title{font-size:.85rem}.ascii-art{font-size:5px}.terminal-nav{font-size:1rem}.section-heading-row,.monitor-footer{flex-direction:column;align-items:flex-start}.server-card{align-items:flex-start}.server-card-side{align-items:flex-end}.section-heading-row{align-items:flex-start}.text-link{font-size:1rem}.directory-card-header{flex-direction:column}.server-info-grid{grid-template-columns:1fr 1fr;gap:12px;padding:14px}.server-detail-actions{flex-direction:column;gap:10px}.death-feed{max-height:400px}.death-entry{gap:8px;padding:8px 12px}.death-main{gap:6px}.death-player{font-size:1.05rem}.death-badge{padding:0 4px;font-size:.85rem}.death-time{font-size:.9rem}.death-feed-footer{flex-direction:column;gap:4px}}