@font-face{font-family:Archivo Black;src:url(/assets/archivo-black-latin-BTVu2TQR.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5efd9;--ink-muted:#b9ccc9;--night:#182326;--panel:#203436;--surface:#2c4547;--surface-hover:#3a5759;--line:#496465;--line-strong:#77908d;--cream:#f3d993;--cream-hover:#ffe7ab;--cream-ink:#253437;--red:#ff776e;--blue:#54d2ef;--green:#89d7aa;--warning:#f3d993;--danger:#ff9690;--safe-top:max(16px, env(safe-area-inset-top));--safe-right:max(20px, env(safe-area-inset-right));--safe-bottom:max(24px, calc(env(safe-area-inset-bottom) + 12px));--safe-left:max(20px, env(safe-area-inset-left));--display:"Archivo Black", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--night);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:650;line-height:1.25;transition:background-color .16s,border-color .16s,transform .12s;display:inline-flex}button svg{stroke-width:2px;flex:none;width:20px;height:20px}button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-strong)}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid var(--cream);outline-offset:4px}h1,h2,p{overflow-wrap:anywhere}.app-viewport{top:var(--app-visible-top,0);left:var(--app-visible-left,0);width:var(--app-visible-width,100vw);height:var(--app-visible-height,100dvh);background:var(--night);justify-content:center;display:flex;position:fixed;overflow:hidden}.app-stage{width:100%;max-width:var(--app-stage-max-width,56.25dvh);isolation:isolate;background-color:#385858;height:100%;position:relative;overflow:hidden;container-type:size}.app-stage--menu{background-image:url(/assets/courtyard-menu-B5OuXRrA.webp);background-position:50% calc(100% + 7cqh);background-repeat:no-repeat;background-size:100%}.app-stage--menu:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#182f322e,#0000 40%,#182326c7 85%);position:absolute;inset:0}.app-shell{z-index:1;height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative;overflow-y:auto}.brand-lockup,.menu-heading h1{color:var(--ink);font-family:var(--display);text-align:center;text-transform:uppercase;letter-spacing:-.035em;text-shadow:0 3px 16px #1823264d;font-weight:400;line-height:.91}.brand-lockup{flex:none;margin-top:16px;font-size:clamp(32px,12cqw,64px)}.brand-lockup span,.menu-heading h1 span{display:block}.menu-panel{flex:none;gap:20px;width:min(100%,400px);margin-block:auto;display:grid}.menu-panel:not(.menu-panel--menu){background:var(--panel);border-radius:16px;padding:clamp(18px,6cqw,28px);box-shadow:0 18px 48px #0c171b4d}.menu-panel--auth{margin-bottom:0}.app-viewport--auth-keyboard .app-shell{height:var(--app-content-height);padding-top:max(12px, env(safe-area-inset-top));overscroll-behavior-y:contain;padding-bottom:16px;scroll-padding-block:16px}.app-viewport--auth-keyboard .brand-lockup{display:none}.app-viewport--auth-keyboard .menu-panel--auth{margin-block:0}.menu-panel h1{font-size:clamp(24px,7cqw,32px);font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:400;line-height:1.1}.menu-panel--menu{flex:1 0 auto;grid-template-rows:auto minmax(120px,1fr) auto auto;gap:12px;width:100%;min-height:100%;margin:0}.menu-heading{align-self:start;margin-top:clamp(16px,3cqh,32px)}.menu-heading h1{letter-spacing:-.035em;font-size:clamp(40px,14.5cqw,76px);line-height:.91}.screen-copy{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.5}.menu-panel h1+.screen-copy{margin-top:-8px}.profile-summary{background:#203436eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:flex}.profile-identity,.profile-stats{align-items:center;min-width:0;display:flex}.profile-identity{gap:10px}.profile-identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:14px;overflow:hidden}.profile-mark{width:32px;height:32px;color:var(--night);background:var(--blue);border-radius:50%;flex:0 0 32px;place-items:center;font-weight:800;display:grid}.profile-stats{color:var(--ink-muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px}.server-list{gap:10px;display:grid}.server-summary,.server-option{align-items:center;gap:10px;width:100%;display:grid}.server-summary{background:#203436f5;grid-template-columns:auto auto minmax(0,1fr);font-size:13px}.server-summary>span:first-of-type{color:var(--ink-muted);font-weight:400}.server-option{grid-template-columns:minmax(0,1fr) auto;min-height:60px}.server-option[aria-pressed=true]{border-color:var(--cream);background:#3b514b}.server-value{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.server-summary .server-value{text-align:right}.ping-good{color:var(--green)}.ping-medium{color:var(--warning)}.ping-bad,.ping-unavailable{color:var(--danger)}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--ink-muted);gap:8px;font-size:13px;font-weight:600;display:grid}.auth-form input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#192c2e;border-radius:8px;padding:12px 14px;font-size:16px}.auth-form input:hover{border-color:var(--line-strong)}.auth-form .primary-action{margin-top:6px}.form-error{color:var(--danger);margin:0;font-size:14px;line-height:1.5}.menu-actions{gap:12px;display:grid}.secondary-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-action{background:var(--cream);min-height:60px;color:var(--cream-ink);font-family:var(--display);border-color:#0000;font-size:18px;font-weight:400}.primary-action:hover:not(:disabled){background:var(--cream-hover);border-color:#0000}.secondary-actions button{background:#203436f5;font-size:14px}.text-action{color:var(--ink-muted);background:0 0;border-color:#0000;font-size:14px}.text-action:hover:not(:disabled){background:var(--surface);border-color:#0000}.screen-back{justify-self:start;min-width:108px;margin-top:8px}.details-list{margin:0;display:grid}.details-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:52px;font-size:14px;display:flex}.details-list dt{color:var(--ink-muted)}.details-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.settings-toggle{min-height:52px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.settings-toggle input{width:24px;height:24px;accent-color:var(--cream);cursor:pointer;margin:0}.audio-settings{border-bottom:1px solid var(--line);gap:8px;padding-bottom:12px;display:grid}.settings-volume-label{justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.settings-volume-label output{color:var(--ink-muted);font-variant-numeric:tabular-nums}.settings-volume input[type=range]{width:100%;height:44px;accent-color:var(--cream);cursor:pointer;margin:0;padding:0;display:block}.settings-volume input[type=range]:focus-visible{outline-offset:0}.loading-indicator{border:2px solid var(--line);border-top-color:var(--cream);border-radius:50%;justify-self:center;width:30px;height:30px;animation:.9s linear infinite loading-spin;display:block}@keyframes loading-spin{to{transform:rotate(360deg)}}.game-screen{background:#385858;position:absolute;inset:0;overflow:hidden}.game-canvas-host{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.game-canvas-host canvas{display:block;position:absolute;bottom:0;left:0;width:100%!important;height:auto!important}.game-overlay{--hud-shadow:0 1px 2px #101e20b3;pointer-events:none;position:absolute;inset:0}.game-topbar{top:var(--safe-top);right:var(--safe-right);left:var(--safe-left);grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);grid-template-areas:"red exit blue""readout readout readout";align-items:start;gap:12px 8px;display:grid;position:absolute}.game-exit{color:var(--ink);grid-area:exit}.game-exit svg{stroke-width:1.75px}.icon-button{background:#203436b3;border-color:#77908d80;width:48px;height:48px;min-height:48px;padding:0}.health-display--red{color:#ff646b;grid-area:red;justify-self:start}.health-display--blue{text-align:right;color:#31ccef;grid-area:blue;justify-self:end}.health-display{flex-direction:column;gap:8px;width:100%;min-width:0;max-width:180px;display:flex}.health-hearts{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:128px;max-width:100%;display:grid}.health-display--blue .health-hearts{align-self:end}.health-heart{aspect-ratio:1;width:100%;height:auto;filter:drop-shadow(var(--hud-shadow));display:block}.health-heart--lost{opacity:.55}.health-name{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--hud-shadow);font-size:18px;font-weight:750;line-height:1.2;overflow:hidden}.match-readout{grid-area:readout;justify-self:center;justify-items:center;gap:8px;max-width:100%;margin-top:16px;display:grid}.timer-display{color:var(--cream);font:400 39px/1 var(--display);letter-spacing:0;font-variant-numeric:tabular-nums;text-align:center;min-width:4ch;text-shadow:var(--hud-shadow)}.timer-display--countdown{font-size:52px}.fight-announcement{color:var(--cream);font:400 36px/1.1 var(--display);letter-spacing:0;text-align:center;text-shadow:var(--hud-shadow)}.hud-pill{color:var(--ink);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.match-status{text-align:center;overflow-wrap:anywhere;background:#203436e6;border-radius:8px;max-width:100%;padding:6px 12px;font-size:12px;line-height:1.4}.game-center{padding:calc(var(--safe-top) + 90px) var(--safe-right) calc(var(--safe-bottom) + 130px) var(--safe-left);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.queue-message{background:var(--panel);text-align:center;border-radius:16px;gap:20px;padding:28px 24px;display:grid;box-shadow:0 12px 36px #10202240}.queue-message h2{font:400 24px/1.15 var(--display);text-wrap:balance;margin:0}.queue-message p{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.5}.game-bottombar{right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left);justify-content:center;display:flex;position:absolute}.game-overlay button{pointer-events:auto}.action-control{aspect-ratio:1;border:2px solid var(--ink);width:clamp(88px,27cqw,120px);min-height:0;color:var(--ink);background:#203436b3;border-radius:50%;padding:20px}.action-control svg{stroke-width:1.75px;width:100%;height:100%;transform:scale(.85)}.action-control:hover:not(:disabled){border-color:var(--ink);background:#405657}.action-control:active:not(:disabled){background:var(--ink);color:var(--night);transform:scale(.94)}.action-control:disabled{opacity:.35}.network-display{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));color:var(--ink-muted);font-variant-numeric:tabular-nums;pointer-events:auto;gap:4px;font-size:11px;line-height:1.3;display:grid;position:absolute}.performance-stat{justify-content:space-between;gap:8px;display:flex}.game-overlay-result{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:auto;background:#142628c9;place-items:center;display:grid}.result-dialog,.confirm-dialog{background:var(--panel);pointer-events:auto;border-radius:16px;width:min(100%,360px);padding:28px 24px;box-shadow:0 18px 48px #0c171b66}.result-dialog{text-align:center}.result-mark{width:48px;height:48px;color:var(--cream);stroke-width:1.5px;margin-bottom:20px}.result-dialog h2,.confirm-dialog h2{font:400 clamp(24px, 8cqw, 36px)/1.1 var(--display);text-wrap:balance;margin:0 0 12px}.confirm-dialog p{color:var(--ink-muted);margin:0 0 24px;font-size:14px;line-height:1.5}.result-dialog .screen-copy{margin-bottom:28px}.result-actions{flex-direction:column;gap:10px;display:flex}.result-actions button{min-width:0}.danger-action{color:#fff1eb;background:#74403e;border-color:#0000}.room-shell{background:#182326a6;justify-content:center}.room-content{gap:20px;width:min(100%,400px);display:grid}.room-header{gap:10px;display:grid}.room-header h1{font:400 28px/1.15 var(--display);letter-spacing:0;margin:0}.room-server{color:var(--ink-muted);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:14px;display:flex}.room-server svg{flex:none;width:18px;height:18px}.room-players{margin:0;padding:0;list-style:none}.room-player{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:8px 12px;min-height:104px;padding-block:16px;display:grid}.room-avatar{width:40px;height:40px;color:var(--night);background:var(--red);border-radius:50%;place-items:center;display:grid}.room-player--blue .room-avatar{background:var(--blue)}.room-player-name{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.room-player-name strong{font-size:17px}.room-player-name>span,.room-player-status{color:var(--ink-muted);font-size:13px}.room-player-status{font-variant-numeric:tabular-nums;grid-column:2/-1}.room-player-status.ping-good{color:var(--green)}.room-owner-mark{width:20px;height:20px;color:var(--cream)}.room-share{grid-template-columns:1fr 1fr;gap:10px;display:grid}.room-share button{padding-inline:8px;font-size:14px}.room-actions{gap:10px;display:grid}.room-notice{min-height:20px;color:var(--ink-muted);margin:0;font-size:13px;line-height:1.5}.room-link{border:1px solid var(--line);width:100%;min-width:0;min-height:48px;color:var(--ink);background:var(--night);border-radius:8px;padding:10px;font-size:16px}.room-error{gap:20px;width:min(100%,400px);display:grid}.room-error h1{font:400 26px/1.2 var(--display);margin:0}@media (pointer:coarse){:root{--safe-bottom:max(36px, calc(env(safe-area-inset-bottom) + 20px))}}@media (height<=700px){:root{--safe-left:max(14px, env(safe-area-inset-left));--safe-right:max(14px, env(safe-area-inset-right))}.app-shell{gap:16px}.brand-lockup{margin-top:4px;font-size:10cqw}.menu-panel{gap:16px}.menu-panel:not(.menu-panel--menu){padding:18px}.menu-heading{margin-top:20px}.primary-action{min-height:52px;font-size:16px}.auth-form{gap:12px}}@media (height<=500px){.brand-lockup{display:none}.menu-panel{margin-block:0}.menu-panel--menu{grid-template-rows:auto auto auto auto}.menu-heading{margin-top:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}