.app-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1a2233,#0a0c12 55%,#050608);color:#e8eaed;font-family:system-ui,-apple-system,sans-serif}.app-loading.is-visible{display:flex}.app-loading__panel{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 2.5rem;text-align:center}.app-loading__spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:#6ea8fe;animation:app-loading-spin .85s linear infinite}.app-loading__title{font-family:Luckiest Guy,system-ui,sans-serif;font-size:1.6rem;letter-spacing:.02em;color:#f8fafc}.app-loading__message{font-size:.95rem;color:#e8eaedb8;min-height:1.4em}@keyframes app-loading-spin{to{transform:rotate(360deg)}}.pre-match-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.pre-match-countdown.is-visible{opacity:1;visibility:visible}.pre-match-countdown-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 38%,rgba(88,166,255,.12),transparent 58%),#060a1247;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pre-match-countdown-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2rem 1.75rem;border-radius:1.25rem;background:linear-gradient(165deg,#121c30eb,#080c16e0);border:1px solid rgba(110,168,254,.35);box-shadow:0 24px 80px #00000073,0 0 0 1px #ffffff0a inset;transform:scale(.92) translateY(12px);transition:transform .4s cubic-bezier(.22,1,.36,1)}.pre-match-countdown.is-visible .pre-match-countdown-card{transform:scale(1) translateY(0)}.pre-match-countdown-label{margin:0;font-size:.95rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#bad2ffeb}.pre-match-countdown-sub{margin:0;font-size:.85rem;color:#a0b4d2d9}.pre-match-countdown-ring{position:relative;width:9.5rem;height:9.5rem;display:grid;place-items:center}.pre-match-countdown-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.pre-match-countdown-track{fill:none;stroke:#ffffff14;stroke-width:8}.pre-match-countdown-progress{fill:none;stroke:#6ea8fe;stroke-width:8;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:0;transition:stroke-dashoffset .15s linear;filter:drop-shadow(0 0 8px rgba(110,168,254,.55))}.pre-match-countdown-number{position:relative;z-index:1;font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:#f8fbff;text-shadow:0 8px 28px rgba(110,168,254,.45)}.pre-match-countdown-ring.is-pulse .pre-match-countdown-number{animation:pre-match-pop .55s cubic-bezier(.22,1,.36,1)}.pre-match-countdown.is-go .pre-match-countdown-progress{stroke:#3dd68c;filter:drop-shadow(0 0 12px rgba(61,214,140,.65))}.pre-match-countdown.is-go .pre-match-countdown-number{color:#b8ffd9;font-size:2.6rem;letter-spacing:.06em;animation:pre-match-go .65s cubic-bezier(.22,1,.36,1)}.pre-match-countdown.is-waiting .pre-match-countdown-number{font-size:2.4rem;animation:pre-match-wait 1.2s ease-in-out infinite}.pre-match-countdown.is-complete .pre-match-countdown-card{transform:scale(1.06);opacity:0;transition:transform .45s ease,opacity .45s ease}@keyframes pre-match-pop{0%{transform:scale(.55);opacity:.2}55%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pre-match-go{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.18) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pre-match-wait{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.auth-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#050608}.auth-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-scene__bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:url(/assets/auth/bg.png) center 55% / cover no-repeat;transform-origin:center 70%;animation:auth-bg-kenburns 32s ease-in-out infinite alternate;will-change:transform}.auth-scene__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14082859,#00000014 35%,#ff50142e 72%,#b41e0073)}.auth-scene__lava-glow{position:absolute;left:-10%;right:-10%;bottom:-5%;height:48%;background:radial-gradient(ellipse at 50% 100%,rgba(255,110,30,.75) 0%,rgba(200,40,0,.4) 40%,transparent 70%);mix-blend-mode:screen;animation:auth-lava-pulse 5s ease-in-out infinite}.auth-scene__sun-rays{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:conic-gradient(from 180deg at 50% 115%,transparent 0deg,rgba(255,210,90,.07) 14deg,transparent 28deg,rgba(255,210,90,.05) 42deg,transparent 56deg,rgba(255,210,90,.07) 70deg,transparent 84deg,rgba(255,210,90,.05) 98deg,transparent 112deg,rgba(255,210,90,.07) 126deg,transparent 140deg);opacity:.85;animation:auth-rays-spin 60s linear infinite}.auth-scene__runners{position:absolute;top:0;right:0;bottom:0;left:0;perspective:900px}.auth-runner{--lane: 0;--delay: 0s;--runner-color: #e53935;position:absolute;left:50%;bottom:calc(14% + var(--lane) * 2.2%);width:22px;height:34px;margin-left:-11px;transform-style:preserve-3d;animation:auth-runner-sprint 9s linear infinite;animation-delay:var(--delay);opacity:.92}.auth-runner:before{content:"";position:absolute;left:3px;top:-14px;width:16px;height:16px;border-radius:3px;background:#ffcc80;box-shadow:0 2px #00000040}.auth-runner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:var(--runner-color);box-shadow:0 4px #00000047,inset 0 -6px #0000001f;animation:auth-runner-bob .35s ease-in-out infinite alternate}.auth-runner--red{--runner-color: #e53935}.auth-runner--blue{--runner-color: #1e88e5}.auth-runner--green{--runner-color: #43a047}.auth-runner--yellow{--runner-color: #fdd835}.auth-runner--purple{--runner-color: #8e24aa}.auth-scene__balloons{position:absolute;top:0;right:0;bottom:0;left:0}.auth-balloon{position:absolute;width:36px;height:46px;border-radius:50% 50% 45% 45%;opacity:.8;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));animation:auth-balloon-float 9s ease-in-out infinite}.auth-balloon:after{content:"";position:absolute;left:50%;bottom:-18px;width:1px;height:18px;background:#fff6;transform:translate(-50%)}.auth-balloon--1{left:10%;top:16%;background:linear-gradient(180deg,#ff6b6b,#c62828);animation-delay:0s}.auth-balloon--2{left:82%;top:22%;background:linear-gradient(180deg,#64b5f6,#1565c0);animation-delay:-3s}.auth-balloon--3{left:68%;top:10%;background:linear-gradient(180deg,#fff176,#f9a825);animation-delay:-6s}.auth-tips{position:absolute;left:max(1rem,2vw);top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.auth-tip{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:14px;background:#0000009e;border:2px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000059}.auth-tip__icon{font-size:1.35rem;line-height:1}.auth-tip__text{font-family:Luckiest Guy,system-ui,sans-serif;font-size:clamp(.82rem,1.4vw,1rem);letter-spacing:.04em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45);white-space:nowrap}.auth-main{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,2vh,1.25rem);width:min(440px,calc(100vw - 1.5rem));padding:clamp(.5rem,2vh,1.5rem) 0}.auth-logo{width:min(480px,90vw);height:auto;filter:drop-shadow(0 10px 28px rgba(0,0,0,.55));animation:auth-logo-float 4s ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none}.auth-panel.lobby-card.auth-card{position:relative;width:min(380px,88vw)!important;aspect-ratio:1;padding:0!important;margin:0;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center}.auth-panel.lobby-card.auth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/auth/gui-login.png) center / contain no-repeat;filter:drop-shadow(0 16px 40px rgba(0,0,0,.55));pointer-events:none}.auth-panel__inner{position:relative;z-index:1;display:flex;flex-direction:column;width:72%;margin-top:6%;padding:0 .25rem}.auth-panel__title{font-family:Luckiest Guy,system-ui,sans-serif;font-size:clamp(1.2rem,4vw,1.5rem);text-align:center;color:#ffd54f;margin-bottom:.25rem;text-shadow:0 2px 0 rgba(0,0,0,.5)}.auth-panel__subtitle{text-align:center;font-size:.82rem;line-height:1.4;color:#b0b8c4;margin-bottom:.85rem}.auth-panel__subtitle strong{color:#8ec0ff}.auth-field.field label{color:#c5cad3;font-size:.8rem}.auth-field.field input{background:#00000073;border-color:#ffffff24;padding:.65rem .8rem;font-size:.95rem}.auth-field.field input:focus{border-color:#ffb300;box-shadow:0 0 0 2px #ffb30033}.auth-actions{margin-top:.25rem;gap:.6rem}.auth-actions--single{justify-content:center}.auth-btn{flex:1;min-width:0;padding:.7rem .75rem;border-radius:10px;border:2px solid transparent;font-family:Luckiest Guy,system-ui,sans-serif;font-size:.95rem;letter-spacing:.05em;cursor:pointer;transition:transform .15s ease,filter .15s ease}.auth-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-btn--login{background:linear-gradient(180deg,#ffe082,#ffb300 55%,#ff8f00);color:#2a1600;border-color:#ffc83280;box-shadow:0 4px #c67c00}.auth-btn--register{background:linear-gradient(180deg,#90caf9,#42a5f5 55%,#1e88e5);color:#061018;border-color:#64b4ff73;box-shadow:0 4px #1565c0}.auth-error{min-height:1.2em;margin-top:.5rem;font-size:.8rem;color:#ff8a80;text-align:center}@keyframes auth-bg-kenburns{0%{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(-2%)}}@keyframes auth-lava-pulse{0%,to{opacity:.75;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.05)}}@keyframes auth-rays-spin{to{transform:rotate(360deg)}}@keyframes auth-runner-sprint{0%{transform:translate3d(-42vw,0,0) rotateY(-8deg) scale(.85);opacity:0}8%{opacity:.95}50%{transform:translateZ(40px) rotateY(0) scale(1.15)}92%{opacity:.95}to{transform:translate3d(38vw,0,0) rotateY(8deg) scale(.9);opacity:0}}@keyframes auth-runner-bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes auth-balloon-float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-12px) translate(6px)}66%{transform:translateY(-6px) translate(-4px)}}@keyframes auth-logo-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@media(max-width:960px){.auth-tips{display:none}}@media(max-width:560px){.auth-panel__inner{width:76%;margin-top:8%}.auth-actions{flex-direction:column}.auth-btn{width:100%}}@media(max-height:700px){.auth-logo{width:min(320px,78vw)}.auth-panel.lobby-card.auth-card{width:min(320px,82vw)!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{background:#0f1117;color:#e8eaed;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#enable3d-phaser-canvas,#enable3d-three-canvas{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1;touch-action:none;pointer-events:auto}body *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) rgba(255,255,255,.04)}body *::-webkit-scrollbar{width:6px;height:6px}body *::-webkit-scrollbar-track{background:#ffffff08;border-radius:999px}body *::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}body *::-webkit-scrollbar-thumb:hover{background:#6ea8fe73}h1,h2,h3{margin:0 0 .5rem;font-weight:400}p{margin:0 0 .75rem}a{color:#8ec0ff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.auth-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;overflow:hidden}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.field label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9aa0a6}.field input[type=text],.field input[type=password],.field input[type=number],.field input[type=search]{width:100%;padding:.62rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#f1f3f4;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:#6ea8fea6;box-shadow:0 0 0 3px #6ea8fe2e}.field input:disabled{opacity:.55}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}.actions button,.btn-secondary,.btn-ingame-ready,.btn-ingame-save-config,.btn-pause-resume,.btn-pause-leave,.btn-skin-more,#btn-create,#btn-join{padding:.62rem 1.1rem;border-radius:10px;border:1px solid transparent;font-size:.88rem;font-weight:700;letter-spacing:.02em;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.actions button:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-ingame-ready:hover:not(:disabled),.btn-ingame-save-config:hover:not(:disabled),.btn-pause-resume:hover:not(:disabled),.btn-pause-leave:hover:not(:disabled),.btn-skin-more:hover:not(:disabled),#btn-create:hover:not(:disabled),#btn-join:hover:not(:disabled){transform:translateY(-1px)}#btn-create,.btn-pause-resume{background:linear-gradient(180deg,#ffd54f,#ffb300);color:#1a1200;border-color:#ffd54f73;box-shadow:0 4px 14px #ffb30040}#btn-create:hover:not(:disabled),.btn-pause-resume:hover:not(:disabled){background:linear-gradient(180deg,#ffe082,#ffc107)}#btn-join,.btn-ingame-ready,.btn-ingame-save-config{background:linear-gradient(180deg,#7eb8ff,#4d8fef);color:#081018;border-color:#6ea8fe73;box-shadow:0 4px 14px #4d8fef38}#btn-join:hover:not(:disabled),.btn-ingame-ready:hover:not(:disabled),.btn-ingame-save-config:hover:not(:disabled){background:linear-gradient(180deg,#9ecaff,#6ea8fe)}.btn-secondary,.btn-skin-more{background:#ffffff14;color:#e8eaed;border-color:#ffffff24}.btn-secondary:hover:not(:disabled),.btn-skin-more:hover:not(:disabled){background:#ffffff1f;border-color:#6ea8fe59}.btn-pause-leave{background:#f8717124;color:#fecaca;border-color:#f8717159}.btn-pause-leave:hover:not(:disabled){background:#f871713d;border-color:#f871718c}.btn-ingame-ready.is-ready{background:linear-gradient(180deg,#81c784,#43a047);color:#081008;border-color:#81c78473}.lobby-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;display:flex;align-items:stretch;justify-content:center;padding:1.25rem;overflow:auto;background:radial-gradient(circle at 15% 10%,rgba(110,168,254,.08) 0%,transparent 42%),radial-gradient(circle at 85% 90%,rgba(255,179,0,.06) 0%,transparent 38%),#0f1117}.lobby-layout{display:grid;grid-template-columns:minmax(300px,480px) minmax(300px,480px);gap:1.25rem;width:min(1020px,100%);margin:auto;align-items:start}.lobby-card{background:#121620eb;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.35rem 1.45rem;box-shadow:0 18px 48px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-preview-panel{display:flex;flex-direction:column;gap:0}.lobby-form-panel{max-height:min(92vh,900px);overflow-y:auto}.lobby-preview-panel h2,.lobby-form-panel h1{font-family:Luckiest Guy,system-ui,sans-serif;letter-spacing:.03em;color:#f8fafc}.lobby-preview-panel h2{font-size:1.45rem}.lobby-form-panel h1{font-size:1.75rem;margin-bottom:.35rem}.lobby-form-panel>p{color:#9aa0a6;font-size:.92rem}.skin-selected-label{font-size:.88rem;color:#8ec0ff;margin-bottom:.25rem}.skin-preview-hint{font-size:.75rem;color:#6b7280;margin-bottom:.75rem}.lobby-skin-preview{width:100%;height:min(42vh,340px);min-height:240px;max-height:360px;margin-bottom:0;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 35%,rgba(110,168,254,.12) 0%,transparent 55%),linear-gradient(180deg,#00000040,#00000073);overflow:hidden;position:relative;flex-shrink:0}.lobby-skin-preview canvas{display:block;width:100%!important;height:100%!important}#lobby-error{min-height:1.2em;margin-top:.65rem;font-size:.85rem;color:#ff8a80}.room-create-config{margin-top:1.35rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.08)}.room-create-config h3{font-family:Luckiest Guy,system-ui,sans-serif;font-size:1.1rem;color:#f1f3f4;margin-bottom:.35rem}.room-create-hint{font-size:.78rem;color:#6b7280;margin-bottom:.85rem}.room-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.room-map-pool-status{font-size:.8rem;color:#9aa0a6;margin-bottom:.55rem}.room-map-pool{display:flex;flex-direction:column;gap:.45rem;max-height:220px;overflow:auto;padding:.55rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#00000038}.room-map-pool-empty{font-size:.82rem;color:#6b7280;margin:0}.room-map-pool-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:8px;cursor:pointer;transition:background .12s ease}.room-map-pool-item:hover{background:#ffffff0d}.room-map-pool-item input[type=checkbox]{accent-color:#6ea8fe;width:16px;height:16px;flex-shrink:0}.room-map-pool-item-label{flex:1;font-size:.84rem;color:#e8eaed}.room-map-pool-tag{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;border:1px solid transparent}.room-map-pool-tag--preset{color:#8ec0ff;background:#6ea8fe1f;border-color:#6ea8fe40}.room-map-pool-tag--public{color:#81c784;background:#81c7841f;border-color:#81c78440}.room-map-pool-tag--account{color:#ffd54f;background:#ffd54f1f;border-color:#ffd54f40}.skin-picker{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.lobby-preview-panel .skin-results-grid{max-height:220px}.skin-picker-label{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9aa0a6;margin-bottom:.65rem}.skin-search-row{display:flex;gap:.55rem;margin-bottom:.45rem}.skin-search-row input{flex:1;padding:.58rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#f1f3f4;outline:none}.skin-search-row input:focus{border-color:#6ea8fea6;box-shadow:0 0 0 3px #6ea8fe2e}.skin-search-status{min-height:1.1em;font-size:.78rem;color:#6b7280;margin-bottom:.55rem}.skin-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.55rem;max-height:280px;overflow:auto;padding:.15rem;margin-bottom:.65rem}.skin-card{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.35rem;border-radius:10px;border:2px solid rgba(255,255,255,.08);background:#00000047;cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.skin-card:hover{border-color:#6ea8fe59;transform:translateY(-1px)}.skin-card.selected{border-color:#6ea8fe;box-shadow:0 0 0 2px #6ea8fe40}.skin-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;image-rendering:pixelated;background:#ffffff0a}.skin-card-title{font-size:.62rem;line-height:1.2;color:#bdc1c6;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-skin-more{width:100%}.lobby-editor-link{margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}.lobby-editor-link a{display:inline-block;margin:0 .45rem;font-size:.88rem;text-decoration:none}.lobby-editor-link a:hover{text-decoration:underline}.lobby-editor-link p{color:#6b7280;font-size:.75rem;margin-top:.4rem;margin-bottom:0}#ingame-lobby-hud{position:fixed;top:0;left:0;z-index:5000;display:none;padding:1rem;pointer-events:none}.ingame-lobby-panel{width:min(340px,calc(100vw - 2rem));padding:1.15rem 1.25rem;border-radius:14px;background:#080a10d1;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 36px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.ingame-lobby-panel h2{font-family:Luckiest Guy,system-ui,sans-serif;font-size:1.35rem;color:#f8fafc;margin-bottom:.35rem}.ingame-room-label{font-size:.88rem;color:#8ec0ff;margin-bottom:.35rem}.ingame-room-label span{font-weight:700}.ingame-hint{font-size:.78rem;color:#9aa0a6;margin-bottom:.85rem}.ingame-room-config{padding:.75rem .85rem;margin-bottom:.85rem;border-radius:10px;background:#00000047;border:1px solid rgba(255,255,255,.08)}.ingame-config-title{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:.55rem}.ingame-config-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem;color:#bdc1c6;margin-bottom:.35rem}.ingame-config-row strong{color:#f1f3f4;font-variant-numeric:tabular-nums}.ingame-config-maps{margin-top:.55rem}.ingame-config-maps>span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:.35rem}.ingame-config-map-list{margin:0;padding-left:1.15rem;font-size:.78rem;color:#bdc1c6;max-height:120px;overflow:auto}.ingame-config-map-list li{margin-bottom:.2rem}.ingame-config-map-list li.is-next-map{color:#ffd54f;font-weight:700}.ingame-host-config{margin-top:.85rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.08)}.ingame-host-label{font-size:.78rem;color:#8ec0ff;margin-bottom:.65rem}.ingame-host-config .field{margin-bottom:.65rem}.ingame-host-config .room-map-pool{max-height:160px}.btn-ingame-save-config{width:100%;margin-top:.35rem}.ingame-player-list{list-style:none;margin:0 0 .75rem;padding:0;max-height:180px;overflow:auto}.ingame-player-list li{padding:.42rem .55rem;margin-bottom:.25rem;border-radius:8px;font-size:.84rem;color:#bdc1c6;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.ingame-player-list li.ready{color:#c8e6c9;border-color:#81c78459;background:#43a0471f}.ingame-ready-status{font-size:.82rem;color:#9aa0a6;margin-bottom:.65rem;min-height:1.2em}.btn-ingame-ready{width:100%}.map-timer-hud{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:30;display:none;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem 1rem .5rem;border-radius:10px;background:#080a10d1;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #00000059;pointer-events:none;font-variant-numeric:tabular-nums}.map-timer-hud.is-visible{display:flex}.map-timer-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a6}.map-timer-value{font-size:1.45rem;font-weight:700;color:#f1f3f4;line-height:1}.map-timer-hud.is-warning .map-timer-value{color:#ffb74d}.map-timer-hud.is-critical .map-timer-value{color:#ff8a80;animation:map-timer-pulse .8s ease-in-out infinite}.map-timer-hud.is-expired{border-color:#ff8a8073;background:#300c0ce0}.map-timer-hud.is-expired .map-timer-label,.map-timer-hud.is-expired .map-timer-value{color:#ff8a80}@keyframes map-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.match-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;pointer-events:none;font-variant-numeric:tabular-nums}.match-mission{position:absolute;top:1.25rem;left:1.25rem;max-width:min(320px,42vw);padding:.85rem 1rem;border-radius:12px;background:#080a10c7;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 28px #00000059}.match-mission-primary{font-family:Luckiest Guy,system-ui,sans-serif;font-size:clamp(1.1rem,2.2vw,1.55rem);line-height:1.15;color:#ffd54f;text-shadow:0 2px 0 rgba(0,0,0,.45);margin-bottom:.25rem}.match-mission-secondary{font-family:Luckiest Guy,system-ui,sans-serif;font-size:clamp(.95rem,1.8vw,1.2rem);line-height:1.15;color:#ff8a80;text-shadow:0 2px 0 rgba(0,0,0,.45);margin-bottom:0}.match-eliminated{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem 1rem .65rem;border-radius:12px;background:#080a10c7;border:1px solid rgba(255,255,255,.1);min-width:120px}.match-eliminated-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a6}.match-eliminated-value{font-family:Luckiest Guy,system-ui,sans-serif;font-size:1.35rem;color:#ff8a80}.match-timer{position:absolute;top:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:12px;background:#080a10c7;border:1px solid rgba(255,255,255,.1)}.match-timer-icon{font-size:1.1rem;line-height:1}.match-timer-value{font-family:Luckiest Guy,system-ui,sans-serif;font-size:1.45rem;color:#f1f3f4;min-width:4.5ch;text-align:right}.match-hud.is-warning .match-timer-value{color:#ffb74d}.match-hud.is-critical .match-timer-value{color:#ff8a80;animation:match-timer-pulse .8s ease-in-out infinite}.match-hud.is-expired .match-timer-value,.match-hud.is-expired .match-mission-secondary{color:#ff8a80}.match-hud.is-expired .match-mission-primary{color:#f1f3f4}@keyframes match-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.match-qualified{position:absolute;top:6.5rem;right:1.25rem;width:min(240px,34vw);padding:.75rem .85rem;border-radius:12px;background:#080a10c7;border:1px solid rgba(255,255,255,.1)}.match-qualified-title{font-family:Luckiest Guy,system-ui,sans-serif;font-size:.95rem;letter-spacing:.04em;color:#8ec0ff;margin-bottom:.55rem}.match-qualified-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.match-qualified-entry{display:flex;align-items:center;gap:.45rem;padding:.35rem .45rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.match-qualified-rank{width:1.35rem;font-size:.72rem;font-weight:700;color:#6b7280;text-align:center}.match-qualified-name{flex:1;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:#bdc1c6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-qualified-entry.is-leader .match-qualified-rank{color:#ffd54f}.match-qualified-entry.is-qualified{border-color:#81c78459;background:#43a0471f}.match-qualified-entry.is-qualified .match-qualified-name{color:#c8e6c9}.match-qualified-entry.is-eliminated{opacity:.55}.match-qualified-entry.is-eliminated .match-qualified-name{color:#ff8a80;text-decoration:line-through}.match-qualified-entry.is-local{box-shadow:inset 0 0 0 1px #6ea8fe59}.match-qualified-entry.is-empty .match-qualified-name{color:#4b5563}.match-action-bar{position:absolute;left:50%;bottom:1.35rem;transform:translate(-50%);display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:999px;background:#080a10d1;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px #0006;pointer-events:auto}.match-action-slot{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.14);background:#ffffff0f;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:border-color .12s ease,background .12s ease,transform .12s ease,box-shadow .12s ease}.match-action-slot:not(.is-empty):hover{border-color:#6ea8fe73;transform:translateY(-2px)}.match-action-slot.is-active{border-color:#6ea8fe;background:#6ea8fe2e;box-shadow:0 0 0 3px #6ea8fe33}.match-action-slot.is-empty{opacity:.25;border-style:dashed}.match-action-icon{display:block;width:22px;height:22px;position:relative}.match-action-icon--run:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #f1f3f4}.match-action-icon--jump:before{content:"";position:absolute;left:50%;bottom:2px;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #f1f3f4}.match-action-icon--jump:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:10px;height:3px;border-radius:999px;background:#f1f3f48c}.match-action-icon--sprint:before{content:"";position:absolute;top:1px;right:8px;bottom:1px;left:6px;background:#ffd54f;clip-path:polygon(55% 0%,100% 45%,58% 45%,78% 100%,0% 38%,42% 38%)}.match-action-slot.is-active .match-action-icon--run:before{border-left-color:#6ea8fe}.match-action-slot.is-active .match-action-icon--jump:before{border-bottom-color:#6ea8fe}.match-action-slot.is-active .match-action-icon--sprint:before{background:#6ea8fe}.match-pause-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:1rem}.match-pause-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.match-pause-panel{position:relative;z-index:1;width:min(380px,100%);padding:1.5rem 1.65rem;border-radius:16px;background:#121620f5;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 64px #00000080;text-align:center}.match-pause-panel h2{font-family:Luckiest Guy,system-ui,sans-serif;font-size:1.55rem;color:#f8fafc;margin-bottom:.35rem}.match-pause-hint{font-size:.82rem;color:#9aa0a6;margin-bottom:1.15rem}.match-pause-actions{display:flex;flex-direction:column;gap:.65rem}.match-pause-actions button{width:100%}#info-text{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:20;padding:.55rem .85rem;border-radius:10px;background:#080a10b8;border:1px solid rgba(255,255,255,.1);color:#9aa0a6;font-size:.78rem;line-height:1.45;text-align:center;pointer-events:none}#perf-hud{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.45rem .9rem;background:#000000b8;border-bottom:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.2;pointer-events:none;color:#c9d1d9}#perf-hud span b{color:#8be9fd;font-weight:600;margin-right:.25rem}@media(max-width:900px){.lobby-layout{grid-template-columns:1fr}.lobby-preview-panel{min-height:0}.lobby-skin-preview{height:min(36vh,300px);min-height:220px}.lobby-preview-panel .skin-results-grid{max-height:200px}.room-create-grid{grid-template-columns:1fr}.match-mission{top:auto;bottom:6.5rem;left:1rem;max-width:calc(100vw - 2rem)}.match-eliminated{top:.85rem}.match-timer{top:.85rem;right:.85rem}.match-qualified{top:5.5rem;right:.85rem;width:min(220px,46vw)}.match-action-bar{bottom:.85rem;gap:.4rem;padding:.45rem .55rem}.match-action-slot{width:46px;height:46px}#ingame-lobby-hud{padding:.65rem}.ingame-lobby-panel{width:min(320px,calc(100vw - 1.3rem));padding:1rem}}@media(max-width:560px){.lobby-screen{padding:.75rem}.lobby-card{padding:1rem}.skin-search-row{flex-direction:column}.skin-search-row .btn-secondary{width:100%}.actions{flex-direction:column}.actions button,#btn-create,#btn-join{width:100%}.match-action-bar{width:calc(100vw - 1.5rem);justify-content:center;flex-wrap:wrap;border-radius:16px}#info-text{left:.75rem;right:.75rem;transform:none;width:auto;font-size:.72rem}}.game-chat{position:fixed;left:1rem;bottom:1.25rem;z-index:4500;width:min(320px,calc(100vw - 2rem));pointer-events:none;font-size:.82rem}.game-chat-panel{display:flex;flex-direction:column;padding:.45rem .55rem;border-radius:12px;background:#080a10d1;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.game-chat.is-focused .game-chat-panel{border-color:#6ea8fe73}.game-chat-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.game-chat-title{font-family:Luckiest Guy,system-ui,sans-serif;font-size:.95rem;color:#e8eaed;letter-spacing:.02em}.game-chat-hint{font-size:.68rem;color:#9aa0a6}.game-chat-log{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;padding-right:.15rem}.game-chat-line{margin:0;line-height:1.35;word-break:break-word}.game-chat-name{color:#6ea8fe;font-weight:600;margin-right:.35rem}.game-chat-line.is-local .game-chat-name{color:#ffd54f}.game-chat-text{color:#e8eaed}.game-chat-form{display:flex;gap:.35rem}.game-chat-form input{flex:1;min-width:0;padding:.45rem .55rem;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#e8eaed;font:inherit}.game-chat-form input:focus{outline:none;border-color:#6ea8fe8c;background:#ffffff17}.game-chat-bubbles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4200;pointer-events:none;overflow:hidden}.game-chat-bubble{position:absolute;left:0;top:0;transform:translate(-50%,-100%);max-width:min(220px,42vw);padding:.4rem .65rem .5rem;border-radius:12px;background:#fffffff5;color:#1a1d24;font-size:.78rem;font-weight:600;line-height:1.25;text-align:center;box-shadow:0 6px 18px #00000047;border:2px solid rgba(0,0,0,.08);transition:opacity .35s ease}.game-chat-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border:8px solid transparent;border-top-color:#fffffff5;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}.game-chat-bubble.is-fading{opacity:0}.game-chat-bubble-text{display:block;word-break:break-word}@media(max-width:720px){.game-chat{left:.75rem;bottom:5.5rem;width:min(280px,calc(100vw - 1.5rem))}.game-chat-log{max-height:100px}}@media(max-height:700px)and (orientation:landscape){.lobby-skin-preview{height:min(34vh,220px);min-height:180px}.lobby-preview-panel .skin-results-grid,.skin-results-grid{max-height:160px}}