html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a0a10;font-family:Verdana,Segoe UI,sans-serif;color:#eee;user-select:none;touch-action:pan-x pan-y}#app{width:100%;height:100%}canvas{display:block;touch-action:none}#overlay{position:absolute;inset:0;z-index:20;--col: min(430px, 92vw);display:flex;flex-direction:column;text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#06060c59;overflow:hidden}#overlay,#overlay *,#overlay *:before,#overlay *:after{box-sizing:border-box}#overlay.hidden{display:none}#overlay h1{margin:0;font-size:42px;letter-spacing:4px;font-weight:800;color:#ffd23c;text-shadow:0 0 18px rgba(255,180,40,.55),2px 2px 0 #000;font-style:italic}#overlay h2{margin:0;font-size:15px;color:#9fb4ff;letter-spacing:2px;font-weight:600}#overlay .panel{background:#080c17b3;border:1px solid #2b3757;border-radius:2px;padding:12px 14px;line-height:1.8;font-size:13px;text-align:left}#overlay kbd{background:#2a2a36;border:1px solid #555;border-bottom-width:2px;border-radius:4px;padding:1px 7px;font-size:12px;margin:0 2px}#overlay button{font:inherit;font-weight:800;letter-spacing:2px;font-size:13px;color:#9fb4ff;background:#0c1120e0;border:1px solid #2b3757;border-radius:2px;padding:9px 18px;cursor:pointer}#overlay button:hover{border-color:#6f83c9;color:#cdd8ff}#overlay button:disabled{filter:grayscale(1) brightness(.6);cursor:default}#overlay .goBtn{font-size:17px;letter-spacing:3px;color:#06210b;background:linear-gradient(#7ce065,#2f9d3a);border:2px solid #bcffa8;padding:12px 26px;box-shadow:0 0 18px #36c94a73}#overlay .goBtn:hover{filter:brightness(1.08);border-color:#d8ffcc;color:#06210b}#overlay .goBtn:disabled{background:linear-gradient(#28304a,#1a2033);color:#6b7590;border-color:#2b3757;box-shadow:none;filter:none}#overlay .goBtn.slim{font-size:11px;letter-spacing:2px;padding:7px 14px;box-shadow:none}#overlay .sub{color:#8a92ad;font-size:11px;letter-spacing:1px}#hud{position:absolute;inset:0;pointer-events:none;z-index:10;display:none}#hud.active{display:block}#hud.active:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 78% 68% at 50% 52%,#0000 55%,#04050a6b 88%,#04050aad)}#crosshair{position:absolute;left:50%;top:46%;width:26px;height:26px;transform:translate(-50%,-50%);opacity:.9}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#7cff6b;box-shadow:0 0 4px #000}#crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#hpWrap{position:absolute;left:18px;bottom:90px;width:22px;height:220px;background:#0000008c;border:2px solid #cfc9a8;border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}#hpFill{width:100%;height:100%;background:linear-gradient(#d8ffb0,#7bd34a 60%,#4e9a2c);transition:height .15s}#hpWrap .cap{position:absolute;top:3px;left:3px;right:3px;height:14px;background:#7a2020;border-radius:2px}#ammoBar{position:absolute;left:16px;bottom:18px;display:flex;gap:34px;align-items:center;font-weight:800;font-size:26px;color:#f7f7f7;text-shadow:2px 2px 0 #000,0 0 8px rgba(0,0,0,.8)}#ammoBar .slot{display:flex;align-items:center;gap:10px}#ammoBar .ico{font-size:30px;filter:drop-shadow(2px 2px 0 #000)}#ammoBar .salv{color:#ffd23c}#ammoBar .key{font-size:13px;font-weight:700;line-height:1;color:#8a97b6;border:1px solid #4a5578;border-radius:4px;padding:3px 6px;text-shadow:none}#ammoBar .slot.active .key{color:#101820;background:#ffd23c;border-color:#ffd23c}#ammoBar .cost{font-size:14px;color:#ffd23c;align-self:flex-end}#ammoBar .slot.dim{opacity:.4}@media(max-width:900px){#ammoBar{gap:18px;font-size:20px}#ammoBar .ico{font-size:22px}}@media(pointer:coarse){#ammoBar .key{display:none}}.baseBar{position:absolute;top:max(14px,env(safe-area-inset-top));width:min(260px,calc(50% - 24px));font-size:11px;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 0 #000}#baseBlue{left:max(16px,env(safe-area-inset-left));color:#9fc4ff}#baseRed{right:max(16px,env(safe-area-inset-right));color:#ff9f9f;text-align:right}.baseBar .track{margin-top:4px;height:12px;background:#0009;border:1px solid #888;border-radius:3px;overflow:hidden}#baseBlue .fill{height:100%;width:100%;background:linear-gradient(90deg,#3d7bff,#7db5ff)}#baseRed .fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4a3d,#ff9a7d);float:right}#ctfBar{position:absolute;left:50%;transform:translate(-50%);top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;gap:14px;padding:5px 14px;border-radius:6px;background:#080a108c;border:1px solid rgba(74,85,120,.6);font-size:12px;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 0 #000;white-space:nowrap}#ctfBar.off{display:none}#ctfBar .side{display:flex;align-items:center;gap:8px;color:#9fc4ff}#ctfBar .side.right{color:#ff9f9f}#ctfBar b{font-size:22px;letter-spacing:0}#ctfBar .mid{color:#6a7594;font-size:10px}#ctfBar .st.taken{color:#ff5040;animation:ctfPulse .8s infinite alternate}#ctfBar .st.dropped{color:#ffd23c}@keyframes ctfPulse{0%{opacity:.45}to{opacity:1}}@media(max-width:700px){#ctfBar{gap:8px;padding:3px 8px;font-size:10px;letter-spacing:1px}#ctfBar b{font-size:16px}#ctfBar .mid{display:none}}#minimap{position:absolute;left:50%;transform:translate(-50%);bottom:max(18px,env(safe-area-inset-bottom));height:min(204px,38vh);width:auto;background:#080a104d;border:1px solid rgba(74,85,120,.6);border-radius:6px}body.touch #minimap{display:none}body.touch #buildHint{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 64px)}#msg{position:absolute;left:50%;top:24%;transform:translate(-50%);font-size:34px;font-weight:800;letter-spacing:4px;font-style:italic;color:#ffd23c;text-shadow:2px 2px 0 #000,0 0 20px rgba(255,170,0,.5);opacity:0;transition:opacity .25s;white-space:nowrap}#buildHint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(max(18px,env(safe-area-inset-bottom)) + min(204px,38vh) + 14px);background:#0a1e0ccc;border:1px solid #4cbf4c;border-radius:6px;padding:8px 18px;font-size:13px;color:#b8ffb8;letter-spacing:1px;display:none;text-align:center}#buildHint.bad{border-color:#cf4c3c;color:#ffb8a8;background:#280c08cc}#respawn{position:absolute;left:50%;top:42%;transform:translate(-50%);font-size:22px;font-weight:700;letter-spacing:3px;color:#ff6a5a;text-shadow:2px 2px 0 #000;display:none}@media(max-width:700px){#minimap{display:none}#buildHint{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 64px)}#msg{font-size:22px;letter-spacing:3px;white-space:normal;width:90vw;text-align:center}#ammoBar{left:12px;right:12px;gap:10px;justify-content:space-between;font-size:18px;bottom:max(14px,env(safe-area-inset-bottom))}#ammoBar .ico{font-size:20px}}#touchControls{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:16px;pointer-events:auto}body.touch #touchControls{display:flex}#touchControls button{width:76px;height:76px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:inherit;font-size:32px;line-height:1;color:#eee;background:#0e1220b8;border:2px solid #4a5578;box-shadow:0 0 10px #0009;-webkit-tap-highlight-color:transparent;touch-action:none}#touchControls button:active{background:#3c4a78d9;border-color:#8ab4ff}#touchControls .cost{font-size:11px;color:#ffd23c;margin-top:2px}#btnView{width:58px;height:58px;font-size:24px;align-self:flex-end}#btnView .lbl{font-size:9px;letter-spacing:1px;color:#8ab4ff;margin-top:2px}@media(max-height:560px){#touchControls{gap:10px}#touchControls button{width:62px;height:62px;font-size:26px}#btnView{width:48px;height:48px;font-size:20px}#btnView .lbl{display:none}}#joystick{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid #4a5578;background:#0e122066;transform:translate(-50%,-50%);display:none}#joystick.on{display:block}#joyKnob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#7896ff59;border:2px solid #8ab4ff;transform:translate(-50%,-50%)}#joystick.run{border-color:#b08a2e}#joystick.run #joyKnob{background:#ffd23c66;border-color:#ffd23c;box-shadow:0 0 12px #ffd23c80}.turretIco{width:1em;height:1em;display:inline-block;vertical-align:-.1em}#overlay .screen{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}#overlay .screen.hidden{display:none}.navBar{grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;background:#080c17e6;border-bottom:1px solid #2b3757}.navTitle{font-size:15px;font-weight:800;letter-spacing:3px;color:#cdd8ff}#overlay .navBack{position:absolute;left:12px;width:38px;height:32px;padding:0;font-size:15px;line-height:1}.screenScroll{grid-row:2;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3a4468 transparent;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px}.screenScroll:before,.screenScroll:after{content:"";flex:1 0 0}.screenFoot{grid-row:3;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px 12px;background:linear-gradient(#05070f00,#05070feb 40%)}.screenFoot:not(:has(>:not(.mpHidden))){display:none}.screenScroll>*,.screenFoot>*{width:var(--col)}#editScreen{--col: min(1000px, 94vw)}.card{display:flex;flex-direction:column;text-align:left;background:#0c1120e0;border:1px solid #2b3757;border-top-color:#56659c;border-left-color:#4a5788;border-radius:2px;box-shadow:inset 0 0 0 1px #080a1480}.cardHead{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;background:#161d33f2;border-bottom:1px solid #2b3757;font-size:11px;font-weight:800;letter-spacing:2px;color:#cdd8ff}.cardHead .ico{font-size:12px}.cardHead .note{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:1px;color:#8a92ad}.cardBody{display:flex;flex-direction:column;gap:8px;padding:10px;min-width:0}.cardBody .cardNote{font-size:9px;font-weight:700;letter-spacing:1px;color:#8a92ad;text-align:center}.cardBody.roomHead{flex-direction:row;align-items:center;gap:10px}#mpRoomName{flex:1;font-size:15px;font-weight:800;letter-spacing:2px;color:#ffd23c}#overlay .pick{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;font-size:13px;letter-spacing:2px;background:#080c17d9;border:1px solid #3a4468}#overlay .pick:hover{border-color:#6f83c9}#overlay .pick.on{border-color:#3d7bff;box-shadow:0 0 12px #3d7bff66}.pick .ico{flex:none;width:38px;height:38px;font-size:17px;display:flex;align-items:center;justify-content:center;border:1px solid}.pick .ico.blue{color:#5b9dff;background:#5b9dff24;border-color:#5b9dff80}.pick .ico.red{color:#ff6a55;background:#ff6a5524;border-color:#ff6a5580}.pick .ico.gold{color:#ffd23c;background:#ffd23c24;border-color:#ffd23c80}.pick .ico.green{color:#7ce065;background:#7ce06524;border-color:#7ce06580}.pick .ico.steel{color:#9fb4ff;background:#9fb4ff1f;border-color:#9fb4ff73}.pick .info{display:flex;flex-direction:column;gap:3px;min-width:0}.pick .t{font-size:13px;font-weight:800;letter-spacing:2px;color:#9fb4ff}.pick.on .t{color:#cdd8ff}.pick .d{font-size:10px;font-weight:600;letter-spacing:1px;color:#8a92ad;white-space:normal;line-height:1.4}.pick .go{margin-left:auto;font-size:16px;color:#9fb4ff}.check{flex:none;margin-left:auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;background:#00000047;border:1px solid #3a4468}.pick.on .check,.mpTeam.on .check{color:#101427;background:#6f9bff;border-color:#6f9bff}#modeScreen .pick{width:var(--col);padding:10px}#resultCard{align-items:center;gap:4px;padding:16px 14px;text-align:center}.heroRow{display:flex;gap:6px;align-items:stretch}#overlay .stepTall{flex:none;width:32px;padding:0;font-size:15px}.hero{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;background:#080c17d9;border:2px solid #6f9bff;box-shadow:0 0 12px #3d7bff66}#overlay button.hero{padding:0}#overlay button.hero:hover{border-color:#a8c4ff}.heroThumb{height:130px;display:flex;align-items:center;justify-content:center;background:#04060d;overflow:hidden;padding:2px}.thumb{image-rendering:pixelated;width:100%;height:100%;object-fit:contain}.heroThumb.empty:after{content:"🗺";font-size:24px;opacity:.3}.heroCap{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 10px;background:#0a0f1ceb}.heroCap .t{font-size:15px;font-weight:800;letter-spacing:2px;color:#ffe27a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.heroCap .m{font-size:9px;font-weight:800;letter-spacing:1px;color:#9fb4ff}.heroCap .d{font-size:10px;font-weight:400;letter-spacing:normal;color:#8a92ad;text-align:center;line-height:1.4}.thumbBox{flex:none;width:32px;height:40px;display:flex;align-items:center;justify-content:center;background:#04060d;border:1px solid #3a4468;overflow:hidden}.thumbBox.empty:after{content:"🗺";font-size:12px;opacity:.35}#overlay.level{background:#06060c1a}#levelScreen.loading{visibility:hidden}.menuList{--optH: 42px;display:flex;flex-direction:column;gap:6px;width:100%}.opt{display:flex;gap:6px;height:var(--optH)}.opt.tall{height:auto}#overlay .opt button{font:inherit;font-size:13px;font-weight:700;letter-spacing:2px;color:#9fb4ff;background:#141828d9;border:1px solid #3a4468;border-top-color:#56659c;border-left-color:#4a5788;border-radius:2px;box-shadow:inset 0 0 0 1px #080a1480;padding:0 14px;height:100%}#overlay .opt .step{flex:none;width:40px;padding:0;font-size:15px;line-height:1}#overlay .opt .main{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.opt .main .k{flex:none;color:#8a92ad;font-size:12px}.opt .main .v{color:#ffd23c;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#overlay .opt button:hover{border-color:#6f83c9;color:#cdd8ff;filter:none}#overlay .opt button.hero{padding:0;height:auto;background:#080c17d9;border:2px solid #6f9bff;box-shadow:0 0 12px #3d7bff66;align-items:stretch;justify-content:flex-start;gap:0}#overlay .opt button.hero:hover{border-color:#a8c4ff}#overlay .opt button.hero:focus{background:#080c17d9;border-color:#ffe9a8;box-shadow:0 0 16px #f5c85a80}#overlay .pick:disabled{filter:none}#overlay .pick.dimmed{opacity:.45}#overlay .screen button:focus,#overlay .screen select:focus{outline:2px solid #ffe9a8;outline-offset:2px}#overlay .opt .main:focus,#overlay .opt .step:focus{outline:none;color:#101427;background:linear-gradient(#ffe9a8,#f3c04a);border-color:#fff2c0;box-shadow:0 0 14px #f5c85a80}#overlay .opt .main:focus .k{color:#4a3c10}#overlay .opt .main:focus .v{color:#17120a}#overlay .opt .main:focus .k:before{content:"▸ ";color:#17120a}#overlay button.ghost{padding:8px 18px;font-size:12px}.mapList{display:flex;flex-direction:column;gap:6px;width:100%}.mapList button{flex:none}#overlay .mapList button{display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:800;letter-spacing:2px;color:#cdd8ff;background:#080c17d9;border:1px solid #3a4468;border-radius:2px;padding:8px}#overlay .mapList button:hover{border-color:#6f83c9}#overlay .mapList button.selected{border-color:#ffd23c;box-shadow:0 0 12px #ffd23c4d}.mapList button.selected .title{color:#ffd23c}.mapList button.selected .check{color:#101427;background:#ffd23c;border-color:#ffd23c}.mapList .info{display:flex;flex-direction:column;gap:3px;min-width:0}.mapList .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapList .desc{font-size:10px;font-weight:400;letter-spacing:normal;color:#8a92ad;line-height:1.4}#editScreen .screenScroll{gap:10px}#editScreen .screenFoot{--col: min(560px, 92vw)}#edPalette{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}#overlay #edPalette button{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:1px;color:#cdd8ff;background:#141828d9;border:1px solid #3a4468;border-radius:6px;padding:6px 10px;box-shadow:none}#overlay #edPalette button.selected{border-color:#ffd23c;color:#ffd23c;box-shadow:0 0 12px #ffd23c4d}.edSwatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.5)}#edCanvasWrap{display:flex;align-items:center;justify-content:center;height:min(52vh,520px);background:#0a0c1499;border:1px solid #3a4468;border-radius:8px}#edCanvas{touch-action:none;cursor:crosshair;image-rendering:pixelated}#edBar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;font-size:11px;letter-spacing:2px;color:#8a92ad}#edBar input{font:inherit;font-size:12px;font-weight:700;letter-spacing:1px;color:#cdd8ff;background:#141828d9;border:1px solid #3a4468;border-radius:6px;padding:6px 10px;outline:none;width:150px;user-select:text}#edBar input:focus{border-color:#6f83c9}#edSize b{color:#cdd8ff;font-size:13px;padding:0 6px}#overlay #edSize button{font-size:13px;font-weight:700;color:#9fb4ff;background:#141828d9;border:1px solid #3a4468;border-radius:5px;padding:2px 9px;box-shadow:none}#edLoad{font:inherit;font-size:12px;letter-spacing:1px;padding:6px 8px;border-radius:6px;background:#141828e6;border:1px solid #3a4468;color:#cdd8ff;cursor:pointer;max-width:min(260px,40vw)}#edMsg{font-size:12px;letter-spacing:1px;color:#8fd0ff;min-height:1.2em;text-align:center}#edMsg.bad{color:#ff8a7a}#edBtns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#overlay #edPlay{font-size:15px;letter-spacing:3px;padding:10px 28px}#overlay #edBtns button.ghost:disabled{filter:grayscale(1) brightness(.6);cursor:default}.mpHidden{display:none!important}#mpStatus{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8a92ad;text-align:center}#mpNameInput{font:inherit;font-size:15px;font-weight:800;letter-spacing:2px;color:#ffe27a;background:#080c17d9;border:1px solid #3a4468;border-radius:2px;padding:11px 12px;outline:none;width:100%;text-transform:uppercase;user-select:text}#mpNameInput:focus{border-color:#6f83c9}.nameRow{display:flex;gap:8px;align-items:stretch}.nameRow #mpNameInput{flex:1}.nameRow #mpNameDice{flex:none;font-size:16px;padding:8px 12px}.nameRow #mpNameGo{flex:none;white-space:nowrap}#mpList{display:flex;flex-direction:column;gap:8px;max-height:30vh;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3a4468 transparent}.mpRow{display:flex;align-items:center;gap:10px;flex:none;background:#080c17d9;border:1px solid #3a4468;border-radius:2px;padding:8px 12px}.mpRow .name{flex:1;text-align:left;font-size:12px;font-weight:800;letter-spacing:2px;color:#cdd8ff}.mpRow .st{font-size:10px;letter-spacing:1px;color:#8a92ad}#mpBanner{display:flex;align-items:center;gap:10px;background:#282008eb;border:1px solid #ffd23c;border-radius:2px;padding:10px 12px;font-size:11px;font-weight:800;letter-spacing:1px;color:#ffe8a0}#matchInfo{line-height:1.5}#matchInfo .sub{font-size:10px;font-weight:700;letter-spacing:1px;color:#8a92ad;text-align:center}#mpRoomList{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto;padding-right:4px;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3a4468 transparent}#overlay .roomRow{display:flex;align-items:center;gap:10px;flex:none;width:100%;text-align:left;background:#080c17d9;border:1px solid #3a4468;padding:8px}#overlay .roomRow:hover{border-color:#6f83c9}.roomRow .info{display:flex;flex-direction:column;gap:4px;min-width:0}.roomRow .name{font-size:12px;font-weight:800;letter-spacing:2px;color:#cdd8ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomRow .meta{font-size:9px;font-weight:700;letter-spacing:1px;color:#8a92ad}.roomRow .count{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:1px;color:#ffe27a}.roomRow.full .count{color:#55617a}.roomRow .go{font-size:15px;color:#9fb4ff}#mpRoomBar{display:flex;flex-direction:column;align-items:stretch;gap:12px}#mpMapSelect{font:inherit;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px;border-radius:2px;cursor:pointer;width:100%;background:#080c17e6;border:1px solid #3a4468;color:#cdd8ff}#mpMapSelect:focus{outline:2px solid #ffe9a8;outline-offset:2px}.cardBody.teams{flex-direction:row;gap:8px;align-items:stretch}#overlay .mpTeam{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:8px;text-align:left;background:#14264d80;border:1px solid #3a5f9f}#overlay .mpTeam.red{background:#3a171280;border-color:#9f4a3a}#overlay .mpTeam.on{box-shadow:0 0 12px #8fb7ff73;border-width:2px}#overlay .mpTeam.red.on{box-shadow:0 0 12px #ff9a8a73}.mpTeam .tHead{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1.5px;font-weight:800;color:#8fb7ff}.mpTeam.red .tHead{color:#ff9a8a}.mpTeam.red.on .check{background:#ff9a8a;border-color:#ff9a8a}.mpTeam .tCount{font-size:9px;font-weight:800;letter-spacing:1px;color:#8a92ad}.mpTeam .tList{display:flex;flex-direction:column;gap:3px}.tSlot{font-size:11px;letter-spacing:1px;text-align:left;padding:4px 6px;color:#cdd8ff;background:#3d7bff29;border:1px solid rgba(58,95,159,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpTeam.red .tSlot{background:#ff4a3d24;border-color:#9f4a3acc}.tSlot.me{font-weight:800;color:#ffd23c}.tSlot.empty{background:transparent;color:#55617a;border:1px dashed #33405f}.mpTeam .tAct{margin-top:auto;text-align:center;padding:7px 4px;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#8fb7ff;background:#14264de6;border:1px solid #3a5f9f}.mpTeam.red .tAct{color:#ff9a8a;background:#3a1712e6;border-color:#9f4a3a}.mpTeam.on .tAct{color:#101427;background:#8fb7ff;border-color:#8fb7ff}.mpTeam.red.on .tAct{color:#101427;background:#ff9a8a;border-color:#ff9a8a}.mrTeam{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:8px;background:#14264d80;border:1px solid #3a5f9f}.mrTeam.red{background:#3a171280;border-color:#9f4a3a}.mrTeam>b{font-size:11px;letter-spacing:1.5px;color:#8fb7ff}.mrTeam.red>b{color:#ff9a8a}.mrName{font-size:12px;font-weight:800;letter-spacing:1px;color:#cdd8ff}.mrName.me{color:#ffd23c}.mrName.gone{color:#55617a;text-decoration:line-through}@media(max-width:700px),(max-height:700px){#overlay h1{font-size:28px;letter-spacing:3px}#overlay h2{font-size:13px}#overlay .panel{padding:10px 12px;font-size:11px;line-height:1.7}.screenScroll,#mpRoomBar{gap:10px}.navBar{min-height:40px}#overlay .goBtn{font-size:15px;padding:11px 20px}.menuList{--optH: 36px;gap:5px}#overlay .opt button{font-size:12px;letter-spacing:1px;padding:0 10px}#overlay .opt .step{width:34px}.opt .main .k{font-size:11px}.heroThumb{height:104px}.pick .ico{width:32px;height:32px;font-size:15px}#modeScreen .pick{padding:8px}}@media(max-width:400px){.cardBody.teams{flex-direction:column}}body.team-red #baseBlue{color:#ff9f9f}body.team-red #baseRed{color:#9fc4ff}body.team-red #baseBlue .fill{background:linear-gradient(90deg,#ff4a3d,#ff9a7d)}body.team-red #baseRed .fill{background:linear-gradient(90deg,#3d7bff,#7db5ff)}#errOverlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:#06060ce6}#errOverlay h1{margin:0;font-size:26px;letter-spacing:3px;font-weight:800;font-style:italic;color:#ff8a7a;text-shadow:0 0 18px rgba(255,80,64,.45),2px 2px 0 #000}#errOverlay .errHint{margin:0;max-width:560px;line-height:1.7;font-size:14px;color:#cdd6ee}#errOverlay .errDetail{margin:0;max-width:min(720px,90vw);max-height:30vh;overflow:auto;background:#141828d9;border:1px solid #3a4468;border-radius:10px;padding:14px 18px;font:12px/1.6 ui-monospace,Menlo,Consolas,monospace;color:#9fb4ff;text-align:left;white-space:pre-wrap;word-break:break-word;user-select:text}#errOverlay .errMore{font-size:12px;color:#8a92ad;min-height:1em}#errOverlay .errBtns{display:flex;gap:12px}#errOverlay button{font:inherit;font-weight:800;letter-spacing:3px;font-size:14px;color:#111;background:linear-gradient(#ffe27a,#f5a623);border:2px solid #fff2c0;border-radius:8px;padding:10px 26px;cursor:pointer;box-shadow:0 0 22px #f5a62359}#errOverlay button.ghost{color:#cdd6ee;background:#141828cc;border-color:#3f4c74;box-shadow:none}#errOverlay button:hover{filter:brightness(1.1)}