/* Original Karma textures, square metal frames and red beveled actions. */
.multiplayer-entry{position:absolute;left:592px;top:279px;width:181px;min-height:31px;border:3px ridge #74766b;background:linear-gradient(#a92424,#620900 46%,#830b04 50%,#9d1a17);color:#efd5c5;font-size:12px;text-shadow:1px 1px #300}.multiplayer-entry:hover{filter:brightness(1.25)}.home-menu .multiplayer-entry{top:auto;bottom:24px;left:470px}.mission-menu .multiplayer-entry{top:347px}
.multiplayer-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:10px 14px;border:16px solid transparent;border-image:url('./assets/ui/panel-frame.png') 16 fill stretch;background:#282b26 url('./assets/ui/second.png') center/100% 100%;color:#c4c8b9;box-shadow:0 12px 70px #000e;font:12px/1.5 Dotum,"돋움",Arial,sans-serif;overflow:auto;scrollbar-width:thin;scrollbar-color:#7d7d71 #161a15}.multiplayer-dialog::backdrop{background:#000d}
.multiplayer-heading{display:flex;align-items:center;gap:14px;min-height:36px;background:#30342c;padding:3px 6px;border:2px ridge #74776b}.multiplayer-logo{width:164px;height:auto;margin-left:auto;object-fit:contain}.multiplayer-heading h2{font-size:14px;font-weight:400;color:#0f0;margin:0}
.multiplayer-dialog button,.multiplayer-result-card button{min-height:30px;border:2px ridge #717568;border-radius:0;background:linear-gradient(#3b4034,#20261d);color:#d5d9c9;padding:4px 10px;font:inherit;cursor:pointer}.multiplayer-dialog button:hover,.multiplayer-result-card button:hover{border-color:#a0aa91;background:#344b2b;color:#fff}.multiplayer-dialog button:disabled{cursor:default;opacity:.45}.multiplayer-dialog :is(button,input,select):focus-visible,.multiplayer-result-card button:focus-visible{outline:2px solid #ffff00;outline-offset:2px}
.multiplayer-dialog .multiplayer-close,.multiplayer-dialog .multiplayer-primary,.multiplayer-result-card .multiplayer-primary{border:3px ridge #74766b;background:linear-gradient(#a92424,#620900 46%,#830b04 50%,#9d1a17);color:#f0d6c8;text-shadow:1px 1px #300}.multiplayer-dialog .multiplayer-primary:hover,.multiplayer-result-card .multiplayer-primary:hover{filter:brightness(1.25)}
.multiplayer-description{color:#b7c1aa;margin:7px 0 0;padding:3px 8px;background:#11170e;font-size:11px}.multiplayer-status{min-height:18px;color:#0f0;margin:0 0 7px;padding:3px 8px;background:#000}.multiplayer-status.is-error{color:#ffb1a5}.multiplayer-note{font-size:10px;line-height:1.8;color:#94a387;margin:7px 0;white-space:pre-line}.multiplayer-connection-help{padding:8px;border:1px solid #aa7a3a;background:#241b0c;color:#e2c9a2}.multiplayer-connection-help[hidden]{display:none}.multiplayer-connection-help a{color:#0f0;text-decoration:underline}
.multiplayer-form{max-height:calc(100dvh - 210px);overflow:auto;scrollbar-width:thin;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:12px;background:#10150fec;padding:8px;border:2px groove #777d6c}.multiplayer-room-panel,.multiplayer-loadout-panel{min-width:0;background:#000;padding:8px;border:2px groove #707668}.multiplayer-list-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}.multiplayer-list-heading h3{margin:0;color:#0f0;font-size:12px;font-weight:400}.multiplayer-list-heading button{font-size:10px;min-height:24px}
.multiplayer-room-columns,.multiplayer-dialog .multiplayer-room{display:grid;grid-template-columns:24px minmax(0,1fr) 35px 84px;align-items:center;gap:5px;text-align:left}.multiplayer-room-columns{background:#284d29;color:#bacdb2;padding:4px 6px;border-bottom:1px solid #699162;font-size:10px}.multiplayer-dialog .multiplayer-room{width:100%;margin:0;border:0;border-bottom:1px solid #29482b;background:#001206;min-height:42px;padding:6px;font-size:10px}.multiplayer-room strong{font-weight:400;color:#dce3d0;font-size:11px}.multiplayer-dialog .multiplayer-room:hover{background:#153b13}.multiplayer-dialog .multiplayer-room[aria-pressed=true]{background:#164419;color:#0f0;box-shadow:inset 0 0 0 1px #64a847}
.multiplayer-room-details{margin-top:12px;padding:8px;border:1px solid #355330;background:#061708;text-align:center}.multiplayer-map-preview{display:block;width:100%;height:159px;object-fit:cover;margin:0 auto 7px;border:1px solid #53714d}.multiplayer-map-preview[hidden]{display:none}.multiplayer-room-details>strong{font-size:13px;font-weight:400;color:#0f0}.multiplayer-room-details>p{font-size:10px;color:#b4bda9;margin:4px 0 8px}.multiplayer-seats{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.multiplayer-seats span{font:10px/25px Arial,sans-serif;color:#507252;border:1px solid #234e32;background:repeating-linear-gradient(0deg,#002214 0 7px,#18492c 8px)}.multiplayer-seats .occupied{background:#193d75;color:#d5e6ff;border-color:#4771b4}
.multiplayer-field{display:flex;flex-direction:column;gap:4px;min-width:0}.multiplayer-field>span{font-size:11px;color:#0f0}.multiplayer-dialog input,.multiplayer-dialog select{box-sizing:border-box;width:100%;min-height:28px;padding:4px 6px;background:#030b03;color:#e0e5d8;border:1px solid #67745d;border-radius:0;font:inherit;min-width:0}.multiplayer-loadout-panel>.multiplayer-field{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;margin-bottom:8px}
.multiplayer-equipment-panel{margin-top:8px;padding:6px;border:1px solid #345333;background:#001306}.multiplayer-equipment-panel>.multiplayer-field{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.multiplayer-equipment-panel select{width:auto;max-width:75%;font-size:11px;min-height:25px}
.multiplayer-character-cards{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:4px;max-height:162px;overflow:auto;margin-top:5px;padding:2px;scrollbar-width:thin;scrollbar-color:#427139 #001306}.multiplayer-dialog .multiplayer-character-card{min-width:0;padding:2px 1px;border:1px solid #315c32;background:#000c;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:79px}.multiplayer-character-card img{width:100%;height:54px;object-fit:contain;image-rendering:pixelated}.multiplayer-character-card span{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multiplayer-weapon-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px;max-height:124px;overflow:auto;margin-top:5px;padding:2px;scrollbar-width:thin;scrollbar-color:#427139 #001306}.multiplayer-dialog .multiplayer-weapon-card{min-width:0;padding:3px;border:1px solid #315c32;background:#000c;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:56px}.multiplayer-weapon-card img{width:100%;height:28px;object-fit:contain;image-rendering:pixelated}.multiplayer-weapon-card span{font-size:9px;text-align:center}.multiplayer-dialog :is(.multiplayer-character-card,.multiplayer-weapon-card)[aria-pressed=true]{border-color:#0f0;color:#0f0;background:#10330a;box-shadow:inset 0 0 0 1px #0c6718}.multiplayer-selection{white-space:pre-line;margin:7px 0 0;color:#d8ddc9;border-top:1px solid #404e37;padding:6px 0 0;font-size:10px}
.multiplayer-footer{margin-top:7px;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px;background:#303b28;border:2px ridge #707668}.multiplayer-footer .multiplayer-note{margin:0;color:#b4c5a2}.multiplayer-footer .multiplayer-primary{min-width:150px}
.multiplayer-results{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#000b;padding:16px;font:12px/1.5 Dotum,"돋움",Arial,sans-serif;color:#d4deca}.multiplayer-result-card{box-sizing:border-box;width:min(650px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#051207;border:16px solid transparent;border-image:url('./assets/ui/panel-frame.png') 16 fill stretch;padding:18px;text-align:center}.multiplayer-result-card h2{font-size:22px;color:#0f0;font-weight:400;margin:0}.multiplayer-result-room{color:#a4b597;margin:4px 0 20px}.multiplayer-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.multiplayer-place{background:#000;border:1px solid #4f6544;padding:12px 4px}.multiplayer-rank{display:block;color:#c9d1c2;font-size:20px;font-weight:400}.place-1 .multiplayer-rank{color:#ffe567}.place-2 .multiplayer-rank{color:#c3d2df}.place-3 .multiplayer-rank{color:#d9a576}.multiplayer-place>img{display:block;width:80%;height:100px;object-fit:contain;margin:8px auto;image-rendering:pixelated}.multiplayer-place h3{font-size:13px;color:#e4eddb;overflow-wrap:anywhere;margin:8px 0 4px}.multiplayer-place p{font-size:11px;color:#aabd9b;margin:0}.multiplayer-result-countdown{color:#0f0;margin:18px 0 12px}
@media(max-width:650px){.multiplayer-dialog{padding:6px;border-width:10px;font-size:11px}.multiplayer-heading{gap:8px}.multiplayer-logo{width:115px}.multiplayer-heading h2{font-size:12px}.multiplayer-form{grid-template-columns:1fr;gap:8px;padding:5px}.multiplayer-room-details{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:8px}.multiplayer-map-preview{grid-row:1/4;width:100px;height:86px;margin:0}.multiplayer-room-details>strong{font-size:12px}.multiplayer-room-details>p{font-size:9px}.multiplayer-room-panel>.multiplayer-note{font-size:9px;line-height:1.5}.multiplayer-character-cards{max-height:168px}.multiplayer-weapon-cards{max-height:124px}.multiplayer-footer{position:sticky;bottom:-6px;padding:5px}.multiplayer-footer .multiplayer-note{font-size:9px}.multiplayer-footer .multiplayer-primary{min-width:125px;font-size:11px}.multiplayer-podium{gap:4px}.multiplayer-result-card{padding:10px;border-width:10px}.multiplayer-place{padding:8px 3px}.multiplayer-place h3{font-size:11px}.multiplayer-place p{font-size:9px}.multiplayer-place>img{height:75px}}

#network-roster{position:absolute;top:65px;right:16px;width:max-content;max-width:230px;display:flex;flex-direction:column;gap:4px;padding:9px 11px;border:1px solid #36583e;background:#001609ad;color:#c3d9c7;font-size:10px;line-height:1.5;text-align:left;overflow-wrap:anywhere;pointer-events:none}#network-roster:empty{display:none}#network-roster>strong{font-size:11px;font-weight:400;color:#9affad;border-bottom:1px solid #36583e;margin-bottom:2px;padding-bottom:4px}#network-roster>span{display:block}@media(max-width:600px){#network-roster{top:57px;right:10px;max-width:min(180px,45vw);padding:6px 8px;gap:2px;font-size:9px}#network-roster>strong{font-size:10px}}
