@font-face{font-family:pixelFont;src:url(/assets/fonts/pixelFont.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg:#202e37;--color-bg-panel:#1c2931;--color-border:#7a9898;--color-border-dim:#4a6868;--color-text-primary:#c8d8c0;--color-text-secondary:#7a9898;--color-text-title:#d8e8d0;--color-text-error:#c44;--font-game:"pixelFont", "Courier New", monospace;--font-size-xs:clamp(.6rem, 1vw, .75rem);--font-size-sm:clamp(.7rem, 1.2vw, .875rem);--font-size-md:clamp(.85rem, 1.5vw, 1.25rem);--font-size-lg:clamp(1rem, 2vw, 1.75rem);--font-size-xl:clamp(1.2rem, 2.5vw, 1.5rem);--font-size-logo:clamp(1.2rem, 2.5vw, 2rem);--space-xs:.625rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.25rem;--space-xl:2.5rem;--color-divider:#3a5858;--animated-button-path:url(/assets/images/playButton.png);--animated-button-width:160px;--animated-button-height:45px;--bracket-bg-path:url();--bracket-size:22px;--arrow-left-path:url(/assets/images/leftArrow.png);--arrow-size:28px;--character-path:url(/assets/images/goober.png);--logo-path:url(/assets/images/openConflictLogo.png);--transition-fast:80ms ease;--transition-normal:.14s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);width:100%;height:100%;image-rendering:pixelated;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}.page{padding:var(--space-lg);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .18s;display:flex;position:absolute;inset:0}.page.page--active{opacity:1;pointer-events:all}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-1{flex:1}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.align-center{align-items:center}.page--home{overflow:hidden}.home__bg-gradient{background:linear-gradient(to right, var(--color-bg) 0%, var(--color-bg) 40%, transparent 60%);pointer-events:none;z-index:2;position:absolute;inset:0}.home__logo{z-index:3;margin-top:var(--space-sm);margin-bottom:var(--space-xl);max-width:360px;position:relative}.home__logo-img{width:360px;max-width:100%;height:auto;display:block}.home__nav{z-index:3;gap:var(--space-md);flex-direction:column;display:flex;position:relative}.home__nav-item{align-items:center;gap:var(--space-md);color:var(--color-text-primary);font-family:var(--font-game);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-xs) 0;transition:color var(--transition-fast);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-self:flex-start;display:flex}.home__nav-item:hover{color:var(--color-text-secondary)}.home__nav-item:hover .nav-checkbox{border-color:var(--color-border);opacity:1.4;background-color:#c8d4dc0f}.nav-checkbox{width:28px;height:28px;image-rendering:pixelated;transition:opacity var(--transition-fast);flex-shrink:0}.home__character{z-index:0;pointer-events:none;height:100%;position:absolute;top:0;right:0}.home__character-img{width:auto;height:100%;display:block}@media (width<=800px){.home__bg-gradient,.home__character{display:none}}.page--servers{gap:var(--space-md);font-family:var(--font-game);overflow:hidden}.servers__layout{gap:var(--space-xl);flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.servers__server-list{gap:var(--space-md);padding-top:var(--space-sm);flex-direction:column;flex:0 0 clamp(260px,35%,520px);min-height:0;display:flex;overflow-y:auto;container:server-list/inline-size}.server-row{padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--bracket-size) + var(--space-md));transition:background-color var(--transition-normal);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.server-row--active{background-color:#4a6a9a14}.server-row__info{gap:var(--space-xs);flex-direction:column;display:flex}.server-row__name{font-size:var(--font-size-md);color:var(--color-text-primary)}.server-row__count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.server-row__count--full{color:var(--color-text-error)}.servers__queue-panel{padding-top:var(--space-sm);flex-direction:column;flex:1;max-width:clamp(280px,40%,480px);min-height:0;display:flex;overflow-y:auto}.queue__title{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.queue__empty{margin-top:var(--space-md);opacity:.5}.queue__map-grid{gap:var(--space-xs);flex-wrap:wrap;max-width:100%;display:flex}.queue__ready-row{align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-flow:wrap;display:flex}.queue__ready-row .animated-button{flex-shrink:0}.queue__ready-count{flex-shrink:1;min-width:0}.queue-backdrop{z-index:99;opacity:0;transition:opacity var(--transition-normal);cursor:pointer;pointer-events:none;background:#00000073;display:none;position:fixed;inset:0}.queue-backdrop--visible{opacity:1;pointer-events:auto}.queue-pill{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-family:var(--font-game);font-size:var(--font-size-xs);cursor:pointer;padding:var(--space-xs) 0;background:0 0;border:none;align-self:flex-start;display:none}.queue__player-list{gap:var(--space-xs);flex-direction:column;display:flex}.queue__player-row{padding:var(--space-sm) var(--space-md);outline:var(--bracket-weight) solid var(--color-border);outline-offset:-2px;justify-content:space-between;align-items:center;gap:var(--space-md);flex-direction:row;display:flex}.queue__player-name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.queue__player-name em{color:var(--color-text-secondary);font-style:normal;font-size:var(--font-size-xs)}.queue__player-status{font-size:var(--font-size-xs);flex-shrink:0}.status--ready{color:#7ec87e}.status--waiting{color:var(--color-text-secondary);opacity:.6}.map-vote-button{outline:var(--bracket-weight) solid var(--color-border);outline-offset:-2px;color:var(--color-text-secondary);font-family:var(--font-game);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:color var(--transition-fast), outline-color var(--transition-fast);background:0 0;border:none}.map-vote-button:hover{color:var(--color-text-primary)}.map-vote-button--voted{color:var(--color-text-primary);outline-color:var(--color-text-secondary)}@media (width<=700px){.divider--vertical{display:none}.queue-backdrop{display:block}.servers__queue-panel{background-color:var(--color-bg);width:min(85vw,360px);max-width:none;padding:var(--space-lg);z-index:100;opacity:0;pointer-events:none;transition:opacity .15s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.servers__queue-panel--open{opacity:1;pointer-events:auto}.queue-drawer-close,.queue-pill--active{display:flex}.servers__layout{justify-content:center}.servers__server-list{flex:0 0 100%;align-items:center}.server-row{width:100%}}.queue-drawer-close{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-family:var(--font-game);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);background:0 0;border:none;align-self:flex-start;padding:0;display:none}@container server-list (width<=340px){.server-row{align-items:flex-start;gap:var(--space-sm);flex-direction:column}}.back-button{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);font-family:var(--font-game);font-size:var(--font-size-md);cursor:pointer;padding:var(--space-xs) var(--space-sm);transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:none;align-self:flex-start;display:inline-flex}.back-button:hover{color:var(--color-text-title)}.back-button__arrow{width:var(--arrow-size);height:var(--arrow-size);background-image:var(--arrow-left-path);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.label{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.label--section{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-md)}.sublabel{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.divider--vertical{background-color:var(--color-divider);align-self:stretch;width:1px}.animated-button{width:var(--animated-button-width);height:var(--animated-button-height);background-image:var(--animated-button-path);background-size:calc(var(--animated-button-width) * 3) var(--animated-button-height);cursor:pointer;color:var(--color-text-primary);font-family:var(--font-game);font-size:var(--font-size-sm);text-align:center;line-height:var(--animated-button-height);outline:var(--bracket-weight) solid var(--color-border);outline-offset:-2px;background-color:#0000;background-position:0 0;background-repeat:no-repeat;border:none;padding:0;display:inline-block}.animated-button:disabled,.animated-button--disabled{cursor:not-allowed;opacity:.6}.animated-button.animated-button--loaded{outline:none}.bracket-container{padding:var(--space-md);background-image:var(--bracket-bg-path);background-repeat:no-repeat;background-size:100% 100%;position:relative}