.lobby-screen{position:fixed;z-index:50;inset:0;color:#efe5ce;background:radial-gradient(circle at 55% 0,#28624c,#092e26 55%,#031a16);transition:.35s;overflow:auto}.lobby-screen.hidden{opacity:0;visibility:hidden;transform:scale(1.025);pointer-events:none}.lobby-header{height:72px;padding:0 30px;display:flex;align-items:center;background:linear-gradient(#193e32,#0a2922);border-bottom:1px solid #a3885366;box-shadow:0 3px 20px #0007}.lobby-brand{min-width:230px}.lobby-wallet{margin:auto;display:flex;align-items:center;gap:25px;background:#061f1a99;border:1px solid #755f3c66;border-radius:20px;padding:7px 8px 7px 20px;font-size:12px}.lobby-wallet b{color:#f1ca72;margin-left:6px}.lobby-wallet button{border:0;border-radius:14px;background:#b47c2f;color:#fff1c9;padding:5px 13px}.lobby-user{min-width:230px;display:flex;justify-content:flex-end;align-items:center;gap:9px}.small-avatar{width:44px;height:44px;font-size:17px}.lobby-user p{display:flex;flex-direction:column;margin:0}.lobby-user p b{font-size:13px}.lobby-user p small{font-size:10px;color:#9eb1aa;margin-top:3px}.lobby-user>button{border:0;background:none;color:#af9d78}.lobby-body{height:calc(100vh - 108px);min-height:620px;display:grid;grid-template-columns:205px minmax(590px,1fr) 260px}.game-nav{background:#061f1bc9;border-right:1px solid #9e82513d;padding:22px 13px;display:flex;flex-direction:column}.game-nav h3{font-size:12px;color:#7e9b91;padding:0 12px}.game-nav>button{display:flex;align-items:center;gap:12px;border:0;border-radius:8px;background:none;color:#8fa79e;padding:11px;text-align:left;margin-bottom:5px}.game-nav>button.active{background:linear-gradient(90deg,#bf8132,#86551c);color:#fff0cc;box-shadow:0 4px 12px #0005}.game-nav button i{width:33px;font:24px Georgia;text-align:center}.game-nav button span{display:flex;flex-direction:column;font-size:14px}.game-nav button small{font-size:9px;opacity:.65;margin-top:2px}.lobby-download{margin-top:auto;display:flex;flex-direction:column;padding:14px;background:#0c3028;border-radius:8px;border:1px solid #806d4d55}.lobby-download b{color:#e2c587}.lobby-download small{color:#9bada6}.lobby-download span{font-size:8px;color:#607b71;margin-top:10px}.lobby-main{padding:22px 28px;overflow:auto}.lobby-banner{height:178px;display:flex;align-items:center;justify-content:space-between;padding:26px 38px;border:1px solid #c79b4b5c;border-radius:14px;background:radial-gradient(circle at 80% 50%,#b3762744,transparent 33%),linear-gradient(120deg,#174f3e,#0a3028);box-shadow:0 8px 25px #00140e88;overflow:hidden}.lobby-banner small{color:#dbb864;letter-spacing:3px}.lobby-banner h1{font:700 30px "Microsoft YaHei";margin:8px 0;color:#ffe2a2}.lobby-banner p{color:#a7bcb4;font-size:12px}.banner-cards{display:flex;align-items:center;transform:rotate(8deg);margin-right:20px}.banner-cards b,.banner-cards strong{width:68px;height:96px;margin-left:-20px;display:grid;place-items:center;background:#fff9e9;color:#222;border:3px solid #d8bd81;border-radius:8px;box-shadow:3px 6px 12px #0008;font:700 32px Georgia}.banner-cards b:nth-child(2){color:#c83e32;transform:translateY(-10px)}.banner-cards strong{background:linear-gradient(#342118,#ac2e1c);color:#ffd877;font-size:20px;transform:translateY(5px)}.mode-title{display:flex;align-items:end;justify-content:space-between;margin:20px 2px 12px}.mode-title>div{display:flex;align-items:end;gap:15px}.mode-title h2{margin:0;font-size:18px}.mode-title span{font-size:10px;color:#849d94}.mode-title span b{color:#e2bd69}.mode-title button{border:0;background:none;color:#bda36e}.room-grid{display:grid;gap:10px}.room-card{position:relative;display:flex;align-items:center;text-align:left;gap:16px;padding:13px 17px;border:1px solid #55766a66;border-radius:10px;background:linear-gradient(100deg,#103b30,#0b2d26);color:#dfe5dc;cursor:pointer;transition:.18s}.room-card:hover{transform:translateY(-2px);border-color:#b99b5e}.room-card.selected{border-color:#e0b55c;background:linear-gradient(100deg,#214d3e,#3f4528);box-shadow:0 0 0 2px #c69b4440}.room-card.selected:after{content:"已选";position:absolute;right:0;top:0;background:#c28835;color:#fff5d5;padding:3px 11px;border-radius:0 9px 0 9px;font-size:9px}.room-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font:25px Georgia;border:2px solid}.room-icon.bronze{background:#74502e;border-color:#d19a57}.room-icon.silver{background:#546165;border-color:#b7ccd0}.room-icon.gold{background:#766020;border-color:#e6c65c}.room-card h3{margin:0 0 3px;font-size:14px}.room-card p,.room-card small{margin:0;color:#90a59e;font-size:10px}.room-card em{margin-left:auto;margin-right:40px;color:#bea66e;font-size:10px;font-style:normal}.match-bar{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 17px;background:#061f1a99;border-radius:10px;border:1px solid #6c785a44}.match-bar>div{display:grid;grid-template-columns:auto auto;gap:2px 8px}.match-bar span{grid-row:1/3;align-self:center;color:#779087;font-size:10px}.match-bar b{font-size:14px;color:#ebcf91}.match-bar small{color:#789187}.match-bar>button{border:1px solid #f2cd7b;border-radius:22px;padding:11px 40px;background:linear-gradient(#f2c86e,#b47727);color:#4b2807;font-weight:bold;box-shadow:0 3px 12px #0006;cursor:pointer}.lobby-side{padding:22px 14px 15px 0}.lobby-side section{background:#092a23d9;border:1px solid #6f725755;border-radius:10px;margin-bottom:13px;padding:13px}.side-title{display:flex;justify-content:space-between;border-bottom:1px solid #5b716855;padding-bottom:9px}.side-title h3{margin:0;font-size:13px}.side-title span{color:#bd9e60;font-size:10px}.task{display:flex;align-items:center;gap:7px;padding:10px 0}.task i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#386a50;color:#d9c37d;font-style:normal}.task p{display:flex;flex-direction:column;margin:0;flex:1}.task p b{font-size:10px}.task small{font-size:9px;color:#718b82}.task button{font-size:9px;border:1px solid #a47d3f;border-radius:10px;background:#8d6128;color:#ffe6ae}.task button:disabled{filter:grayscale(1);opacity:.5}.rank-list{padding:0;margin:6px 0 0;list-style:none}.rank-list li{display:grid;grid-template-columns:25px 1fr auto;padding:8px 2px;font-size:10px}.rank-list i{color:#d0a84d}.rank-list span{color:#ad9564}.lobby-footer{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#041b17;color:#587168;font-size:9px}.lobby-footer button{border:0;background:none;color:#748b83;font-size:9px}.matching-layer{position:absolute;z-index:5;inset:72px 0 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#031b17eF;opacity:0;visibility:hidden;transition:.25s}.matching-layer.show{opacity:1;visibility:visible}.matching-layer h2{color:#f3d590;margin:15px 0 4px}.matching-layer>p{color:#839b92;font-size:12px}.matching-cancel{position:absolute;right:30px;top:22px;border:1px solid #86744e;border-radius:15px;background:#17362e;color:#bdaf91;padding:6px 18px}.matching-table{position:relative;width:540px;height:330px;margin-top:10px;border-radius:50%;border:6px solid #153e33;background:radial-gradient(#1b6d52,#0b4536);box-shadow:0 18px 50px #000,inset 0 0 40px #00271d}.match-radar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border:1px solid #d3b36566;border-radius:50%;display:grid;place-items:center;color:#d8bd7e;font-size:12px;overflow:hidden}.match-radar i{position:absolute;width:50%;height:50%;left:50%;top:0;background:linear-gradient(45deg,transparent,#ffd66f55);transform-origin:0 100%;animation:radar 1.6s linear infinite}.match-seat{position:absolute;width:110px;text-align:center;display:flex;flex-direction:column;align-items:center}.match-seat:nth-child(1){left:50%;bottom:-44px;transform:translateX(-50%)}.match-seat:nth-child(2){left:-55px;top:50%;transform:translateY(-50%)}.match-seat:nth-child(3){left:50%;top:-42px;transform:translateX(-50%)}.match-seat:nth-child(4){right:-55px;top:50%;transform:translateY(-50%)}.match-seat .avatar,.seat-wait{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:3px solid #c5a964;background:#342f27;color:#d8bd83}.seat-wait{border-style:dashed;font-size:20px;animation:pulse 1.3s infinite}.match-seat b{font-size:11px;margin-top:4px}.match-seat small{color:#769188;font-size:9px}.match-seat.found small{color:#e8bd63}@keyframes radar{to{transform:rotate(360deg)}}.leave-actions{display:flex;gap:12px;justify-content:center}.leave-actions button{border-radius:18px;padding:8px 22px;border:1px solid #bc9451}
@media(max-width:1000px){.lobby-body{grid-template-columns:150px 1fr}.lobby-side{display:none}.game-nav{padding:15px 7px}.lobby-main{padding:16px}.lobby-user{min-width:160px}.lobby-wallet{display:none}}@media(max-width:700px){.lobby-body{display:block}.game-nav{display:none}.lobby-header{padding:0 12px}.lobby-user p{display:none}.lobby-main{padding:10px}.lobby-banner{height:130px;padding:18px}.lobby-banner h1{font-size:21px}.banner-cards{transform:scale(.7) rotate(8deg)}.matching-table{transform:scale(.75)}.room-card em{display:none}}