@font-face{font-display:swap;font-family:Silkscreen;font-style:normal;font-weight:400;src:url(a40a9dc5483f3f6d6f5c.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Silkscreen;font-style:normal;font-weight:400;src:url(beecf06308b096ef4529.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg-deep:#1a1a24;--panel-steel:#2d2d3d;--panel-steel-highlight:#3c3c50;--lcd-well:#12121a;--muted-gold:#c9a500;--muted-green:#2db34a;--text-offwhite:#b0b0b0}body{color:var(--text-offwhite);font-family:Silkscreen,cursive;margin:0;padding:5px 20px}body,header{background-color:var(--bg-deep)}header{align-items:center;display:flex;height:90px;justify-content:space-between;padding:10px 20px;position:sticky;position:relative;top:0;z-index:100}.waveform-bg{background-image:url(2b5018d5142540bbe507.png);background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;bottom:0;height:100%;left:0;opacity:.25;overflow:hidden;position:absolute;width:100%;z-index:0}.header-left,.header-right{display:flex;flex-direction:column;z-index:1}.header-left{align-items:flex-start}.header-right{align-items:flex-end}.sub-header{font-size:.8rem;letter-spacing:1px}.sub-header,h1{text-align:left}h1{color:var(--muted-gold);font-size:2rem;font-weight:400;letter-spacing:3px;margin:0;text-shadow:-1px -1px 0 var(--bg-deep),1px -1px 0 var(--bg-deep),-1px 1px 0 var(--bg-deep),1px 1px 0 var(--bg-deep),0 0 5px var(--muted-gold)}.retro-input{backdrop-filter:blur(2px);background-color:rgba(18,18,26,.7);border:1px solid var(--text-offwhite);color:var(--text-offwhite);font-family:Silkscreen,cursive;font-size:.7rem;max-width:250px;outline:none;padding:6px 10px}.retro-input::placeholder{color:hsla(0,0%,69%,.5)}.controls-grid{display:grid;gap:5px 10px;grid-template-columns:auto auto;justify-content:end;margin-top:8px;z-index:10}.toggle-container{align-items:center;color:var(--text-offwhite);display:flex;font-size:.65rem;gap:5px;text-transform:uppercase}.toggle-switch{appearance:none;-webkit-appearance:none;background-color:var(--lcd-well);border:2px solid var(--text-offwhite);border-radius:0;box-shadow:inset 0 2px 5px rgba(0,0,0,.5);cursor:pointer;height:15px;position:relative;transition:background-color .3s;width:30px}.toggle-switch:before{background-color:var(--text-offwhite);content:"";height:9px;left:1px;position:absolute;top:1px;transition:transform .3s;width:9px}.toggle-switch:checked{background-color:var(--muted-green);border-color:var(--muted-green)}.toggle-switch:checked:before{background-color:var(--lcd-well);transform:translateX(15px)}.rack-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.room-card{background:var(--panel-steel);border:2px solid #000;box-shadow:4px 4px 0 #000;display:flex;flex-direction:column;padding:8px;position:relative;transition:background-color .3s ease}.room-card.has-friends{background:var(--panel-steel-highlight)}.room-header{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;text-align:center;width:100%}.server-title{color:var(--muted-gold);display:block;font-size:.9rem;letter-spacing:1px;margin:4px 0;width:100%}.directory-display,.server-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-display{color:#777;text-align:left;text-transform:uppercase}.details-line{align-items:center;display:flex;font-size:.6rem;justify-content:space-between;width:100%}.location-country-display{color:#777;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.distance-display,.player-count-text{color:#fff;flex-shrink:0;text-align:right}.location-city-display,.location-city-separator{color:#777;display:inline;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.player-display{background:var(--lcd-well);border:1px solid #000;box-shadow:inset 0 2px 5px rgba(0,0,0,.5);flex-grow:1;min-height:140px;padding:2px}.musician{align-items:center;border:1px solid transparent;display:flex;font-size:.8rem;margin:1px 0;overflow:hidden;padding:2px;text-overflow:ellipsis;white-space:nowrap}.search-highlight{color:var(--muted-gold);font-weight:700;text-shadow:0 0 5px rgba(201,165,0,.5)}.name{color:#ddd;margin-right:8px}.instr{color:var(--muted-green);font-size:.65rem;font-style:normal}.footer-tags{color:#555;font-size:.55rem;line-height:1.2;margin-top:4px;min-height:.7rem;overflow:hidden;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.friend-row{background-color:#2c2d3a;border-color:var(--muted-gold);cursor:pointer}#privacy-dialog-overlay{align-items:flex-start;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;padding-top:10vh;position:fixed;top:0;width:100vw;z-index:1000}#privacy-dialog{background-color:var(--panel-steel);border:2px solid var(--text-offwhite);box-shadow:4px 4px 0 #000;color:var(--text-offwhite);font-family:Silkscreen,cursive;font-size:.8rem;line-height:1.5;max-width:600px;padding:20px;width:90%}.dialog-title{background-color:var(--panel-steel-highlight);border-bottom:2px solid var(--muted-gold);color:var(--muted-gold);font-size:1rem;margin:-20px -20px 20px;padding:8px 15px;text-align:center;text-transform:uppercase}#privacy-dialog p{margin-bottom:15px}.dialog-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:20px}.retro-button{background-color:var(--lcd-well);border:1px solid var(--text-offwhite);box-shadow:none;color:var(--text-offwhite);cursor:pointer;font-family:Silkscreen,cursive;font-size:.7rem;padding:6px 12px;text-transform:uppercase;transition:background-color .1s ease,border-color .1s ease}.retro-button:hover{background-color:hsla(0,0%,100%,.1);border-color:var(--muted-gold)}.retro-button:active{background-color:hsla(0,0%,100%,.05);border-color:var(--text-offwhite)}.dialog-primary-button{background-color:var(--muted-gold);border:2px solid var(--muted-gold);box-shadow:2px 2px 0 #000;color:var(--bg-deep);font-size:.8rem;font-weight:700;padding:8px 16px}.dialog-primary-button:hover{background-color:#d9b510;border-color:#d9b510}.dialog-primary-button:active{background-color:#b39000;border-color:#b39000;box-shadow:inset 1px 1px 0 #000}.dialog-subtle-button{background-color:transparent;border-color:hsla(0,0%,100%,.2);box-shadow:none;color:var(--text-offwhite);font-size:.7rem;padding:6px 12px}.dialog-subtle-button:hover{background-color:hsla(0,0%,100%,.05);border-color:var(--text-offwhite)}.dialog-subtle-button:active{background-color:hsla(0,0%,100%,.02);border-color:hsla(0,0%,100%,.1)}.dialog-link-button{background-color:transparent;border:none;box-shadow:none;color:var(--text-offwhite);font-size:.7rem;padding:0;text-align:left;text-decoration:underline}.dialog-link-button:hover{background-color:transparent;color:var(--muted-gold);text-decoration:none}.dialog-link-button:active{background-color:transparent;color:var(--text-offwhite);text-decoration:underline}.dialog-detailed-content{border-top:1px dashed hsla(0,0%,100%,.2);margin-top:20px;padding-top:20px}.dialog-detailed-content h3{color:var(--muted-gold)}.dialog-detailed-content a{color:var(--muted-green)}.hidden{display:none!important}@media (max-width:500px){body{padding:5px}header{display:block;height:auto}.header-left{align-items:flex-start;margin-bottom:15px}.header-right{align-items:center}.retro-input{max-width:none;width:100%}.controls-grid{justify-content:center}h1{font-size:2.5rem}.rack-grid{gap:5px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.room-card{box-shadow:2px 2px 0 #000;padding:5px}.musician{font-size:.7rem}.server-title{font-size:.9rem}.location-city-display,.location-city-separator{display:none}}@media (min-width:501px) and (max-width:911px){body{padding:10px}header{display:flex;flex-wrap:nowrap;height:90px}.header-left{align-items:flex-start;margin-bottom:0}.header-right{align-items:flex-end;flex-grow:1}.retro-input{flex-grow:1;max-width:200px;width:auto}.controls-grid{justify-content:end}h1{font-size:2rem}.rack-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.room-card{box-shadow:3px 3px 0 #000;padding:8px}.musician{font-size:.8rem}.server-title{font-size:.9rem}.location-city-display,.location-city-separator{display:none}}.sub-header{font-size:1rem;letter-spacing:2px;margin:0;text-align:center}.sub-header a{color:var(--text-offwhite);text-decoration:none}.sub-header a:hover{color:var(--muted-gold)}