.quick-match-screen{isolation:isolate;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:#fff0ce;background:#001820;flex-direction:column;font-family:Barlow Condensed,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.quick-match-scenery{z-index:-2;pointer-events:none;position:absolute;inset:0}.quick-match-scenery img{object-fit:cover;width:100%;height:100%}.quick-match-screen:before{content:"";z-index:-1;background:linear-gradient(#00182055,#00182099 60%,#001820e6);position:absolute;inset:0}.quick-match-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;display:flex}.quick-match-header .kitefighter-brand{max-width:230px}.quick-match-header>span{color:#ffe3a0;letter-spacing:1px;text-transform:uppercase;font-size:23px}.quick-match-header>.game-button{min-height:46px;padding:10px 22px;font-size:21px}.quick-match-header svg{width:18px;height:18px;margin-right:7px}.quick-match-panel{box-sizing:border-box;background:linear-gradient(120deg,#143c46ef,#001b25f5 68%);border:1px solid #d3b36d;border-radius:8px;flex-shrink:0;width:min(1040px,100%);margin:auto;padding:24px 32px 20px;box-shadow:inset 0 0 0 5px #00182066,0 22px 70px #0006}.quick-match-panel>header{text-align:center}.quick-city{letter-spacing:1.5px;text-transform:uppercase;color:#d1bf8d;font-size:17px}.quick-match-panel h1{color:#ffe3a0;margin:7px 0;font-family:Caveat Brush,cursive;font-size:48px;font-weight:400;line-height:1.1}.quick-match-panel>header p{color:#b8cfcc;margin:5px 0 0;font-size:21px}.quick-match-roster{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;gap:20px;max-width:820px;margin:10px auto 15px;display:grid}.quick-flyer{text-align:center;min-width:0}.quick-portrait-stage{filter:drop-shadow(0 9px 7px #0005);justify-content:center;align-items:end;height:215px;display:flex}.quick-portrait-stage>img{object-fit:contain;max-width:100%;height:100%;display:block}.quick-nameplate{isolation:isolate;flex-direction:column;justify-content:center;min-height:65px;padding:8px 10px 7px;display:flex;position:relative}.quick-nameplate>img{z-index:-1;object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.quick-nameplate strong{color:#ffe3a0;overflow-wrap:anywhere;font-size:33px;line-height:1.1}.quick-nameplate small{color:#bdd0c7;margin-top:3px;font-size:15px}.quick-loadout{justify-content:center;align-items:center;gap:12px;min-height:46px;margin:9px auto 0;display:flex}.quick-loadout>span{text-align:left;font-size:20px;line-height:1.1}.quick-loadout small{color:#a9c5c1;margin-top:4px;font-size:15px;display:block}.quick-loadout svg,.quick-loadout img{object-fit:contain;width:43px;height:43px}.quick-loadout .kite-art{width:43px;height:43px;display:block;position:relative}.quick-versus{color:#f6ce79;flex-direction:column;align-items:center;gap:16px;display:flex}.quick-versus>span{text-shadow:0 2px 4px #0006;font:400 57px Caveat Brush,cursive}.quick-versus i{background:#f6ce79;width:42px;height:1px;box-shadow:0 0 12px #f9be61}.quick-search-spark{animation:1.5s ease-in-out infinite quick-search-glow}.quick-unknown{place-items:center;height:215px;display:grid}.quick-unknown>span{clip-path:polygon(50% 0,100% 43%,82% 85%,50% 100%,18% 85%,0 43%);color:#d8c687;background:linear-gradient(145deg,#30505a66,#001820aa);border:1px solid #c6b47888;place-items:center;width:120px;height:150px;font:400 80px Caveat Brush,cursive;display:grid}.quick-search-copy{color:#9cbab8;min-height:46px;margin-top:9px;font-size:17px;display:block}.quick-match-footer{border-top:1px solid #83a7a344;justify-content:space-between;align-items:center;gap:22px;padding-top:16px;display:flex}.quick-match-footer>span{color:#b3cbc5;font-size:18px}.quick-match-footer>.game-button{min-width:180px;min-height:46px;font-size:21px}.quick-match-screen :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #ffe9ac}.quick-connection-error{z-index:100;color:#fff0ce;background:#062630;border:1px solid #f5c66b;justify-content:center;align-items:center;gap:18px;padding:16px;font-family:Barlow Condensed,sans-serif;font-size:20px;display:flex;position:fixed;inset:auto 16px 18px}@keyframes quick-search-glow{50%{opacity:.4;transform:scaleX(.65)}}@media (height<=650px) and (orientation:landscape){.quick-match-screen{padding:10px max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left))}.quick-match-header .kitefighter-brand{max-width:180px}.quick-match-header>span{font-size:19px}.quick-match-header>.game-button{min-height:40px;font-size:18px}.quick-match-panel{width:min(900px,100%);margin:10px auto auto;padding:13px 26px 12px}.quick-city{font-size:14px}.quick-match-panel h1{margin:3px 0;font-size:35px}.quick-match-panel>header p{font-size:17px}.quick-match-roster{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:12px;max-width:660px;margin:4px auto 7px}.quick-portrait-stage,.quick-unknown{height:140px}.quick-unknown>span{width:85px;height:110px;font-size:58px}.quick-nameplate{min-height:48px;padding:6px 8px}.quick-nameplate strong{font-size:25px}.quick-nameplate small{margin-top:1px;font-size:13px}.quick-loadout{gap:7px;min-height:34px;margin-top:5px}.quick-loadout>span{font-size:17px}.quick-loadout small{margin-top:2px;font-size:13px}.quick-loadout img,.quick-loadout svg,.quick-loadout .kite-art{width:32px;height:32px}.quick-search-copy{min-height:34px;margin-top:5px;font-size:15px}.quick-versus>span{font-size:42px}.quick-match-footer{padding-top:9px}.quick-match-footer>span{font-size:16px}.quick-match-footer>.game-button{min-width:160px;min-height:44px;font-size:18px}}@media (height<=430px) and (orientation:landscape){.quick-match-header>.game-button{min-height:36px;padding:8px 18px;font-size:16px}.quick-match-header .kitefighter-brand{max-width:145px}.quick-match-panel{margin:6px auto auto;padding:9px 22px}.quick-city{font-size:12px}.quick-match-panel h1{font-size:29px}.quick-match-panel>header p{font-size:15px}.quick-portrait-stage,.quick-unknown{height:86px}.quick-unknown>span{width:60px;height:78px;font-size:42px}.quick-nameplate{min-height:39px;padding:3px 8px}.quick-nameplate strong{font-size:21px}.quick-nameplate small{font-size:11px}.quick-loadout{min-height:25px}.quick-loadout img,.quick-loadout svg,.quick-loadout .kite-art{width:25px;height:25px}.quick-loadout>span{font-size:15px}.quick-loadout small{font-size:11px}.quick-search-copy{min-height:25px;font-size:13px}.quick-match-roster{margin:2px auto 5px}.quick-match-footer{gap:12px;padding-top:7px}.quick-match-footer>span{font-size:14px}.quick-match-footer>.game-button{min-height:40px;font-size:17px}.quick-versus>span{font-size:36px}}@media (prefers-reduced-motion:reduce){.quick-search-spark{animation:none}}.quick-match-header .kitefighter-brand img{width:auto;max-width:100%;height:60px}@media (height<=650px) and (orientation:landscape){.quick-match-header .kitefighter-brand img{height:46px}}@media (height<=430px) and (orientation:landscape){.quick-match-header .kitefighter-brand img{height:38px}}.quick-portrait-stage{position:relative}.quick-rival .quick-portrait-stage{transform:none}.quick-rival .quick-portrait-stage>img:not(.quick-profile-avatar){transform:scaleX(-1)}.quick-portrait-stage>img.quick-profile-avatar{object-fit:cover;border:2px solid #f2d38c;border-radius:50%;width:62px;max-width:none;height:62px;position:absolute;bottom:5px;right:12%;box-shadow:0 3px 12px #00182088}.quick-avatar-search{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:215px;display:flex}.quick-avatar-window{--avatar-pitch:112px;isolation:isolate;width:100%;max-width:330px;height:132px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.quick-avatar-track{height:100%;left:calc(50% - var(--avatar-pitch)/2);will-change:transform;align-items:center;width:max-content;animation:.3s linear infinite quick-avatar-roll;display:flex;position:absolute}.quick-avatar-slot{width:var(--avatar-pitch);flex:none;justify-content:center;align-items:center;height:100%;display:flex}.quick-avatar-slot>img,.quick-avatar-slot>svg{object-fit:cover;background:#123c46;border:1px solid #c3d4c566;border-radius:50%;width:88px;height:88px;box-shadow:0 5px 14px #00182066}.quick-avatar-slot>svg{stroke:#b9cdc4;stroke-width:2px;padding:8px}.quick-avatar-focus{pointer-events:none;border:2px solid #ffe3a0;border-radius:50%;width:104px;height:104px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #e4bb5930,inset 0 0 10px #ffe3a02b}.quick-avatar-scanning{gap:7px;height:6px;display:flex}.quick-avatar-scanning i{background:#ffe3a0;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite quick-avatar-pulse}.quick-avatar-scanning i:nth-child(2){animation-delay:.16s}.quick-avatar-scanning i:nth-child(3){animation-delay:.32s}@keyframes quick-avatar-roll{to{transform:translateX(calc(-6 * var(--avatar-pitch)))}}@keyframes quick-avatar-pulse{0%,80%,to{opacity:.3}40%{opacity:1}}@media (height<=650px) and (orientation:landscape){.quick-avatar-search{gap:10px;height:140px}.quick-avatar-window{--avatar-pitch:88px;max-width:260px;height:104px}.quick-avatar-slot>img,.quick-avatar-slot>svg{width:68px;height:68px}.quick-avatar-focus{width:82px;height:82px}.quick-portrait-stage>img.quick-profile-avatar{width:42px;height:42px;bottom:2px}}@media (height<=430px) and (orientation:landscape){.quick-avatar-search{gap:5px;height:86px}.quick-avatar-window{--avatar-pitch:65px;max-width:205px;height:70px}.quick-avatar-slot>img,.quick-avatar-slot>svg{width:48px;height:48px}.quick-avatar-focus{width:60px;height:60px}.quick-portrait-stage>img.quick-profile-avatar{width:32px;height:32px;bottom:0;right:22%}.quick-avatar-scanning{gap:5px;height:4px}.quick-avatar-scanning i{width:4px;height:4px}}@media (prefers-reduced-motion:reduce){.quick-avatar-track,.quick-avatar-scanning i{will-change:auto;animation:none}}