/* Original 800x600 art, with working local-room controls. */ :root {--botzin-selection-blue:#8fd9f4;} #gameFrontend { position:fixed; inset:0; z-index:30; background:#000a; color:#041a2b; font:12px Arial,sans-serif; } #gameFrontend[hidden],#gameFrontend [hidden] { display:none!important; } #frontStage { width:800px;height:600px;position:absolute;transform-origin:top left;background:#080a0b; } #gameFrontend button,#gameFrontend input,#gameFrontend select { font:12px Arial,sans-serif;box-sizing:border-box; } #gameFrontend button { cursor:pointer;color:#10171d;border:1px solid #737780;border-radius:0;background:linear-gradient(#fafbfc,#b8b9c0);padding:5px 10px; } #gameFrontend button:disabled { opacity:.5;cursor:default; } #gameFrontend button:focus-visible,#gameFrontend input:focus-visible,#gameFrontend select:focus-visible { outline:2px solid var(--botzin-selection-blue);outline-offset:1px; } #gameFrontend input,#gameFrontend select { color:#051e31;border:1px solid #08649b;background:#30afdf;min-height:22px;padding:2px 5px; } #frontHeader { position:absolute;inset:0 0 auto;height:150px;background:url(menu/common/bg_menu_up.png) no-repeat; } #frontHeader .profile { position:absolute;left:24px;top:72px;font-size:10px; } #frontHeader .news { position:absolute;left:482px;top:34px;width:294px;line-height:1.5; } #frontNav { position:absolute;left:375px;top:116px;right:5px;display:flex;height:22px; } #frontNav button {flex:1;border:none;background:none;padding:0;font-weight:bold;} .frontScreen {position:absolute;left:0;top:158px;width:800px;height:442px;} #frontLevels {background:url(menu/main_menu/bg_menu_main.png);} #frontLevels button {position:absolute;top:8px;width:191px;height:422px;background-size:100% 100%;padding:0;border:0;} #frontLevels button:nth-child(1){left:18px;background-image:url(menu/main_menu/b07_n.png);} #frontLevels button:nth-child(2){left:210px;background-image:url(menu/main_menu/b08_n.png);} #frontLevels button:nth-child(3){left:402px;background-image:url(menu/main_menu/b09_n.png);} #frontLevels button:nth-child(4){left:594px;background-image:url(menu/main_menu/b10_n.png);} #frontLevels button:nth-child(1):hover{background-image:url(menu/main_menu/b07_h.png);} #frontLevels button:nth-child(2):hover{background-image:url(menu/main_menu/b08_h.png);} #frontLevels button:nth-child(3):hover{background-image:url(menu/main_menu/b09_h.png);} #frontLevels button:nth-child(4):hover{background-image:url(menu/main_menu/b10_h.png);} #frontServers {background:url(menu/serverlist/bg_serverlist.png) 0 0/800px 442px;} .serverIntro {position:absolute;left:24px;top:16px;background:#0594d6;border:1px solid #135377;width:750px;padding:14px;box-sizing:border-box;} .frontFooter {position:absolute;bottom:6px;right:17px;display:flex;gap:2px;} #frontServers .frontFooter{bottom:122px;} #frontLobby {background:url(menu/lobby/bg_lobby.png);} #roomBot {position:absolute;left:62px;top:11px;width:140px;height:18px;min-height:18px;font-size:10px;} #roomPortrait {position:absolute;left:31px;top:39px;width:160px;height:140px;object-fit:contain;} #roomWeapons {position:absolute;left:226px;top:23px;width:157px;display:grid;gap:12px;} .roomWeapon {display:flex;align-items:center;gap:7px;background:#0697df;border:2px solid #697384;padding:8px 3px;font-size:10px;} .roomWeapon img{width:55px;height:40px;object-fit:contain;} #roomTitle {position:absolute;left:445px;top:13px;width:338px;text-align:center;font-weight:bold;} #roomRed {position:absolute;left:448px;top:65px;width:155px;} #roomWhite {position:absolute;left:620px;top:58px;width:163px;line-height:1.9;} #roomWind{position:absolute;left:112px;top:254px;min-height:0;} #roomBots{position:absolute;left:112px;top:271px;width:40px;height:17px;min-height:17px;font-size:10px;padding:0;} #roomTime{position:absolute;left:112px;top:291px;width:40px;height:17px;min-height:17px;font-size:10px;padding:0;} #gameFrontend #roomTime,#gameFrontend #roomBots {font-size:10px;appearance:none;text-align:center;padding:0;} #roomPortrait {object-fit:scale-down;image-rendering:pixelated;} #roomMapPreview{position:absolute;left:185px;top:242px;width:226px;height:36px;object-fit:cover;} #roomMap{position:absolute;left:225px;top:290px;width:182px;height:20px;min-height:20px;padding:0;font-size:10px;} #roomActions {position:absolute;left:439px;right:7px;top:288px;display:flex;} #roomActions button {flex:1;height:24px;font-size:10px;padding:0;} #frontOptions {background:url(menu/options/bg_options.png) 0 0 no-repeat;} #optionTabs{position:absolute;left:427px;top:36px;display:flex;right:10px;height:20px;} #optionTabs button{flex:1;background:none;border:0;padding:0;font-weight:bold;} .optionsBody{position:absolute;top:72px;left:0;width:800px;height:370px;background:url(menu/options/bg_audio.png);} .optionField{position:absolute;left:430px;width:300px;height:22px;} #optionAudioState{top:68px;width:160px;} #optionMaster{top:126px;}#optionMusic{top:155px;}#optionEffects{top:185px;} #optionSoundHint{position:absolute;left:250px;top:237px;width:490px;} #videoOptions{background-image:url(menu/options/bg_video.png);} #videoOptions output{position:absolute;left:434px;font-size:12px;} #optionFullscreen{position:absolute;left:430px;top:214px;min-height:0;} #optionBrightness{top:184px;} #keyOptions{background:linear-gradient(110deg,#8c909b 0 27%,#0696df 28%);border:4px ridge #9ba1b3;box-sizing:border-box;} #keyOptions dl{margin:35px 45px 0 250px;display:grid;grid-template-columns:145px 1fr;gap:18px 12px;} #keyOptions dt{font-weight:bold;}#keyOptions dd{margin:0;} #frontOptions .frontFooter{bottom:7px;} #frontCreate {position:absolute;left:200px;top:248px;width:400px;height:150px;background:url(menu/common/popup/bg_creategame.png);box-shadow:0 10px 40px #0007;z-index:2;} #frontCreate label{position:absolute;left:60px;top:35px;right:28px;}#frontCreate input{width:100%;height:25px;} #frontCreate p{position:absolute;left:62px;top:68px;font-size:11px;} #frontCreate .frontFooter{bottom:8px;right:20px;} #frontEscape{position:absolute;width:551px;height:99px;left:125px;top:250px;background:url(menu/common/popup/bg_esc.png);} #frontEscape .escapeTitle{position:absolute;left:100px;top:20px;font-weight:bold;} #frontEscape nav{position:absolute;left:83px;right:8px;top:70px;display:flex;height:21px;} #frontEscape button{flex:1;background:none;border:0;padding:0;font-size:10px;} #gameFrontend[data-screen=escape] #frontStage {background:transparent;} body.frontend-open #play,body.frontend-open #fps {visibility:hidden;} /* Original avatar/inventory panels, drawn at their 800x600 design coordinates. */ #frontHeader .profile {white-space:pre-line;line-height:1.5;} #roomPortrait {left:17px;top:36px;width:195px;height:145px;background:#000;touch-action:none;image-rendering:auto;} #roomWeapons {left:220px;top:12px;width:190px;height:198px;overflow:auto;display:flex;flex-direction:column;gap:3px;} #gameFrontend .roomWeapon {min-height:49px;flex-shrink:0;display:grid;grid-template-columns:54px 1fr;gap:1px 4px;text-align:left;padding:2px;background:#059bdf;opacity:1;} .roomWeapon img {grid-row:1/4;width:52px;height:43px;background:black;} .roomWeapon strong {font-size:8px;overflow:hidden;}.roomWeapon strong canvas {max-width:125px;object-fit:contain;object-position:left;} .roomWeapon span,.roomWeapon small {font-size:7px;white-space:pre-line;} #gameFrontend .roomWeapon[aria-pressed=true] {background:var(--botzin-selection-blue);} #roomCargo {position:absolute;left:18px;top:189px;width:195px;height:25px;line-height:1.2;font-size:8px;} #frontAvatar {background:url(menu/avatar/bg_avatar.png) no-repeat;} #shopTabs {position:absolute;left:14px;top:24px;width:512px;display:flex;height:22px;} #shopTabs button {flex:1;padding:1px;font-size:10px;} #shopTabs button[aria-pressed=true] {color:#0000b8;background:linear-gradient(#e9edfb,#62677a);} #shopItems {position:absolute;left:17px;top:72px;width:503px;height:153px;display:flex;overflow:auto;gap:5px;} #gameFrontend .shopCard {position:relative;flex:0 0 163px;height:145px;display:grid;grid-template-columns:98px 1fr;grid-template-rows:79px 22px 25px 12px;text-align:left;padding:3px;background:#008fce;border:3px ridge #abb7cd;} .shopCard img {width:98px;height:77px;object-fit:contain;background:#000;grid-column:1;} .shopCard strong {grid-column:1/3;text-align:center;font-size:9px;overflow:hidden;} .shopCard strong canvas {max-width:150px;object-fit:contain;} .shopCard span {font-size:8px;grid-column:1/3;white-space:pre-line;}.shopCard small {grid-column:1/3;font-size:8px;} #gameFrontend .shopCard[aria-pressed=true],#gameFrontend .inventoryCard[aria-pressed=true] {background:var(--botzin-selection-blue);} #shopBuy {position:absolute;left:395px;top:239px;width:97px;height:22px;padding:1px;} #avatarPortrait {position:absolute;left:573px;top:40px;width:210px;height:189px;background:black;touch-action:none;} #avatarModel {position:absolute;left:576px;top:235px;width:205px;height:20px;min-height:20px;font-size:10px;} #playerInventory {position:absolute;left:17px;top:303px;width:503px;height:104px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:52px;overflow:auto;gap:3px;} #gameFrontend .inventoryCard {display:grid;grid-template-columns:68px 1fr;grid-template-rows:17px 17px 12px;gap:0 3px;padding:2px;background:#039cde;border:2px ridge #acb6ca;text-align:left;} .inventoryCard img {grid-row:1/4;width:66px;height:44px;object-fit:contain;background:#000;} .inventoryCard strong {font-size:8px;overflow:hidden;}.inventoryCard strong canvas {max-width:155px;object-fit:contain;object-position:left;} .inventoryCard span {font-size:7px;white-space:pre-line;}.inventoryCard small {font-size:7px;} #shopSell {position:absolute;left:392px;top:416px;width:130px;height:22px;padding:1px;} #avatarPoints {position:absolute;left:573px;top:281px;width:210px;height:119px;} #avatarPoints>div {font-size:11px;font-weight:bold;height:26px;} #availablePoints {float:right;} #avatarPoints label {display:grid;grid-template-columns:39px 17px 80px 17px 24px 28px;align-items:center;gap:1px;height:21px;font-size:8px;} #avatarPoints button {padding:0;height:17px;line-height:12px;} #avatarPoints meter {width:80px;height:16px;} #avatarPoints output {text-align:right;} #avatarActions {position:absolute;left:644px;top:416px;width:140px;display:flex;} #avatarActions button {flex:1;height:22px;padding:1px;} #profileNotice {position:absolute;left:20px;top:264px;width:505px;font-size:9px;line-height:1.2;margin:0;} #frontScreenTest {position:absolute;left:0;top:225px;width:800px;height:150px;background:url(menu/common/popup/bg_loading.png) no-repeat;z-index:4;box-shadow:0 12px 45px #0009;} #testScreenTitle {position:absolute;left:39px;top:14px;} #testScreenClose {position:absolute;right:15px;top:10px;width:20px;height:20px;padding:0;} #screenTestBar {position:absolute;left:40px;top:47px;width:711px;height:45px;background:#19b9d9;overflow:hidden;} #screenTestBar>div {height:100%;background:repeating-linear-gradient(90deg,#126784 0 6px,#74d3e7 6px 8px);} #frontScreenTest label {position:absolute;left:32px;top:118px;font-size:11px;} #screenTestProgress {width:180px;vertical-align:middle;} #gameFrontend .bitmap-text {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} #gameFrontend button {margin:0;} #frontHeader .news {font-size:8px;line-height:1.4;} #frontHeader .profile {inset:0;pointer-events:none;font-size:7px;} #frontHeader .profile span {position:absolute;} #profileName {left:24px;top:71px;}#profilePoints {left:24px;top:91px;}#profileRanking {left:103px;top:91px;}#profileCredits {left:186px;top:91px;} #profileHT {left:56px;top:122px;}#profileST {left:122px;top:122px;}#profileIQ {left:188px;top:122px;}#profileDX {left:253px;top:122px;} #roomCargo {left:18px;top:196px;font-size:7px;} #roomRed,#roomWhite {font-size:9px;} #profileNotice {color:#d5e3eb;font-size:8px;top:265px;} #avatarPoints>div {height:26px;} #availablePoints {position:absolute;left:155px;top:0;float:none;} #avatarPoints label {grid-template-columns:17px 115px 17px 23px 29px;gap:1px;} #avatarPoints meter {width:115px;height:16px;appearance:none;background:repeating-linear-gradient(90deg,#0075b5 0 2px,#57bfea 2px 3px);border:1px solid #07578d;} #avatarPoints meter::-webkit-meter-bar {background:transparent;border:0;border-radius:0;} #avatarPoints meter::-webkit-meter-optimum-value {background:repeating-linear-gradient(90deg,#0b4058 0 2px,#77d1dd 2px 3px);border-radius:0;} #avatarPoints label button {background:#0998d5;border:1px solid #004b75;} #gameFrontend .shopCard {height:153px;display:block;border:0;padding:0;background:url(menu/avatar/slot01_n.png) 0 0/100% 100%;} #gameFrontend .shopCard[aria-pressed=true] {background-image:url(menu/avatar/slot01_h.png);} .shopCard img {position:absolute;left:5px;top:5px;width:86px;height:81px;} .shopCard strong {position:absolute;left:7px;top:102px;width:149px;height:16px;} .shopCard strong canvas {max-width:145px;max-height:12px;} .shopCard .itemValues {position:absolute;left:124px;top:7px;right:7px;display:grid;grid-template-rows:repeat(4,20px);text-align:right;font-size:8px;font-weight:bold;} .shopCard .itemMeta {position:absolute;left:11px;top:137px;right:9px;display:flex;justify-content:space-between;font-size:8px;} .shopCard small {display:none;} .inventoryCard .itemMeta,.roomWeapon .itemMeta {display:none;} #gameFrontend .inventoryCard {background:url(menu/avatar/slot02_n.png) 0 0/100% 100%;border:0;} #gameFrontend .inventoryCard[aria-pressed=true] {background-image:url(menu/avatar/slot02_h.png);} #gameFrontend .inventoryCard[data-supported=false] img {opacity:.45;} #gameFrontend .inventoryCard strong {padding-top:3px;} #gameFrontend .inventoryCard {grid-template-columns:76px 1fr;grid-template-rows:19px 15px 12px;} .inventoryCard img {width:70px;} .shopEmpty {padding:20px;color:#092739;background:#009ae1;width:100%;font-size:11px;} /* Full-screen GUI canvas, matching Torque's relative 800x600 layout. */ #gameFrontend {background:#080a0b;} #gameFrontend[data-screen=escape] {background:#0005;} #gameFrontend button:focus,#gameFrontend input:focus,#gameFrontend select:focus {outline:none;} #gameFrontend button:focus-visible {box-shadow:inset 0 -2px #154c8c;} #gameFrontend input:focus-visible {box-shadow:inset 0 0 0 1px #072f61;} #gameFrontend button {display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:1;} #gameFrontend button canvas {display:block;max-width:100%;max-height:100%;object-fit:contain;flex-shrink:1;} #frontNav {left:375px;right:5px;top:116px;height:22px;} #frontNav button {width:70px;flex:0 0 70px;} #frontNav button:hover,#frontEscape button:hover,.frontFooter button:hover {background:linear-gradient(#ffffff80,#3c72af55);} .serverIntro {left:18px;top:10px;width:764px;height:80px;padding:12px 16px;background:#0299df;border:1px solid #16496b;font-size:10px;} .serverIntro p {margin:7px 0;} #frontServers .frontFooter {bottom:122px;right:31px;height:21px;gap:0;} .frontFooter button {height:21px;min-width:88px;padding:2px 10px;border:1px solid #686d79;background:linear-gradient(#f6f7fa,#adb0b9);box-shadow:inset 1px 1px #fff8;} #frontCreate {margin:0;transform-origin:top left;} #frontCreate label {inset:auto;left:131px;top:30px;width:236px;height:29px;display:block;font-size:0;} #frontCreate label.createPassword {top:80px;} @font-face {font-family:BotzinOzoneInput;src:url(fonts/ozone-input.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap;} #gameFrontend #frontCreate input {position:absolute;inset:0;width:100%;height:29px;border:0;background:transparent;font:400 26px/27px BotzinOzoneInput,monospace;color:#07314a;padding:1px 3px;} #gameFrontend #frontCreate #roomName {font:900 20px/27px "Arial Black",Arial,sans-serif;} #frontCreate input:disabled {opacity:1;-webkit-text-fill-color:#07314a;} #frontCreate input::placeholder {color:#07314a;opacity:1;} #frontCreate .frontFooter {bottom:6px;right:26px;gap:0;height:22px;} #gameFrontend #frontCreate .frontFooter button {width:90px;min-width:0;height:22px;border:0;background:transparent;padding:2px;font:bold 14px/18px Arial,sans-serif;color:#07314a;} #frontEscape {transform-origin:top left;} #frontEscape .escapeTitle {top:25px;font-size:12px;} #frontEscape nav {left:83px;right:8px;top:70px;height:21px;} #frontEscape button {font-size:10px;} #gameFrontend .cycleSelector {position:absolute;display:grid;grid-template-columns:15px minmax(0,1fr) 15px;align-items:center;height:15px;color:#04314a;} #gameFrontend .cycleSelector button {border:0;padding:0;min-width:15px;width:15px;height:15px;background-size:100% 100%;background-color:transparent;color:transparent;font-size:0;} #gameFrontend .cyclePrevious {background-image:url(menu/options/dec_n.png);} #gameFrontend .cycleNext {background-image:url(menu/options/inc_n.png);} #gameFrontend .cyclePrevious:hover {background-image:url(menu/options/dec_h.png);} #gameFrontend .cycleNext:hover {background-image:url(menu/options/inc_h.png);} #gameFrontend .cyclePrevious:active {background-image:url(menu/options/dec_d.png);} #gameFrontend .cycleNext:active {background-image:url(menu/options/inc_d.png);} #gameFrontend .cycleSelector button canvas {display:none;} .cycleSelector output {height:15px;display:flex;justify-content:center;align-items:center;overflow:hidden;text-align:center;font-size:9px;} .cycleSelector output canvas {max-width:100%;max-height:12px;object-fit:contain;} #roomBotCycle {left:65px;top:12px;width:143px;} #roomBotsCycle {left:93px;top:271px;width:76px;} #roomTimeCycle {left:93px;top:290px;width:76px;} #roomMapCycle {left:227px;top:290px;width:182px;} #roomBotsCycle output,#roomTimeCycle output,#roomMapCycle output {font:bold 13px/15px Arial,sans-serif;color:#061e2e;white-space:nowrap;} #avatarModelCycle {left:579px;top:237px;width:202px;} #optionAudioStateCycle {left:430px;top:68px;width:185px;} #roomMapPreview {left:181px;top:240px;width:232px;height:38px;} #roomWind {left:93px;top:252px;width:15px;height:15px;margin:0;accent-color:#07365a;} #roomWeapons {left:219px;top:9px;width:194px;height:206px;gap:2px;scrollbar-width:thin;scrollbar-color:#575e69 #c1c6d0;} #gameFrontend .roomWeapon {position:relative;min-height:50px;height:50px;display:block;padding:0;border:0;background:url(menu/lobby/inv01_n.png) 0 0/100% 100%;opacity:1;overflow:hidden;} #gameFrontend .roomWeapon[aria-pressed=true] {background-image:url(menu/lobby/inv01_n.png);} #gameFrontend .roomWeapon:hover {box-shadow:inset 0 0 0 1px #123f65;} .roomWeapon img {position:absolute;left:21px;top:6px;width:46px;height:38px;background:black;} .roomWeapon strong {position:absolute;left:74px;top:7px;right:7px;height:13px;text-align:center;} .roomWeapon strong canvas {margin:auto;max-width:100%;max-height:9px;object-fit:contain;} .roomWeapon .itemValues {position:absolute;left:73px;right:5px;top:27px;font-size:6px;white-space:nowrap;} .roomWeapon small {position:absolute;left:74px;right:4px;bottom:3px;font-size:5.5px;white-space:nowrap;overflow:hidden;} .roomWeapon[data-supported=false]:not([aria-pressed=true]) strong {opacity:.7;} #roomCargo {position:absolute;left:20px;top:195px;width:188px;height:16px;pointer-events:none;user-select:none;} #roomCargo .cargoTitle,#roomCargo .cargoLabel {display:none !important;} #roomCargo .cargoValue {position:absolute;left:0;top:6px;width:28px;height:10px;font:bold 7.5px/9px Arial,sans-serif;color:#002841;text-align:center;} #roomCargo[data-overweight=true] .cargoValue {color:#dd1e1e;font-weight:bold;} #roomCargo .cargoTrack {position:absolute;left:29px;top:0;width:158px;height:14px;overflow:hidden;} #roomCargo .cargoFill {height:14px;background:url(bulkprogress.png) no-repeat 0 0;} #roomTitle {left:443px;top:8px;width:340px;height:18px;line-height:18px;font-size:10px;} #roomRed {left:446px;top:70px;width:156px;font-size:8px;} #roomPlayerName {position:absolute;left:446px;top:51px;width:156px;height:16px;min-height:16px;border:0;background:transparent;padding:1px 0;font-size:9px;font-weight:bold;} #roomWhite {left:620px;top:52px;width:163px;font-size:9px;} #roomActions {left:431px;right:auto;top:286px;width:364px;height:22px;display:block;} #roomActions button {position:absolute;width:72px;height:22px;border:0;padding:1px;background-size:100% 100%;background-color:transparent;} #roomActions button:first-child {left:0;background-image:url(menu/lobby/b01_n.png);} #roomReady {left:219px;background-image:url(menu/lobby/b04_n.png)!important;} #roomStart {left:292px;background-image:url(menu/lobby/b05_n.png)!important;} #roomActions button:first-child:hover {background-image:url(menu/lobby/b01_h.png);} #roomReady:hover,#roomReady[aria-pressed=true] {background-image:url(menu/lobby/b04_h.png)!important;} #roomStart:hover {background-image:url(menu/lobby/b05_h.png)!important;} #roomStart:disabled {background-image:url(menu/lobby/b05_i.png)!important;opacity:1;} #roomActions button canvas {visibility:hidden;} #gameFrontend .roomWeapon,#gameFrontend .roomWeapon[aria-pressed=true],#gameFrontend .inventoryCard,#gameFrontend .inventoryCard[aria-pressed=true],#gameFrontend .shopCard,#gameFrontend .shopCard[aria-pressed=true] {background-repeat:no-repeat;background-size:100% 100%;min-width:0;} #gameFrontend #roomPlayerName {min-height:16px;border:0;background:transparent;height:16px;padding:0;font-size:9px;} #gameFrontend .roomWeapon .itemValues {font-size:5.5px;top:26px;} #gameFrontend .roomWeapon small {font-size:5px;bottom:5px;} #playerInventory {grid-template-columns:repeat(2,minmax(0,1fr));} #gameFrontend .inventoryCard {position:relative;display:block;min-width:0;} .inventoryCard img {position:absolute;left:5px;top:5px;width:64px;height:42px;} .inventoryCard strong {position:absolute;left:77px;right:7px;top:5px;height:14px;display:flex;align-items:center;justify-content:center;} .inventoryCard .itemValues {position:absolute;left:77px;right:6px;top:28px;font-size:6px;overflow:hidden;white-space:nowrap;} .inventoryCard small {position:absolute;left:77px;right:6px;bottom:4px;font-size:5px;} .shopCard strong {display:flex;align-items:center;justify-content:center;} .serverIntro {top:338px;left:24px;width:750px;height:65px;padding:0;background:transparent;border:0;font-size:9px;text-align:left;} .serverIntro p {margin:6px 0;} #frontServers .frontFooter {top:286px;bottom:auto;height:22px;} #roomRed {text-align:right;top:69px;font-size:8px;} #frontLevels button:disabled {opacity:1;cursor:default;} #frontLevels button:nth-child(1):disabled {background-image:url(menu/main_menu/b07_i.png);} #frontLevels button:nth-child(2):disabled {background-image:url(menu/main_menu/b08_i.png);} #frontLevels button:nth-child(3):disabled {background-image:url(menu/main_menu/b09_i.png);} #frontLevels button:nth-child(4):disabled {background-image:url(menu/main_menu/b10_i.png);} /* Recovered GUI rectangles: keep actions inside their original metal strips. */ .frontScreen {overflow:hidden;background-color:#080a0b;background-repeat:no-repeat;} #frontServers .frontFooter {left:382px;right:auto;top:288px;width:383px;height:22px;display:block;} #frontServers .frontFooter button {position:absolute;top:0;width:95px;min-width:0;height:22px;padding:0;border:0;background-size:100% 100%;} #frontServers .frontFooter button:first-child {left:0;background-image:url(menu/serverlist/b01_n.png);} #frontServers .frontFooter button:first-child:hover {background-image:url(menu/serverlist/b01_h.png);} #gameFrontend #frontCreateRoom {left:192px;background-image:url(menu/serverlist/b04_n.png);} #gameFrontend #frontCreateRoom:hover {background-image:url(menu/serverlist/b04_h.png);} #frontServers .frontFooter button canvas {visibility:hidden;} .serverIntro {left:17px;top:288px;width:260px;height:22px;padding:0;background:transparent;border:0;display:flex;align-items:center;line-height:12px;} #serverGroup {max-width:100%;overflow:hidden;white-space:nowrap;} #serverGroup canvas {max-width:100%;object-fit:contain;} .serverIntro p {position:absolute;left:10px;margin:0;font-size:9px;line-height:15px;white-space:nowrap;} .serverIntro p:nth-of-type(1) {top:35px;} .serverIntro p:nth-of-type(2) {top:51px;} #roomChat {position:absolute;left:21px;top:337px;width:765px;height:63px;overflow:auto;box-sizing:border-box;padding:1px 5px;color:#001b2a;font:9px/14px Arial,sans-serif;overflow-wrap:anywhere;} #roomChatForm {position:absolute;left:21px;top:411px;width:744px;height:19px;margin:0;} #gameFrontend #roomChatInput {position:absolute;left:0;top:2px;width:673px;height:14px;min-height:0;padding:0 3px;border:0;background:transparent;font:9px/14px Arial,sans-serif;} #gameFrontend #roomChatSend {position:absolute;left:677px;top:0;width:67px;height:19px;border:0;padding:0;background:url(menu/lobby/b06_n.png) 0 0/100% 100%;} #gameFrontend #roomChatSend:hover {background-image:url(menu/lobby/b06_h.png);} #roomChatSend canvas {visibility:hidden;} #shopTabs {left:17px;top:26px;width:474px;height:22px;display:grid;grid-template-columns:repeat(5,94px);gap:1px;} #shopTabs button {border:0;padding:0;background-size:100% 100%;opacity:1;} #shopTabs button:nth-child(1) {background-image:url(menu/avatar/b01_n.png);} #shopTabs button:nth-child(2) {background-image:url(menu/avatar/b02_n.png);} #shopTabs button:nth-child(3) {background-image:url(menu/avatar/b03_n.png);} #shopTabs button:nth-child(4) {background-image:url(menu/avatar/b04_n.png);} #shopTabs button:nth-child(5) {background-image:url(menu/avatar/b05_n.png);} #shopTabs button:nth-child(1)[aria-pressed=true],#shopTabs button:nth-child(1):hover {background-image:url(menu/avatar/b01_d.png);} #shopTabs button:nth-child(2)[aria-pressed=true],#shopTabs button:nth-child(2):hover {background-image:url(menu/avatar/b02_h.png);} #shopTabs button:nth-child(3)[aria-pressed=true],#shopTabs button:nth-child(3):hover {background-image:url(menu/avatar/b03_h.png);} #shopTabs button:nth-child(4)[aria-pressed=true],#shopTabs button:nth-child(4):hover {background-image:url(menu/avatar/b04_h.png);} #shopTabs button:nth-child(5)[aria-pressed=true],#shopTabs button:nth-child(5):hover {background-image:url(menu/avatar/b05_h.png);} #shopTabs button:nth-child(-n+5) canvas {visibility:hidden;} #shopItems {left:14px;top:69px;width:504px;height:160px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:156px;gap:1px;overflow-x:hidden;overflow-y:scroll;align-content:start;} #gameFrontend .shopCard {width:100%;height:156px;min-width:0;overflow:hidden;} #shopItems .shopEmpty {grid-column:1/-1;box-sizing:border-box;} #gameFrontend .shopCard strong {left:7px;right:7px;width:auto;} #gameFrontend .shopCard strong canvas,#gameFrontend .inventoryCard strong canvas {max-width:100%;max-height:10px;object-fit:contain;} #playerInventory {left:14px;top:303px;width:504px;height:102px;grid-auto-rows:51px;gap:1px;overflow-x:hidden;overflow-y:scroll;align-content:start;} #gameFrontend .inventoryCard {height:51px;overflow:hidden;isolation:isolate;} #gameFrontend .inventoryCard strong {padding:0;} #gameFrontend .inventoryCard small {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #gameFrontend #shopBuy,#gameFrontend #shopSell,#avatarActions button {border:0;padding:0;background-size:100% 100%;opacity:1;} #gameFrontend #shopBuy {left:397px;top:237px;width:94px;height:22px;background-image:url(menu/avatar/b08_n.png);} #gameFrontend #shopBuy:hover:not(:disabled) {background-image:url(menu/avatar/b08_h.png);} #gameFrontend #shopSell {left:397px;top:411px;width:94px;height:19px;border:1px solid #737780;background-image:linear-gradient(#f7f8fa,#a7abb4);} #gameFrontend #shopSell:hover:not(:disabled) {background-image:linear-gradient(#fff,#c2d3e0);} #gameFrontend #shopBuy:disabled,#gameFrontend #shopSell:disabled {filter:brightness(.85);} #shopBuy canvas,#shopEquip canvas,#avatarActions button canvas {display:none !important;visibility:hidden !important;} #gameFrontend .inventoryCard[aria-pressed=true] {outline:2px solid var(--botzin-selection-blue);outline-offset:-2px;} #avatarActions {left:649px;top:411px;width:135px;height:19px;gap:1px;} #avatarActions button {flex:0 0 67px;height:19px;} #gameFrontend #avatarBack {background-image:url(menu/avatar/b06_n.png);} #gameFrontend #avatarBack:hover {background-image:url(menu/avatar/b06_h.png);} #gameFrontend #avatarApply {background-image:url(menu/options/b07_n.png);} #gameFrontend #avatarApply:hover {background-image:url(menu/options/b07_h.png);} #gameFrontend #avatarPoints label button {background-color:transparent;background-size:100% 100%;border:0;height:15px;width:15px;} #avatarPoints [data-delta="-1"] {background-image:url(menu/options/dec_n.png);} #avatarPoints [data-delta="1"] {background-image:url(menu/options/inc_n.png);} #avatarPoints [data-delta="-1"]:hover {background-image:url(menu/options/dec_h.png);} #avatarPoints [data-delta="1"]:hover {background-image:url(menu/options/inc_h.png);} #avatarPoints button canvas {display:none;} #gameFrontend #shopItems,#gameFrontend #playerInventory,#roomChat {scrollbar-width:thin;scrollbar-color:#747983 #cbd0d7;scrollbar-gutter:stable;} /* Native option/popup slots and legible item data at the 800×600 design size. */ #frontEscape nav {left:0;right:auto;top:71px;width:551px;height:19px;display:block;} #frontEscape button {position:absolute;width:89px;height:19px;min-width:0;background:transparent;border:0;font:bold 12px Arial,sans-serif;color:#263b4b;} /* InGameDlg: retain the five baked slots; unused slots remain empty. */ #frontEscape [data-view=options] {left:364px;} #frontEscape #escapeContinue {left:454px;} #frontEscape #escapeLeave {left:84px;width:94px;} #frontEscape #escapePlayers {left:274px;width:89px;font-size:11px;} #frontEscape button:hover {background:#ffffff33;} #frontEscape button:focus-visible {outline:2px solid #0076b8;outline-offset:-2px;} #frontEscape .escapeTitle {left:100px;right:12px;height:16px;} #serverChat {position:absolute;left:21px;top:337px;width:750px;height:63px;overflow:auto;padding:1px 5px;box-sizing:border-box;font:10px/16px Arial,sans-serif;color:#001b2a;} #serverChat p {margin:0;} #optionTabs {left:426px;right:auto;top:37px;width:339px;height:19px;display:grid;grid-template-columns:repeat(5,67px);gap:1px;} #gameFrontend #optionTabs button {width:67px;height:19px;padding:0;border:0;background-size:100% 100%;} #gameFrontend [data-option=video] {background-image:url(menu/options/b01_n.png);} #gameFrontend [data-option=audio] {background-image:url(menu/options/b02_n.png);} #gameFrontend [data-option=keys] {background-image:url(menu/options/b03_n.png);} #gameFrontend [data-option=video]:hover,#gameFrontend [data-option=video][aria-pressed=true] {background-image:url(menu/options/b01_h.png);} #gameFrontend [data-option=audio]:hover,#gameFrontend [data-option=audio][aria-pressed=true] {background-image:url(menu/options/b02_h.png);} #gameFrontend [data-option=keys]:hover,#gameFrontend [data-option=keys][aria-pressed=true] {background-image:url(menu/options/b03_h.png);} #optionTabs canvas,#frontOptions .frontFooter canvas {visibility:hidden;} #gameFrontend #optionTabs #frontCredits {font:bold 11px/19px Arial,sans-serif;letter-spacing:-.5px;color:#111;text-shadow:.5px .5px 1px #555;} #gameFrontend #optionTabs #frontCredits:hover,#gameFrontend #optionTabs #frontCredits[aria-pressed=true] {color:#0000ff;background:linear-gradient(#d4d3dc,#20202b);text-shadow:1px 1px 0 #000;} #creditsOptions {background-image:url(menu/options/bg_key.png);} #creditsOptions::before {content:"";position:absolute;left:590px;top:12px;width:169px;height:26px;background:url(menu/options/bg_key.png) -400px -12px no-repeat;} #creditsOptions h2 {position:absolute;left:590px;top:14px;right:43px;height:24px;margin:0;background:transparent;text-align:right;font:bold 18px Arial,sans-serif;color:#06304a;} #matchPlayers {width:min(330px,calc(100vw - 32px));box-sizing:border-box;padding:0;border:3px ridge #a9acb5;border-radius:0;background:#13222ae8 url(hudfill.png);color:white;font:13px/1.6 Arial,sans-serif;} #matchPlayers::backdrop {background:#0004;} #matchPlayers header {display:flex;align-items:center;justify-content:space-between;padding:3px 8px;background:linear-gradient(#ebedf1,#9297a0);color:#163142;} #matchPlayers header button {margin:0;padding:0 6px;border-radius:0;background:#cbd0d6;color:#172c36;} #matchPlayers .playersScroll {max-height:240px;overflow:auto;padding:5px;} #matchPlayers table {width:100%;border-collapse:collapse;text-align:left;} #matchPlayers th {color:#ffff00;font-weight:normal;} #matchPlayers th:not(:first-child),#matchPlayers td:not(:first-child) {text-align:right;width:55px;} #matchPlayers td:first-child {max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #matchPlayers .redTeam {color:#ff5151;} #creditsOptions p {position:absolute;left:245px;right:32px;top:76px;margin:0;text-align:center;font:14px/1.6 Arial,sans-serif;color:#001927;} .optionsBody {top:70px;height:372px;background-repeat:no-repeat;} #frontOptions .frontFooter {left:630px;right:auto;top:411px;bottom:auto;height:19px;gap:1px;} #gameFrontend #optionBack,#gameFrontend #optionApply {width:67px;min-width:0;height:19px;border:0;padding:0;background-size:100% 100%;box-shadow:none;} #gameFrontend #optionBack {background-image:url(menu/options/b06_n.png);} #gameFrontend #optionBack:hover {background-image:url(menu/options/b06_h.png);} #gameFrontend #optionApply {background-image:url(menu/options/b07_n.png);} #gameFrontend #optionApply:hover {background-image:url(menu/options/b07_h.png);} #gameFrontend #optionAudioStateCycle {left:404px;top:69px;width:213px;height:20px;grid-template-columns:20px 173px 20px;} #gameFrontend #optionAudioStateCycle button {width:20px;height:20px;} #optionAudioStateCycle output {height:20px;font:bold 14px/20px Arial,sans-serif;color:#071a28;} /* MessageBoxOkDlg: original 400×178 frame and original OK/close sprites. */ #shopMessage {box-sizing:content-box;width:min(400px,calc(100vw - 16px));height:auto;aspect-ratio:400/178;max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:0;background:url(menu/common/popup/bg_singlebutton.png) center/100% 100% no-repeat;color:#000;overflow:hidden;} #shopMessage::backdrop {background:transparent;} #shopMessageText {position:absolute;left:2.25%;top:13.48%;width:90.5%;height:64.6%;margin:0;padding:0;overflow:auto;text-align:center;font:15px/19px Arial,sans-serif;} #shopMessage button {position:absolute;box-sizing:border-box;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;color:transparent;font-size:0;cursor:pointer;background-color:transparent;background-position:center;background-size:100% 100%;background-repeat:no-repeat;} #shopMessage button:focus-visible {outline:2px solid #123d5b;outline-offset:-2px;} #shopMessageBuy {display:none;left:48.75%;top:84.27%;width:22.25%;height:10.67%;background-image:url(menu/common/popup/b_buy_n.png);} #shopMessageBuy:hover {background-image:url(menu/common/popup/b_buy_h.png);} #shopMessageBuy:active {background-image:url(menu/common/popup/b_buy_d.png);} #shopMessageOk {left:71.25%;top:84.27%;width:22.25%;height:10.67%;background-image:url(menu/common/popup/b05_n.png);} #shopMessageOk:hover {background-image:url(menu/common/popup/b05_h.png);} #shopMessageOk:active {background-image:url(menu/common/popup/b05_d.png);} #shopMessageClose {left:95%;top:2.81%;width:3.75%;height:8.43%;background-image:url(menu/buddylist/b03_n.png);} #shopMessageClose:hover {background-image:url(menu/buddylist/b03_h.png);} #shopMessageClose:active {background-image:url(menu/buddylist/b03_d.png);} #gameFrontend .optionsBody input[type=range] {left:429px;width:302px;height:16px;min-height:0;padding:0;margin:0;appearance:none;border:0;background:transparent;accent-color:#073b68;} #gameFrontend .optionsBody input[type=range]::-webkit-slider-runnable-track {height:5px;border:1px solid #155983;background:#006caa;} #gameFrontend .optionsBody input[type=range]::-webkit-slider-thumb {appearance:none;width:9px;height:15px;margin-top:-6px;border:1px solid #313b47;background:linear-gradient(90deg,#e8e9ed,#7d838f);border-radius:0;} #optionMaster {top:129px;}#optionMusic {top:158px;}#optionEffects,#optionBrightness {top:187px;} #gameFrontend .optionArrow {position:absolute;left:404px;width:20px;height:20px;min-width:0;padding:0;border:0;background-size:100% 100%;background-color:transparent;} #gameFrontend .optionArrow.cycleNext {left:736px;} .optionArrow[data-field=optionMaster] {top:127px;} .optionArrow[data-field=optionMusic] {top:156px;} .optionArrow[data-field=optionEffects],.optionArrow[data-field=optionBrightness] {top:185px;} #videoOptions output {left:431px;width:159px;height:26px;margin-top:-7px;display:flex;align-items:center;justify-content:center;font-size:9px;text-align:center;overflow:hidden;} #gameFrontend #optionFullscreen {left:404px;top:214px;width:20px;height:20px;padding:0;margin:0;min-height:0;accent-color:#063b65;} #optionSoundHint {left:235px;top:248px;width:515px;font-size:10px;line-height:16px;} #keyOptions {border:0;background:url(menu/options/bg_key.png) no-repeat;} #keyOptions dl {margin:58px 35px 0 240px;grid-template-columns:170px 1fr;gap:16px 15px;font-size:11px;line-height:17px;} #gameFrontend .shopCard strong,#gameFrontend .inventoryCard strong,#gameFrontend .roomWeapon strong {height:14px;display:flex;align-items:center;justify-content:center;} #gameFrontend .shopCard strong canvas,#gameFrontend .inventoryCard strong canvas,#gameFrontend .roomWeapon strong canvas {max-height:none;max-width:100%;object-fit:contain;} #gameFrontend .inventoryCard .itemValues,#gameFrontend .roomWeapon .itemValues {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font:8px/12px Arial,sans-serif;text-align:right;white-space:nowrap;overflow:hidden;} #gameFrontend .inventoryCard .itemValues {left:87px;right:7px;top:34px;} #gameFrontend .roomWeapon .itemValues {left:80px;right:6px;top:34px;} #gameFrontend .inventoryCard small {display:none;} #gameFrontend .roomWeapon small {left:75px;right:7px;top:23px;bottom:auto;height:9px;font:7px/9px Arial,sans-serif;} #gameFrontend .shopCard .itemValues {font-size:9px;} #gameFrontend #roomPlayerCard {position:absolute;left:443px;top:58px;width:163px;height:42px;background:url(menu/lobby/tv01_n.png) no-repeat;color:#002034;} #gameFrontend #roomPlayerName {left:21px;top:3px;width:134px;height:13px;min-height:0;font:bold 8px/13px Arial,sans-serif;} #roomPlayerCard .roomRank {position:absolute;left:22px;top:29px;font:7px/10px Arial,sans-serif;} #roomPlayerCard #roomRed {left:119px;top:17px;width:41px;height:10px;font:bold 6px/10px Arial,sans-serif;background:#0089cb;color:#e6ac3d;text-align:right;} #roomPlayerCard #roomRed[data-ready=true] {color:#073919;} #roomStats {position:absolute;left:65px;right:3px;top:29px;display:grid;grid-template-columns:repeat(4,1fr);text-align:right;font:6px/10px Arial,sans-serif;} #roomWhite {left:620px;top:58px;width:163px;max-height:210px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#747983 #cbd0d7;} #roomWhite>div:not(.noBotsNotice) {height:42px;box-sizing:border-box;padding:4px 5px 0 21px;background:url(menu/lobby/tb01_n.png) no-repeat;font:bold 8px/13px Arial,sans-serif;position:relative;background-size:100% 42px;} #roomWhite .noBotsNotice {height:auto;min-height:48px;padding:8px 8px;margin:2px 0;background:rgba(0,34,54,0.85)!important;border:1px solid #0089cb;border-radius:4px;color:#d8f0ff!important;font:bold 8.5px/13px Arial,sans-serif!important;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.4);} #roomWhite .botReady {position:absolute;left:119px;top:17px;width:41px;height:10px;background:#0089cb;color:#073919;font:bold 6px/10px Arial,sans-serif;text-align:right;} #gameFrontend .inventoryCard .itemValues,#gameFrontend .roomWeapon .itemValues {left:0;right:0;top:33px;display:block;height:12px;} .inventoryCard .itemValues>span,.roomWeapon .itemValues>span {position:absolute;width:14%;text-align:left;overflow:visible;} .inventoryCard .itemValues>span.attrUpgraded,.roomWeapon .itemValues>span.attrUpgraded {font-size:6.5px;letter-spacing:-0.2px;font-weight:bold;color:#ffd84d!important;text-shadow:0 0 3px rgba(255,204,0,0.7);} .inventoryCard .itemValues>span:nth-child(1) {left:42.5%;}.inventoryCard .itemValues>span:nth-child(2) {left:57%;}.inventoryCard .itemValues>span:nth-child(3) {left:72%;}.inventoryCard .itemValues>span:nth-child(4) {left:86.5%;} .roomWeapon .itemValues>span:nth-child(1) {left:49%;}.roomWeapon .itemValues>span:nth-child(2) {left:62%;}.roomWeapon .itemValues>span:nth-child(3) {left:76%;}.roomWeapon .itemValues>span:nth-child(4) {left:89%;} #roomStats {left:70px;right:auto;width:90px;text-align:left;grid-template-columns:repeat(4,25px);} #gameFrontend #roomPlayerCard {background-image:url(menu/lobby/tv01_d.png);} #roomPlayerCard #roomRed,#roomWhite .botReady {left:110px;top:18px;width:48px;height:7px;background:transparent;font-size:0;} #roomPlayerCard #roomRed[data-ready=true],#roomWhite .botReady {background:url(menu/lobby/ready.png) no-repeat;} /* Place the shopping hint inside the metal inventory heading, before its title. */ #profileNotice {left:20px;top:278px;width:385px;height:22px;margin:0;display:flex;align-items:center;color:#3e4248;font:8.5px/14px Arial,sans-serif;white-space:nowrap;overflow:hidden;} /* Original guide ends at x492; reserve its outer gutter for vertical scrolling. */ #gameFrontend #shopItems,#gameFrontend #playerInventory { width:504px;box-sizing:border-box;padding:0 14px 0 1px;column-gap:0;row-gap:0; overflow-x:hidden;overflow-y:scroll;scrollbar-width:auto;scrollbar-gutter:stable; } #shopItems {grid-template-columns:repeat(3,159px);grid-auto-rows:160px;} #gameFrontend .shopCard {width:159px;height:160px;} .shopCard img {left:5px;top:6px;width:83px;height:83px;} #gameFrontend .shopCard strong {left:9px;right:auto;top:99px;width:139px;height:30px;} #gameFrontend .shopCard .itemValues {left:123px;right:auto;top:10px;width:24px;grid-template-rows:21px 22px 21px 12px;} .shopCard .itemMeta {left:10px;right:13px;top:138px;} #playerInventory {grid-template-columns:repeat(2,238.5px);grid-auto-rows:51px;} #gameFrontend .inventoryCard {width:238.5px;height:51px;} #roomWeapons {left:218px;top:9px;width:195px;height:206px;box-sizing:border-box;padding:0 12px 0 1px;gap:0;overflow-x:hidden;overflow-y:scroll;scrollbar-width:auto;scrollbar-gutter:stable;} #gameFrontend .roomWeapon {width:174px;min-height:51px;height:51px;flex:0 0 51px;} .roomWeapon img {left:20px;top:5px;width:40px;height:40px;} #gameFrontend .roomWeapon strong {left:70px;right:auto;top:9px;width:93px;height:11px;} #gameFrontend .roomWeapon small {left:70px;right:auto;top:22px;width:93px;height:9px;display:flex;align-items:center;font-size:7px;} .roomWeapon[data-supported=false]:not([aria-pressed=true]) strong {opacity:1;} #gameFrontend .roomWeapon .itemValues {top:33px;font:7px/9px Arial,sans-serif;} .roomWeapon .itemValues>span {width:13px;} .roomWeapon .itemValues>span:nth-child(1) {left:79px;}.roomWeapon .itemValues>span:nth-child(2) {left:103px;}.roomWeapon .itemValues>span:nth-child(3) {left:127px;}.roomWeapon .itemValues>span:nth-child(4) {left:151px;} #gameFrontend #shopItems::-webkit-scrollbar,#gameFrontend #playerInventory::-webkit-scrollbar,#roomWeapons::-webkit-scrollbar {width:8px;height:0;} #gameFrontend #shopItems::-webkit-scrollbar-track,#gameFrontend #playerInventory::-webkit-scrollbar-track,#roomWeapons::-webkit-scrollbar-track {background:#54565b;border:1px solid #b8bcc6;} #gameFrontend #shopItems::-webkit-scrollbar-thumb,#gameFrontend #playerInventory::-webkit-scrollbar-thumb,#roomWeapons::-webkit-scrollbar-thumb {background:linear-gradient(90deg,#d9dce5,#959caa);border:1px solid #dce0e9;min-height:18px;} /* These PNGs carry legacy color metadata ignored by Torque; native-ui.js keeps their palette. */ #gameFrontend #roomPlayerCard {background:transparent var(--roster-player,url(menu/lobby/tv01_d.png)) no-repeat;} #roomWhite>div:not(.noBotsNotice) {background:transparent var(--roster-bot,url(menu/lobby/tb01_n.png)) no-repeat;background-size:100% 42px;} #roomWhite .botReady {left:auto;right:3px;} #roomPlayerCard #roomRed[data-ready=true],#roomWhite .botReady {background:transparent var(--roster-ready,url(menu/lobby/ready.png)) no-repeat;} #gameFrontend #roomPlayerName {font:bold 9px/13px Arial,sans-serif;} /* Avatar GUI positions: controls and numbers sit between, rather than on, the brackets. */ #avatarModelCycle {left:576px;top:240px;width:203px;grid-template-columns:15px 173px 15px;} #avatarModelCycle output {height:15px;} #avatarModelCycle output canvas,#roomBotCycle output canvas {max-height:none;} #avatarPoints>div {height:33px;} #availablePoints {left:145px;top:6px;width:21px;height:12px;} #avatarPoints label {display:block;position:relative;left:3px;height:21px;width:202px;} #gameFrontend #avatarPoints label button {position:absolute;left:0;top:0;} #gameFrontend #avatarPoints label [data-delta="1"] {left:121px;} #avatarPoints meter {position:absolute;left:18px;top:2px;width:99px;height:11px;box-sizing:border-box;} #avatarPoints label output {position:absolute;left:142px;top:1px;width:21px;height:12px;} #avatarPoints label output:last-child {left:172px;width:30px;} #avatarPoints output {display:flex;justify-content:flex-end;align-items:center;color:#000;} #avatarPoints output canvas,.cycleSelector output canvas,.roomWeapon strong canvas,.roomWeapon small canvas {image-rendering:pixelated;} #gameFrontend #shopItems,#gameFrontend #playerInventory,#roomWeapons {scrollbar-color:auto;} .shopCard .itemMeta {top:144px;height:12px;} #gameFrontend #shopItems,#gameFrontend #playerInventory,#roomWeapons {scrollbar-width:none;scrollbar-gutter:auto;} #gameFrontend #shopItems::-webkit-scrollbar,#gameFrontend #playerInventory::-webkit-scrollbar,#roomWeapons::-webkit-scrollbar {display:none;} .nativeScroll {position:absolute;width:8px;display:grid;grid-template-rows:8px minmax(0,1fr) 8px;gap:1px;} #roomWeaponsScroll {left:405px;top:9px;height:206px;} #shopItemsScroll {left:508px;top:69px;height:160px;} #playerInventoryScroll {left:508px;top:303px;height:102px;} #gameFrontend .nativeScroll button {width:8px;height:8px;padding:0;border:1px solid #d5d9e0;background:linear-gradient(#e1e4ee,#8b929f);position:relative;} #gameFrontend .nativeScroll button:disabled {opacity:.65;} .nativeScroll button:after {content:"";position:absolute;left:1px;top:1px;border-left:2px solid transparent;border-right:2px solid transparent;} .scrollUp:after {border-bottom:3px solid #343943;}.scrollDown:after {border-top:3px solid #343943;top:2px!important;} .scrollTrack {position:relative;min-height:0;background:#4c5057;border-left:1px solid #bfc6d0;border-right:1px solid #bfc6d0;touch-action:none;} .scrollThumb {position:absolute;left:0;right:0;box-sizing:border-box;min-height:0;border:1px solid #e4e7f0;background:linear-gradient(90deg,#d9dce5,#949ba8);} .scrollTrack:focus-visible {outline:1px solid #063b65;} .roomPatent, #roomPlayerCard .roomPatent, #roomWhite .roomPatent, #roomRedBots .roomPatent, .roomBotCard .roomPatent { position:absolute !important;left:3px !important;top:3px !important;width:13px !important;height:34px !important; max-width:13px !important;max-height:34px !important;object-fit:contain !important;image-rendering:pixelated !important;display:block !important; } .roomBotCard {position:relative;height:42px;box-sizing:border-box;background:url(menu/lobby/tb01_n.png) no-repeat;background-size:100% 42px;} .roomBotCard .botName, #roomWhite .botName, #roomRedBots .botName, .roomBotCard .cardPlayerName, #roomWhite .cardPlayerName, #roomRedBots .cardPlayerName { position:absolute;left:19px;top:2px;width:90px;height:16px;font:bold 9px/13px Arial,sans-serif;color:#001220;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .roomBotCard .botRanking, #roomWhite .botRanking, #roomRedBots .botRanking { position:absolute;left:21px;top:28px;font:bold 7px/9px Arial,sans-serif;color:#001e30; } #roomPlayerCard .roomHost {position:absolute;left:19px;top:3px;font:bold 9px/13px Arial,sans-serif;} #gameFrontend #roomPlayerName {left:29px;width:127px;} /* Proportional 4:3 stage backdrop, Global & Lobby Chat (REA ServerListMenuGui + GameLobbyGui), Voicer & Draggable Players Modal */ #gameFrontend:not([data-screen=escape]) {background:radial-gradient(ellipse at 50% 35%,#192a3d,#080c12 75%);} #frontStage {box-shadow:0 12px 48px #000d;} #gameFrontend[data-screen=escape] #frontStage {box-shadow:none;} .serverCardsGrid { position:absolute;left:17px;top:7px;width:748px;height:272px; display:grid;grid-template-columns:repeat(4,187px);grid-template-rows:repeat(2,136px); column-gap:0;row-gap:0;box-sizing:border-box; } .serverCard { position:relative;width:187px;height:136px; background:url(menu/serverlist/bs01_n.png) 0 0/187px 136px no-repeat; color:#001b2a;cursor:pointer;user-select:none;box-sizing:border-box; } .serverCard:hover {background-image:url(menu/serverlist/bs01_h.png);} .serverCard.active,.serverCard[aria-selected="true"] {background-image:url(menu/serverlist/bs01_d.png);} .serverCard:focus-visible {outline:2px solid #005a92;outline-offset:-2px;} .serverCard .cardServerName { position:absolute;left:14px;top:10px;width:158px;height:16px; font:bold 9.5px/16px Arial,sans-serif;color:#001e30; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .serverCard .cardPlayers { position:absolute;left:49px;top:30px;width:25px;height:16px; font:bold 9px/16px Arial,sans-serif;color:#001b2a;text-align:center; } .serverCard .cardMap { position:absolute;left:100px;top:30px;width:72px;height:16px; font:bold 8.5px/16px Arial,sans-serif;color:#001b2a; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .serverCard .cardTurnTime { position:absolute;left:31px;top:69px;width:23px;height:21px; font:bold 10px/21px Arial,sans-serif;color:#001a28;text-align:center; } .serverCard .cardBots { position:absolute;left:31px;top:103px;width:25px;height:21px; font:bold 10px/21px Arial,sans-serif;color:#001a28;text-align:center; } .serverCard .cardThumbnail { position:absolute;left:98px;top:67px;width:80px;height:60px; object-fit:contain;background:transparent; } .serverCard .cardLock { position:absolute;left:82px;top:82px;width:23px;height:25px; z-index:2;pointer-events:none; } .serverCard.cardEmpty {opacity:.72;} .serverCard.cardEmpty:hover {opacity:.95;} .serverCard .cardEmptySlotHint { position:absolute;left:98px;top:67px;width:80px;height:60px; display:flex;align-items:center;justify-content:center; font:8px/11px Arial,sans-serif;text-align:center;color:#72a9c9; background:#021a28;box-sizing:border-box;padding:4px; } #serverChat,#roomChat { position:absolute;left:21px;top:337px;width:754px;height:63px; overflow-x:hidden;overflow-y:scroll;scrollbar-width:none; box-sizing:border-box;padding:2px 6px;color:#001b2a;font:9.5px/14px Arial,sans-serif;overflow-wrap:anywhere; } #serverChat::-webkit-scrollbar,#roomChat::-webkit-scrollbar {display:none;} #serverChat .chatLine,#roomChat .chatLine {margin:0;line-height:14px;} #serverChat .chatScope-system,#roomChat .chatScope-system {color:#063954;font-style:italic;} #serverChat .chatScope-team strong,#roomChat .chatScope-team strong {color:#054d22;} #serverChatScroll,#roomChatScroll {left:777px;top:337px;height:63px;} #serverChatForm,#roomChatForm {position:absolute;left:21px;top:411px;width:744px;height:19px;margin:0;} #gameFrontend #serverChatInput,#gameFrontend #roomChatInput { position:absolute;left:0;top:2px;width:673px;height:14px;min-height:0; padding:0 4px;border:0;background:transparent;color:#001b2a;font:9.5px/14px Arial,sans-serif; } #gameFrontend #serverChatInput::placeholder,#gameFrontend #roomChatInput::placeholder {color:#053b59;opacity:.85;} #gameFrontend #serverChatSend,#gameFrontend #roomChatSend { position:absolute;left:677px;top:0;width:67px;height:19px;border:0;padding:0; background:url(menu/lobby/b06_n.png) 0 0/100% 100%;color:transparent;font-size:0; } #gameFrontend #serverChatSend:hover,#gameFrontend #roomChatSend:hover {background-image:url(menu/lobby/b06_h.png);} #serverChatSend canvas,#roomChatSend canvas {visibility:hidden;} /* Voicer and Mic Test container in Audio Options */ #optionVoiceContainer {position:absolute;left:235px;top:212px;width:515px;display:flex;flex-direction:column;gap:5px;} #optionVoicerRow {position:relative;left:0;top:0;width:100%;height:22px;display:flex;align-items:center;} #optionVoicerRow .voicerLabel {font:bold 11px/1 Arial,sans-serif;color:#06283f;letter-spacing:.4px;} #gameFrontend #optionVoicerStateCycle {left:169px;top:1px;width:235px;height:20px;grid-template-columns:20px 195px 20px;} #gameFrontend #optionVoicerStateCycle button {width:20px;height:20px;} #optionVoicerStateCycle output {height:20px;font:bold 11px/20px Arial,sans-serif;color:#071a28;} #optionMicTestRow {position:relative;left:0;top:0;display:flex;align-items:center;gap:8px;} #optionMicTest {height:20px;font:bold 9.5px Arial,sans-serif;padding:0 8px;cursor:pointer;background:#dbe4f0;border:1px solid #7c8899;border-radius:2px;} #optionMicTest:hover {background:#edf3fc;} #optionMicMeter {width:110px;height:13px;} #optionMicStatus {font-size:9.5px;color:#051d30;} #optionSoundHint {left:235px;top:266px;width:515px;font-size:9.5px;line-height:14px;} #keyOptions dl {margin:44px 30px 0 236px;grid-template-columns:175px 1fr;gap:10px 14px;font-size:10px;line-height:14px;} /* Credits layout & copyright notice (transparent over original bg_key.png blue screen) */ #creditsOptions .creditsBox { position:absolute;left:228px;right:42px;top:52px;bottom:38px; display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px; padding:10px 18px;box-sizing:border-box; background:transparent;border:0;box-shadow:none; } #creditsOptions .creditsBox p {position:static;left:auto;right:auto;top:auto;margin:0;text-align:center;max-width:490px;} #creditsOptions .creditsLead {font:13.5px/1.65 Arial,sans-serif;color:#001826;text-shadow:none;} #creditsOptions .creditsLead strong {color:#000d17;font-weight:bold;} #creditsOptions .creditsCopyright { padding-top:10px;border-top:1px solid #035a8a77; font:10.5px/1.45 Arial,sans-serif;color:#02253a;opacity:.95; } /* Header recent news in Multiplayer vs Offline mode */ #frontHeader .news.multiplayer-news { top:24px;width:290px;height:66px;padding:2px 8px 6px 8px;display:flex;flex-direction:column; justify-content:center;align-items:center;box-sizing:border-box;text-align:center; } #frontHeader .news.multiplayer-news strong {color:#000f1a;} #frontHeader .news.multiplayer-news .newsWrapper { display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%; } #frontHeader .news.multiplayer-news .newsText { color:#011b2b;font:8px/1.35 Arial,sans-serif;text-align:center;margin:auto 0; } #frontHeader .news.multiplayer-news .newsDonateFooter { position:relative;margin-top:0px;margin-bottom:4px;text-align:center;width:max-content; } #frontHeader .news.multiplayer-news .newsDonateLink { color:#033c63;text-decoration:none !important;font:bold 8.5px/12px Arial,sans-serif;cursor:pointer;transition:color .15s; } #frontHeader .news.multiplayer-news .newsDonateLink:hover {color:#001220;} #frontHeader .news.multiplayer-news .newsDonateFooter stripe-buy-button { position:absolute;inset:0;opacity:.001;pointer-events:auto;cursor:pointer;z-index:2; } /* Red Team Bot Roster (#roomRedBots) for balanced multi-bot teams */ #roomRedBots { position:absolute;left:443px;top:100px;width:163px;max-height:168px; overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#747983 #cbd0d7; } #roomRedBots>div { position:relative;height:42px;box-sizing:border-box;padding:4px 5px 0 21px; background:transparent var(--roster-bot,url(menu/lobby/tb01_n.png)) no-repeat; background-size:100% 42px;font:bold 8px/13px Arial,sans-serif;color:#002034; } #roomRedBots .botReady { position:absolute;right:3px;top:18px;width:48px;height:7px; background:transparent var(--roster-ready,url(menu/lobby/ready.png)) no-repeat;font-size:0; } /* Offline Training disabled tabs */ #gameFrontend.offline-training-mode #frontNav button:disabled { opacity:.38;filter:grayscale(.7);cursor:not-allowed; } #gameFrontend.offline-training-mode #roomActions button:first-child:disabled { background-image:url(menu/lobby/b01_i.png);opacity:.55;cursor:not-allowed; } /* Draggable In-Game Player List Modal (#matchPlayers) */ #matchPlayers {position:fixed;margin:0;z-index:120;} #matchPlayers header {cursor:move;user-select:none;touch-action:none;} #matchPlayers.dragging header {cursor:grabbing;background:linear-gradient(#dce3ec,#7e8896);} #matchPlayers .dragGrip {opacity:.75;margin-right:4px;font-weight:normal;} /* Spinner de carregamento do inventário e catálogo */ .profileCatalogSpinner { position:absolute;left:245px;top:260px;width:24px;height:24px; display:flex;align-items:center;justify-content:center; z-index:10;pointer-events:none; } .profileCatalogSpinner .spinnerRing { width:18px;height:18px; border:2px solid rgba(255,204,0,0.2); border-top-color:#ffd84d;border-radius:50%; animation:profileSpinnerRotate 0.8s linear infinite; } @keyframes profileSpinnerRotate { to { transform:rotate(360deg); } } /* In-Map Screen Test Floating Chip Overlay */ #inMapScreenTestChip { position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:900; background:rgba(18,24,16,0.94);border:1px solid #58c27d;border-radius:16px; padding:4px 14px;display:flex;align-items:center;gap:12px;color:#78e4ba; font-family:'Ozone_10', Impact, 'Segoe UI', Arial, sans-serif;font-size:10px;font-weight:bold; letter-spacing:0.5px;box-shadow:0 4px 18px rgba(0,0,0,0.85);backdrop-filter:blur(3px); } #inMapScreenTestChip[hidden] {display:none !important;} #inMapScreenTestChip strong {color:#fff;letter-spacing:0.8px;} #closeScreenTestChip { background:#264a2e;border:1px solid #58c27d;border-radius:10px;color:#d8ffe5; font-family:'Ozone_10', Impact, sans-serif;font-size:9px;font-weight:bold;padding:3px 10px;cursor:pointer; } #closeScreenTestChip:hover {background:#3b7046;color:#fff;} /* Ranking uses the same fixed 800×600 screen and artwork as Options. */ #frontRankingView {color:#042438;} .rankingHeader {position:absolute;inset:0 0 auto;height:70px;background:url(menu/options/bg_options.png) no-repeat;} #rankingTitle {position:absolute;right:14px;top:4px;width:174px;height:29px;margin:0;text-align:right;background:url(menu/options/bg_options.png) -440px -4px no-repeat;} .rankingScope {position:absolute;left:20px;top:40px;} .rankingModes {position:absolute;left:635px;top:40px;font:bold 10px/16px Arial,sans-serif;} .rankingSidebar {position:absolute;left:0;top:72px;width:218px;height:342px;background:url(menu/options/bg_video.png) no-repeat;} .rankingProfileCard {position:absolute;left:13px;right:12px;bottom:12px;padding:12px;background:linear-gradient(110deg,#099ce7,#007fc1);border:3px ridge #a4acc0;box-sizing:border-box;} .rankingProfileCard h3 {margin:0 0 12px;height:14px;padding-bottom:8px;border-bottom:1px solid #045879;} #rankingProfileName {display:block;font-size:13px;overflow-wrap:anywhere;} .rankingProfilePatent {display:flex;align-items:center;gap:8px;margin:8px 0 12px;font:bold 9px Arial,sans-serif;} .rankingProfileCard dl {display:grid;grid-template-columns:1fr auto;gap:7px;margin:0;padding-top:9px;border-top:1px solid #045879;font:bold 10px Arial,sans-serif;} .rankingProfileCard dt {color:#042438;} .rankingProfileCard dd {margin:0;text-align:right;} .rankingBoard {position:absolute;left:223px;right:16px;top:76px;height:332px;box-sizing:border-box;background:linear-gradient(115deg,#069eeb,#0087d4);border:3px ridge #9aa9c3;} .rankingBoardHeader {position:absolute;left:9px;right:9px;top:7px;height:25px;border-bottom:1px solid #03537d;display:flex;align-items:start;justify-content:space-between;} .rankingBoardHeader h3 {margin:0;height:16px;} #rankingPlayerCount {font:9px/16px Arial,sans-serif;} .rankingTableContainer {position:absolute;left:7px;right:19px;top:39px;bottom:8px;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;} .rankingTableContainer::-webkit-scrollbar {display:none;} .rankingTable {width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font:9px Arial,sans-serif;} .rankingTable th {position:sticky;top:0;z-index:1;background:#087fbc;color:#031f32;height:23px;padding:0 3px;border-bottom:1px solid #03537d;font-size:8px;} .rankingTable td {height:36px;box-sizing:border-box;padding:5px 3px;border-bottom:1px solid #086ba099;vertical-align:middle;} .rankingTable tbody tr:nth-child(even) {background:#0677b322;} .rankingTable tbody tr:hover {background:#ffffff22;} .rankingTable .rankingRowMe {background:#72cde17a;box-shadow:inset 3px 0 var(--botzin-selection-blue);font-weight:bold;} .rankPosition {width:31px}.rankPatent {width:30px}.rankLevel {width:35px}.rankScore {width:57px}.rankMatches {width:79px}.rankKills {width:34px} .rankingPatent {display:inline-block;flex:0 0 13px;width:13px;height:12px;overflow:hidden;vertical-align:middle;} .rankingPatent img {display:block;width:13px;height:34px;max-width:none;image-rendering:pixelated;} .colPos,.colPatent,.colLevel,.colPoints,.colWinRate,.colKills {text-align:center;} .colPlayer {overflow-wrap:anywhere;}.colPlayer strong {display:block;}.colPlayer small {display:block;margin-top:3px;font-size:8px;} #rankingTableContainerScroll {position:absolute;right:5px;top:39px;width:8px;bottom:8px;} #frontRankingView .nativeScroll {display:grid;grid-template-rows:8px minmax(0,1fr) 8px;gap:1px;} #frontRankingView .nativeScroll button {width:8px;height:8px;padding:0;border:1px solid #d5d9e0;background:linear-gradient(#e1e4ee,#8b929f);position:relative;} #frontRankingView .nativeScroll button:after {content:"";position:absolute;left:1px;top:1px;border-left:2px solid transparent;border-right:2px solid transparent;} #frontRankingView .scrollUp:after {border-bottom:3px solid #343943;} #frontRankingView .scrollDown:after {border-top:3px solid #343943;} #frontRankingView .scrollTrack {position:relative;min-height:0;background:#4c5057;border-left:1px solid #bfc6d0;border-right:1px solid #bfc6d0;touch-action:none;} #frontRankingView .scrollThumb {position:absolute;left:0;right:0;box-sizing:border-box;border:1px solid #e4e7f0;background:linear-gradient(90deg,#d9dce5,#949ba8);} .rankingFooter {position:absolute;left:0;right:0;bottom:0;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 18px;background:url(menu/options/bg_video.png) 0 bottom no-repeat;box-sizing:border-box;} #rankingUserSummary {font:9px Arial,sans-serif;transform:translateY(-5px);white-space:nowrap;} #gameFrontend #rankingBack {position:absolute;left:697px;top:-3px;width:68px;height:21px;padding:0;background:transparent;border:0;font-weight:bold;} #frontNav button[aria-current=page] {color:#0000b8;} .rankingAccessibleCaption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);} /* Equip/Sell share the original inventory footer, like Back/Apply. */ #inventoryActions {position:absolute;left:302px;top:411px;width:189px;height:19px;display:flex;gap:1px;box-sizing:border-box;} #inventoryActions::before {content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid #747782;pointer-events:none;} #gameFrontend #inventoryActions button {position:static;flex:0 0 94px;width:94px;height:19px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#071a28;font:bold 10px/19px Arial,sans-serif;letter-spacing:normal;box-shadow:none;text-shadow:none;filter:none;opacity:1;} #gameFrontend #inventoryActions button:hover:not(:disabled) {background:linear-gradient(#ffffff66,#6cafd733);} #gameFrontend #inventoryActions button:disabled {opacity:.5;cursor:default;} #inventoryActions canvas {display:none!important;} /* The original green sprite is the equip state; selection does not imply equip. */ .inventoryEquippedBadge {display:none;} #gameFrontend .roomWeapon[aria-pressed=true],#gameFrontend .roomWeapon[aria-pressed=true]:hover {background-image:url(menu/lobby/inv01_d.png);outline:0;box-shadow:none;} #gameFrontend .inventoryCard[data-equipped=true],#gameFrontend .inventoryCard[data-equipped=true][aria-pressed=true] {background-image:url(menu/lobby/inv01_d.png);border:0;box-shadow:none;} #gameFrontend .inventoryCard {background-image:url(menu/lobby/inv01_n.png);} #gameFrontend .inventoryCard[aria-pressed=true]:not([data-equipped=true]) {background-image:url(menu/lobby/inv01_n.png);} #gameFrontend .inventoryCard img {left:13.5%;top:10%;width:26.5%;height:78%;} #gameFrontend .inventoryCard strong {left:44%;right:3%;} .inventoryCard .itemValues>span:nth-child(1) {left:49%;}.inventoryCard .itemValues>span:nth-child(2) {left:63%;}.inventoryCard .itemValues>span:nth-child(3) {left:77%;}.inventoryCard .itemValues>span:nth-child(4) {left:90%;} #play,#hudMenu,#inMapScreenTestChip,#frontScreenTest {display:none!important;} /* ========================================================================= * Server Status Indicator Badges, Dots & Maintenance Banners * ========================================================================= */ .statusDot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; flex-shrink: 0; animation: statusDotPulse 2s ease-in-out infinite; } @keyframes statusDotPulse { 0%, 100% { transform: scale(1); opacity: 1; filter: brightness(1); } 50% { transform: scale(1.22); opacity: 0.85; filter: brightness(1.3); } } .status-online .statusDot, .dot-blue { background: #00d2ff; box-shadow: 0 0 6px #00d2ff, 0 0 10px rgba(0, 210, 255, 0.75); } .status-online .statusText { color: #033c5e; } .status-maintenance .statusDot, .dot-amber { background: #ffb300; box-shadow: 0 0 6px #ffb300, 0 0 10px rgba(255, 179, 0, 0.8); } .status-maintenance .statusText { color: #78350f; } .status-offline .statusDot, .dot-red { background: #ef4444; box-shadow: 0 0 6px #ef4444, 0 0 10px rgba(239, 68, 68, 0.75); } .status-offline .statusText { color: #5c1414; } /* LoginGui Status Badge */ #loginServerStatus { position: absolute; right: 248px; top: 126px; display: inline-flex; align-items: center; gap: 4px; padding: 2.5px 7px; border-radius: 10px; background: rgba(240, 248, 255, 0.65); border: 1px solid rgba(4, 104, 158, 0.28); box-shadow: 0 1px 4px rgba(0, 24, 48, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7); backdrop-filter: blur(4px); font: bold 9.5px/1 Arial, sans-serif; letter-spacing: 0.3px; text-transform: lowercase; user-select: none; pointer-events: auto; z-index: 10; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } /* News Banner Maintenance Notification */ .maintenance-news-banner { color: #fed7aa !important; background: rgba(120, 53, 15, 0.45); border-radius: 4px; padding: 2px 6px; display: inline-block; } .maintenance-news-banner strong { color: #fef08a !important; } /* Maintenance Gentle Modal */ .maintenancePopupCard { max-width: 400px; } .maintenancePopupContent { padding: 16px 20px; text-align: center; color: #0b2234; } .maintenanceBadgeIcon { font-size: 32px; margin-bottom: 8px; } #maintenancePopupMessage { font: bold 12px/1.45 Arial, sans-serif; margin: 0 0 8px; color: #082842; } .maintenanceSub { font: 11px/1.4 Arial, sans-serif; margin: 0; color: #2b4559; } /* Account nickname editor, using the classic metal and blue form treatment. */ #profileName[role=button] {pointer-events:auto;cursor:pointer;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #profileName[role=button]:hover {text-decoration:underline;} #profileName[role=button]:focus-visible {outline:1px solid var(--botzin-selection-blue);outline-offset:2px;} #nicknameEditor {width:400px;max-width:calc(100vw - 28px);box-sizing:border-box;padding:14px 16px;border:3px outset #d8dce5;color:#07263a;background:repeating-linear-gradient(0deg,#ffffff12 0px,#ffffff12 1px,#00000006 1px,#00000006 2px),linear-gradient(#edf0f6,#b6bdc8);font:12px Arial,sans-serif;} #nicknameEditor::backdrop {background:#00132299;} #nicknameEditor h2 {margin:0 0 12px;font-size:14px;} .nicknameEditorBody {padding:12px;background:linear-gradient(#079fe7,#0089cb);border:2px ridge #8aa9bf;} .nicknameEditorBody label {display:inline-block;width:42px;font-weight:bold;} #nicknameEditorInput {box-sizing:border-box;width:calc(100% - 48px);height:27px;border:1px dashed #03527d;background:#ffffff33;color:#05253a;padding:3px 6px;font:13px Arial,sans-serif;} #nicknameEditorPrice,#nicknameEditorNotice {margin:12px 0 0;font-size:12px;line-height:1.4;} #nicknameEditorNotice {color:#651719;} #nicknameEditor footer {display:flex;justify-content:flex-end;gap:6px;margin-top:12px;} #nicknameEditor button {border-radius:0;min-width:94px;padding:5px 8px;border:2px outset #dfe3eb;background:linear-gradient(#f7f8fb,#b8bdc8);color:#07263a;font:bold 11px Arial,sans-serif;cursor:pointer;} #nicknameEditor button:disabled {opacity:.5;cursor:default;} #nicknameEditor input:focus-visible,#nicknameEditor button:focus-visible {outline:2px solid var(--botzin-selection-blue);outline-offset:1px;} /* Shared light-blue selection for inventory, shop, room equipment and ranking. */ #gameFrontend .shopCard[aria-pressed=true],#gameFrontend .inventoryCard[aria-pressed=true],#gameFrontend .roomWeapon[aria-pressed=true] {outline:2px solid var(--botzin-selection-blue);outline-offset:-2px;} .serverCard[aria-selected=true]:focus-visible {outline-color:var(--botzin-selection-blue);} /* Uploaded native sprites: use their baked lettering, glyphs and metal plate. */ #frontServers #frontRefreshRooms,#frontServers #frontPlayRoom {padding:0;border:0;background-color:transparent;background-size:95px 22px;box-shadow:none;filter:none;} #frontServers #frontRefreshRooms {left:96px;background-image:url(menu/serverlist/b03_n.png);} #frontServers #frontPlayRoom {left:288px;background-image:url(menu/serverlist/b05_n.png);} #frontServers #frontRefreshRooms:hover:not(:disabled) {background-image:url(menu/serverlist/b03_h.png);} #frontServers #frontPlayRoom:hover:not(:disabled) {background-image:url(menu/serverlist/b05_h.png);} #frontServers #frontRefreshRooms:active:not(:disabled) {background-image:url(menu/serverlist/b03_d.png);} #frontServers #frontPlayRoom:active:not(:disabled) {background-image:url(menu/serverlist/b05_d.png);} #frontServers #frontRefreshRooms:disabled,#frontServers #frontPlayRoom:disabled {opacity:.55;filter:grayscale(1);} #frontServers .nativeActionText {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} /* Keep the original header slots; use the classic beveled button lettering. */ #gameFrontend #frontNav button {font:bold 10px/22px Arial,sans-serif;color:#242429;text-shadow:0 1px #f0eff3,1px 0 #55545d44;letter-spacing:0;} #gameFrontend #frontNav button[aria-current=page] {color:#0000a0;} #gameFrontend #frontNav button:hover:not(:disabled) {background:linear-gradient(#ffffff66,#b2b0bd44);} #gameFrontend #frontNav button:active:not(:disabled) {background:linear-gradient(#67687455,#ffffff22);} /* Community pages use the same metal tabs and blue body as Options. */ /* Each tab stays inside one original Options slot (the CLAN slot stays empty for non-members). GUILDA uses the fifth original slot. */ .rankingModes.communityTabs{left:426px;top:37px;width:339px;height:19px;display:grid;grid-template-columns:repeat(5,67px);gap:1px} #gameFrontend .communityTabs button{width:67px;height:19px;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#111;font:bold 10px/19px Arial,sans-serif;text-shadow:0 1px #ffffff66;outline-offset:-2px} #gameFrontend .communityTabs [data-tab=CLAN]{grid-column:1} #gameFrontend .communityTabs [data-tab=PRO]{grid-column:2} #gameFrontend .communityTabs [data-tab=G2]{grid-column:3} #gameFrontend .communityTabs [data-tab=TORNEIO]{grid-column:4} #gameFrontend .communityTabs [data-tab=GUILDA]{grid-column:5} #gameFrontend .communityTabs button:hover{background:#ffffff33} #gameFrontend .communityTabs button[aria-pressed=true]{background:linear-gradient(#b4e8ff,#54bce7);color:#002b43} #communityBoard{position:absolute;inset:40px 9px 9px;overflow:auto;color:#002b43;font:11px Arial;padding:4px} #communityBoard[hidden]{display:none} #communityBoard button,.communityDialog button{font:bold 10px Arial;color:#002b43;background:linear-gradient(#fff,#a3a5ac);border:2px outset #ddd;min-height:21px;cursor:pointer} #communityBoard button:disabled{opacity:.55;cursor:default} #communityBoard label{display:block;margin:6px 0} #communityBoard input,.communityDialog input{background:#8fd9f4;border:1px inset #3894b4;color:#002b43;max-width:95%} .clanBanner{max-width:100%;max-height:100px;object-fit:contain} .clanChat{max-height:130px;overflow:auto;background:#007eb2;border:1px inset #88cfff;padding:4px} .clanChat p{margin:4px 0;overflow-wrap:anywhere} .communityDialog{width:min(420px,85vw);background:repeating-linear-gradient(#b2b5bd 0 1px,#a7aab2 1px 3px);border:4px ridge #ddd;color:#002b43;font:14px Arial} .communityDialog::backdrop{background:#00121bcc} .communityDialog input{font:16px Arial} #communityBoard .rankingTable small{display:block;margin-top:3px} #communityBoard p>button{display:inline-block;margin:0 2px} #communityBoard p{overflow-wrap:anywhere} #communityBoard input[type=file]{max-width:100%;font-size:10px} #frontRanking[data-clan-count]:not([data-clan-count=""])::after{content:attr(data-clan-count);position:absolute;right:2px;top:0;padding:0 3px;background:#8fd9f4;color:#002b43;font:bold 9px Arial;border:1px solid #03658c} #frontRanking{position:relative} #communityBoard{right:19px;scrollbar-width:none} #communityBoard::-webkit-scrollbar{display:none} #communityBoardScroll{position:absolute;right:5px;top:39px;width:8px;bottom:8px} .guildChampionIcon {width:12px;height:12px;object-fit:contain;vertical-align:-2px;margin-right:4px;} .guildChampionName::before {content:"";display:inline-block;width:12px;height:12px;margin-right:3px;vertical-align:-2px;background:url(icons/guild-champion.svg) center/contain no-repeat;} #roomPlayerCard.guildChampionPlayer #roomPlayerName {padding-left:13px;background:url(icons/guild-champion.svg) left center/11px 11px no-repeat;} .guildSeasonPrize {font-weight:bold;color:#002c47;} /* Guild roster occupies the original BUDDIES frame, anchored above LISTA/VOLTAR. */ #gameFrontend #rankingClanChat,#gameFrontend #rankingClanList {position:absolute;left:629px;top:-3px;width:68px;height:21px;padding:0;border:0;background:transparent;font:bold 10px/19px Arial,sans-serif;color:#112d3e;} #gameFrontend #rankingClanChat {left:561px;background:url(menu/options/bg_video.png) -629px -342px no-repeat;} #gameFrontend #rankingClanChat {box-shadow:inset 1px 0 #70737b,inset -1px 0 #dce0e7;} #guildRoster {position:absolute;right:16px;bottom:30px;width:182px;height:336px;background:url(menu/buddylist/bg_buddylist.png) no-repeat;z-index:8;color:#002b43;font:9px Arial,sans-serif;} #guildRosterTitle {position:absolute;left:34px;top:4px;width:112px;height:17px;margin:0;text-align:center;background:url(menu/common/popup/bg_popup_input.png) -40px -3px no-repeat;font:bold 12px/17px Arial,sans-serif;} #guildRosterCount {position:absolute;left:9px;top:28px;right:29px;font:bold 8px/12px Arial,sans-serif;} #guildRosterMembers {position:absolute;left:9px;top:45px;width:143px;height:252px;overflow:auto;scrollbar-width:none;} #guildRosterMembers::-webkit-scrollbar {display:none;} #gameFrontend .guildRosterMember {display:flex;align-items:center;justify-content:flex-start;width:100%;height:26px;padding:2px;border:0;background:transparent;color:#002b43;text-align:left;font:9px Arial,sans-serif;gap:4px;} #gameFrontend .guildRosterMember[aria-pressed=true] {background:var(--botzin-selection-blue);outline:1px solid #4ab1d7;outline-offset:-1px;} .guildRosterMember img {width:16px;height:13px;object-fit:contain;flex:none;} .guildRosterMember span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .guildRosterMember small {display:block;font-size:7px;} #guildRosterMembersScroll {right:12px;top:45px;height:252px;} #guildRosterMembersScroll[hidden] {display:none!important;} #gameFrontend #guildRosterAdd,#gameFrontend #guildRosterRemove {position:absolute;top:308px;width:74px;height:19px;padding:0;border:0;background-color:transparent;background-size:74px 19px;opacity:1;} #gameFrontend #guildRosterAdd {left:7px;background-image:url(menu/buddylist/b02_n.png);} #gameFrontend #guildRosterAdd:hover:not(:disabled) {background-image:url(menu/buddylist/b02_h.png);} #gameFrontend #guildRosterAdd:active:not(:disabled) {background-image:url(menu/buddylist/b02_d.png);} #gameFrontend #guildRosterAdd:disabled {background-image:url(menu/buddylist/b02_i.png);} #gameFrontend #guildRosterRemove {left:82px;background-image:url(menu/buddylist/b01_n.png);} #gameFrontend #guildRosterRemove:hover:not(:disabled) {background-image:url(menu/buddylist/b01_h.png);} #gameFrontend #guildRosterRemove:active:not(:disabled) {background-image:url(menu/buddylist/b01_d.png);} #gameFrontend #guildRosterRemove:disabled {background-image:url(menu/buddylist/b01_i.png);} #guildRoster button> .guildButtonText {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} .guildInvitations {padding:5px;border:1px solid #09618c;background:#ffffff18;} #guildInviteNotice {min-height:18px;} #gameFrontend .guildRosterMember[data-online=false],#gameFrontend .guildRosterMember[data-online=unknown] {color:#3e4147;} .guildRosterMember[data-online=false] img,.guildRosterMember[data-online=unknown] img {filter:grayscale(1);opacity:.65;} /* Native message frame, anchored above CHAT | LISTA | VOLTAR. */ #rankingUserSummary {max-width:535px;overflow:hidden;text-overflow:ellipsis;} #guildChat {position:absolute;right:16px;bottom:30px;width:379px;height:311px;background:url(menu/buddylist/bg_message.png) no-repeat;z-index:9;color:#002b43;font:10px Arial,sans-serif;} #guildChat h3 {position:absolute;left:34px;top:3px;width:312px;height:18px;margin:0;background:url(menu/common/popup/bg_popup_input.png) -40px -3px no-repeat;font:bold 12px/18px Arial,sans-serif;color:#444;} #gameFrontend #guildChatClose {position:absolute;right:7px;top:3px;width:15px;height:15px;padding:0;border:0;background:transparent;color:#333;font:bold 16px/15px Arial;} #guildChatMessages {position:absolute;left:9px;top:29px;width:335px;height:189px;overflow:auto;scrollbar-width:none;} #guildChatMessages::-webkit-scrollbar {display:none;} #guildChatMessages p {margin:3px 0;overflow-wrap:anywhere;white-space:pre-wrap;} #guildChatMessagesScroll {right:28px;top:29px;height:189px;} #guildChatMessagesScroll[hidden] {display:none!important;} #guildChatInput {position:absolute;left:10px;top:232px;width:339px;height:39px;box-sizing:border-box;padding:3px;border:0;background:transparent;resize:none;color:#002b43;font:11px Arial,sans-serif;outline-offset:1px;} #gameFrontend #guildChatSend {position:absolute;left:279px;top:283px;width:74px;height:19px;margin:0;padding:0;border:0;background:transparent url(menu/buddylist/b04_n.png);opacity:1;} #gameFrontend #guildChatSend:hover:not(:disabled) {background-image:url(menu/buddylist/b04_h.png);} #gameFrontend #guildChatSend:active:not(:disabled) {background-image:url(menu/buddylist/b04_d.png);} #gameFrontend #guildChatSend:disabled {background-image:url(menu/buddylist/b04_i.png);} #guildChatSend .guildButtonText {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);} /* Pending join requests stay lit until the owner accepts or rejects them. */ #gameFrontend #guildRequestsBell {position:absolute;right:6px;top:2px;width:23px;height:21px;margin:0;padding:2px;border:0;background:transparent;color:#666b73;opacity:1;display:flex;align-items:center;justify-content:center;} #gameFrontend #guildRequestsBell[data-pending=true] {color:#8a5600;cursor:pointer;} #gameFrontend #guildRequestsBell:hover:not(:disabled),#gameFrontend #guildRequestsBell:focus-visible {background:#ffffff55;outline:1px solid #4e626f;outline-offset:-1px;} #guildRequestsBell[data-pending=true] svg {fill:#ffd85c;filter:drop-shadow(0 0 1px #fff0b0);} #guildRequestsCount {position:absolute;right:0;top:0;min-width:8px;padding:0 1px;background:#b62b22;color:#fff;font:bold 7px/9px Arial,sans-serif;text-align:center;border:1px solid #efb8a9;} #guildRequestsPopup {position:absolute;left:9px;top:45px;width:143px;max-height:252px;box-sizing:border-box;padding:4px;background:#008fcb;border:1px solid #64bad8;z-index:2;overflow:auto;} #guildRequestsPopup h4 {margin:0 0 5px;font:bold 8px/14px Arial,sans-serif;color:#002b43;} .guildRequestRow {display:flex;align-items:center;gap:3px;min-height:24px;border-bottom:1px solid #ffffff33;} .guildRequestRow span {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px Arial,sans-serif;} #gameFrontend .guildRequestRow button {flex:none;width:19px;height:19px;margin:0;padding:0;border:1px outset #cbd3d9;border-radius:0;background:linear-gradient(#f2f4f6,#a0a7ae);font:bold 12px/17px Arial,sans-serif;} #gameFrontend .guildRequestRow [data-request-action=accept] {color:#155826;} #gameFrontend .guildRequestRow [data-request-action=reject] {color:#8c251d;} #gameFrontend .guildRequestRow button:hover:not(:disabled) {background:#d2efff;} #gameFrontend .guildRequestRow button:disabled {opacity:.55;} /* Keep footer buttons inside the exact original metal cells. */ #gameFrontend #rankingClanChat,#gameFrontend #rankingClanList,#gameFrontend #rankingBack {top:0;width:67px;height:19px;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:inset(0);font:bold 10px/19px Arial,sans-serif;} #gameFrontend #rankingClanChat[data-unread=true] {background:linear-gradient(#b4e8ff,#54bce7);color:#002b43;} #communityPlayerInfo {position:absolute;width:180px;box-sizing:border-box;padding:10px;background:#008ec8;border:3px ridge #d1d8e0;z-index:15;pointer-events:none;color:#002b43;font:10px Arial,sans-serif;} #communityPlayerInfo>img {float:left;width:30px;height:30px;object-fit:contain;margin:0 6px 5px 0;} #communityPlayerInfo h3 {margin:0 0 5px;font:bold 12px Arial,sans-serif;overflow-wrap:anywhere;} #communityPlayerInfo p {margin:3px 0;overflow-wrap:anywhere;} #communityPlayerInfo dl {clear:both;display:grid;grid-template-columns:1fr auto;gap:6px;margin:10px 0 0;border-top:1px solid #075b7d;padding-top:8px;} #communityPlayerInfo dd {margin:0;text-align:right;font-weight:bold;} .guildDirectory {display:grid;gap:7px;} .guildDirectoryCard {display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid #076389;background:#ffffff0b;} .guildDirectoryAvatar {width:46px;height:46px;object-fit:contain;flex:none;background:#007eb2;border:1px solid #6dc6e2;} .guildDirectoryCard>div {flex:1;min-width:0;} .guildDirectoryCard h3 {margin:0 0 4px;font:bold 12px Arial,sans-serif;overflow-wrap:anywhere;} #communityBoard .guildDirectoryCard p {margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;} .guildDirectoryCard small {font:9px Arial,sans-serif;} #communityBoard .guildDirectoryCard button {flex:none;font-size:9px;margin:0;} .guildDirectoryOwn {flex:none;font-weight:bold;} /* Clan identity above the personal profile; avatars are a fixed set of 12. */ #guildIdentityCard {position:absolute;left:13px;right:12px;top:8px;height:150px;box-sizing:border-box;padding:7px 10px;background:linear-gradient(110deg,#099ce7,#007fc1);border:3px ridge #a4acc0;color:#002b43;} .guildIdentityPortrait {position:relative;width:78px;height:78px;margin:auto;background:#007bb0;border:1px solid #4eb5d7;} .guildIdentityPortrait>img {width:100%;height:100%;object-fit:contain;image-rendering:pixelated;} #gameFrontend #guildChangeIcon,#gameFrontend #guildChangeBanner {position:absolute;right:-5px;bottom:-4px;width:23px;height:21px;margin:0;padding:0;border:2px outset #e4e6e8;background:#dce1e6;color:#002b43;font:bold 15px Arial,sans-serif;} #guildIdentityCard>h3 {margin:6px 0;height:15px;text-align:center;} .guildAchievements {display:flex;align-items:center;justify-content:space-between;gap:4px;font:9px Arial,sans-serif;} .guildAchievements>span {display:flex;gap:2px;max-width:90px;overflow:auto;} #gameFrontend .guildAchievement {flex:none;width:18px;height:18px;margin:0;padding:1px;border:0;background:transparent;} .guildAchievement img {width:16px;height:16px;} .hasGuildIdentity .rankingProfileCard {padding:10px;} .hasGuildIdentity .rankingProfileCard h3 {margin-bottom:7px;} .hasGuildIdentity .rankingProfilePatent {margin:6px 0 8px;} .guildIconGrid {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;} .guildIconGrid button {height:58px;background:#008ec8;border:2px outset #cbd3df;} .guildIconGrid button[aria-pressed=true] {outline:2px solid #03496f;} .guildIconGrid img {width:42px;height:42px;object-fit:contain;image-rendering:pixelated;} .clanCoverWrap {position:relative;margin:7px 4px 18px;} .clanCover {aspect-ratio:16/3;overflow:hidden;border:2px ridge #a4acc0;background:#0079ad;} .clanCoverImage {display:block;width:100%;height:100%;object-fit:cover;} .clanDefaultCover {height:100%;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(110deg,#004d79,#08a5df,#004d79);color:#d0f5ff;font:bold 18px Arial,sans-serif;} .clanDefaultCover img {width:55px;height:55px;object-fit:contain;image-rendering:pixelated;} #gameFrontend #guildChangeBanner {right:-4px;bottom:-8px;} #clanEdit {margin:0 5px 16px;} #clanEdit label {font:bold 10px Arial,sans-serif;margin:12px 0 4px;} #clanEdit textarea {display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:35px;padding:6px;margin:5px 0;background:#8fd9f4;border:1px inset #3894b4;color:#002b43;font:11px/1.4 Arial,sans-serif;} #clanEdit small,.clanBannerHelp {font:9px/1.4 Arial,sans-serif;} .clanPublicSynopsis {margin:12px 4px;font-weight:bold;} .clanInternalNotes {padding:6px 4px;margin:12px 0;} .clanInternalNotes p {white-space:pre-wrap;overflow-wrap:anywhere;} .clanInternalNotes a {color:#003c7a;text-decoration:underline;} /* In-game menu: keep native cells and slightly larger, consistent lettering. */ #gameFrontend #frontEscape button {font:bold 13px/19px Arial,sans-serif;margin:0;} #frontEscape .escapeTitle {font-size:14px;height:18px;} #communityBoard #clanSave[data-dirty=true]:not(:disabled) {background:linear-gradient(#c3f0ff,#53bce8);color:#00354d;border-color:#b7eaff;} #clanSaveStatus {min-height:12px;margin:4px 0;font:9px Arial,sans-serif;} .guildDirectoryRestricted {flex:none;max-width:85px;font:bold 9px Arial,sans-serif;color:#003950;} .guildTournamentIcon {float:left;width:25px;height:25px;object-fit:contain;margin:0 5px 0 0;} /* Share Equip/Sell typography and hover, keeping the native footer cell sizes. */ #gameFrontend #rankingClanChat,#gameFrontend #rankingClanList,#gameFrontend #rankingBack {background:transparent;color:#071a28;font:bold 10px/19px Arial,sans-serif;letter-spacing:normal;box-shadow:none;text-shadow:none;filter:none;opacity:1;} #gameFrontend #rankingClanChat:hover:not(:disabled),#gameFrontend #rankingClanList:hover:not(:disabled),#gameFrontend #rankingBack:hover:not(:disabled) {background:linear-gradient(#ffffff66,#6cafd733);} #rankingClanChat canvas,#rankingClanList canvas,#rankingBack canvas {display:none!important;} #gameFrontend #rankingClanChat {border-left:1px solid #747782;border-right:1px solid #d0d2d9;} #gameFrontend #rankingClanChat[data-unread=true],#gameFrontend #rankingClanChat[data-unread=true]:hover,#gameFrontend #rankingClanChat[data-unread=true]:active {background:linear-gradient(#b4e8ff,#54bce7);color:#002b43;} /* Native footer cell, readable label without the old blue BUY bitmap. */ #shopMessage #shopMessageBuy {background-image:linear-gradient(#eee,#aaa);color:#071a28;font:10px Arial,sans-serif;border:1px outset #eee;} #shopMessage #shopMessageBuy:hover {background-image:linear-gradient(#fff,#9cb4be);} #shopMessage #shopMessageBuy:active {background-image:linear-gradient(#999,#ddd);border-style:inset;} #communityBoard .clanRequests,#communityBoard .clanAudit,#communityBoard #clanRequests,#communityBoard #clanAudit {display:none!important;} /* Two-player room: the guest is pawn 1 (white team), the host pawn 0 (red team). */ #gameFrontend.netplay-guest #roomPlayerCard {left:620px;} #gameFrontend.netplay-guest #roomWhite {top:100px;} #gameFrontend.netplay-guest #roomRedBots {top:58px;} #gameFrontend .roomPeerCard {background-image:var(--roster-player,url(menu/lobby/tv01_d.png));} #gameFrontend .roomPeerCard .botReady[data-ready=false] {visibility:hidden;} #gameFrontend.netplay-guest #roomPlayerCard .roomHost {visibility:hidden;} #gameFrontend .cycleSelector:has(select:disabled) {opacity:.6;}