:root{--gold:#e9c675;--gold-2:#9b6a21;--ink:#f7f1df;--muted:#b7c2ba;--glass:rgba(12,31,22,.78);--table-a:#176f44;--table-b:#0b4c31;--table-glow:rgba(93,255,179,.18);--frame:#8a5b19;--surface-nav:rgba(7,28,19,.9);--surface-panel:rgba(11,34,24,.97);--surface-raised:rgba(255,255,255,.07);--surface-input:rgba(0,0,0,.2);--surface-border:rgba(233,198,117,.25);--accent:#d99a32;--accent-hover:#edb34f;--accent-ink:#fffaf0;--danger:#c94a45;--success:#268b69;--secondary:#53635b;--shadow-color:rgba(0,18,11,.58);--btn-compact-padding:.42rem .72rem;--btn-compact-radius:7px;--btn-compact-height:34px;--panel-width:36rem;--panel-wide:48rem}
html,body{width:100%;height:100%;min-height:100dvh;background:#071b12}body{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink)}
#game{min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 42%,var(--table-glow),transparent 38%),radial-gradient(circle at 50% 50%,var(--table-a),var(--table-b) 72%)}
#game::after{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(255,255,255,.08);border-radius:22px;z-index:0}
#game::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at center,transparent 0 34px,rgba(255,255,255,.018) 35px 36px),linear-gradient(115deg,rgba(255,255,255,.04),transparent 28%,rgba(0,0,0,.12));box-shadow:inset 0 0 0 7px rgba(244,199,93,.3),inset 0 0 45px 12px #00180c}
body[data-table-theme="royal"]{--table-a:#164f83;--table-b:#071f43;--table-glow:rgba(87,181,255,.24);--frame:#b6954b;--surface-nav:rgba(5,24,48,.91);--surface-panel:rgba(8,30,55,.97);--accent:#b58a3d;--accent-hover:#cfaa61;--shadow-color:rgba(0,12,35,.62)}
body[data-table-theme="wood"]{--table-a:#744727;--table-b:#301b12;--table-glow:rgba(255,188,96,.16);--frame:#d0a05a;--surface-nav:rgba(45,24,14,.91);--surface-panel:rgba(50,29,18,.97);--accent:#bd7839;--accent-hover:#d89758;--shadow-color:rgba(31,13,5,.64)}
body[data-table-theme="wood"] #game::before{background:repeating-linear-gradient(92deg,transparent 0 72px,rgba(255,255,255,.025) 74px,rgba(0,0,0,.045) 78px),radial-gradient(ellipse,var(--table-a),var(--table-b))}
body[data-table-theme="night"]{--table-a:#25245c;--table-b:#090b29;--table-glow:rgba(153,136,255,.23);--frame:#6d69b5;--surface-nav:rgba(12,14,48,.91);--surface-panel:rgba(20,21,59,.97);--surface-raised:rgba(143,137,213,.11);--surface-input:rgba(4,5,24,.42);--surface-border:rgba(163,157,224,.28);--accent:#8d76c8;--accent-hover:#a58edc;--shadow-color:rgba(2,3,25,.68)}
body[data-table-theme="night"] #game::before{background-image:radial-gradient(circle at 15% 18%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 75% 26%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 42% 72%,#b8c8ff 0 1px,transparent 1.5px);background-size:180px 180px,240px 240px,310px 310px;box-shadow:inset 0 0 0 7px #7772bd77,inset 0 0 70px #020316}
#topBar{top:clamp(8px,1.5vh,18px);left:50%;right:auto;transform:translateX(-50%);width:min(1500px,calc(100vw - 28px));padding:8px 10px;border:1px solid var(--surface-border);border-radius:16px;background:var(--surface-nav);box-shadow:0 14px 38px var(--shadow-color),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(16px);justify-content:center}
#topBar button{border:1px solid rgba(255,255,255,.12)!important;background:var(--surface-raised)!important;color:var(--ink);box-shadow:inset 0 1px rgba(255,255,255,.14),0 3px 8px var(--shadow-color);transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
#topBar :is(#menuToggle,#loginBtn){background:var(--accent)!important;color:var(--accent-ink)}
:is(#topBar,.panel,#replayBar,#itemBar,.shareBtns) button:not(.primaryAction):not(.profileAvatar):not(.avatarPresets button):not(.themeGrid button){min-height:var(--btn-compact-height)!important;padding:var(--btn-compact-padding)!important;border-radius:var(--btn-compact-radius)!important}.primaryAction{min-height:48px!important;padding:11px 28px!important;border-radius:10px!important}
#topBar button:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 8px 17px #00180c66}button:active{transform:translateY(1px) scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe59a;outline-offset:2px}
.seat{z-index:6;min-width:92px}.seat .avatar{position:relative}.seat .avatar::after{content:"";position:absolute;inset:-6px;border:1px solid rgba(255,224,137,.18);border-radius:inherit;pointer-events:none}
#centerInfo{z-index:4;padding:9px 18px;border:1px solid rgba(255,224,137,.18);border-radius:999px;background:rgba(2,18,11,.38);backdrop-filter:blur(10px);text-shadow:0 2px 6px #000}
#phase{font-size:clamp(14px,1.6vw,19px);font-weight:800;letter-spacing:.08em;color:#ffe39a}
#multiplier:empty{display:none}
.seat{padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(5,25,16,.68),rgba(0,12,7,.25));border:1px solid rgba(255,255,255,.12);text-shadow:0 2px 4px #000;backdrop-filter:blur(8px);cursor:pointer}.seat .avatar{box-shadow:inset 0 0 0 2px #fff2,0 8px 22px #00170c88;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.seat:hover{border-color:#ffe09866}
#seatP{left:auto;right:clamp(12px,2vw,28px);bottom:clamp(12px,3vh,32px)}
body.game-active:not(.game-menu-open) #topBar{width:auto;max-width:none;padding:0;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none}
.card{border:1px solid #b5aa8f;border-radius:11px;background:linear-gradient(145deg,#fffdf5,#eee7d7);box-shadow:0 10px 20px #00150c55,inset 0 0 0 2px #fff;color:#172017}.card.red{color:#c3212e}.card.selected{filter:drop-shadow(0 8px 9px #ffd85a99)}
.panel{width:min(var(--panel-width),calc(100vw - 24px))!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;overscroll-behavior:contain;padding:clamp(18px,3vw,28px)!important;border:1px solid var(--surface-border);border-radius:16px;background:var(--surface-panel);color:var(--ink);box-shadow:0 30px 80px var(--shadow-color),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px)}.panel.panelWide,.panel:has(.itemGrid),.panel:has(canvas){--panel-width:var(--panel-wide)}.panel h2{margin:0 0 8px;color:var(--gold);font-size:clamp(20px,3vw,28px);letter-spacing:-.03em;line-height:1.2;text-wrap:balance}.panelSubtext{max-width:62ch;margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.65}.panelActions,.panelFormRow,.loginBtns{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}.panel input,.panel select,.panel textarea{min-height:38px;max-width:100%;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:var(--surface-input);color:var(--ink);font:inherit}.panelFormRow input{flex:1 1 13rem;width:auto!important}.panel table{min-width:0}.panel button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto!important;max-width:100%;min-inline-size:max-content;white-space:nowrap!important}.panel .itemGrid,.panel .achGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px}.panel .shopItem,.panel .achCard{width:auto!important}.panel canvas{display:block;max-width:100%;height:auto;margin-inline:auto}
.panel :is(button,.closeBtn),#replayBar button,#itemBar button,.shareBtns button{min-height:var(--btn-compact-height)!important;padding:var(--btn-compact-padding)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:var(--btn-compact-radius)!important;background:var(--surface-raised)!important;color:var(--ink)!important;font:inherit;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.1);transition:background .18s,border-color .18s,transform .18s}
.panel :is(button,.closeBtn):hover,#replayBar button:hover,#itemBar button:hover,.shareBtns button:hover{background:var(--accent)!important;border-color:rgba(255,255,255,.28)!important}.panel .btnPrimary{background:var(--accent)!important}.panel .btnSuccess{background:var(--success)!important}.panel .btnDanger{background:var(--danger)!important}.panel .btnMuted{background:var(--secondary)!important}.panel .closeBtn{margin-top:12px}
#actions button,#landlordChoice button,#startBtn{border:1px solid #fff3;box-shadow:inset 0 1px #fff5,0 10px 26px #00170c66;transition:transform .18s,filter .18s}
#actions{padding:8px;border:1px solid rgba(255,224,137,.18);border-radius:16px;background:rgba(2,18,11,.55);backdrop-filter:blur(14px);box-shadow:0 14px 36px #00170c66}
#actions button{min-width:92px;font-weight:800}
#btnPlay{background:linear-gradient(180deg,#e7a33f,#b8671d)!important}#btnPass{background:#43534b!important}#btnHint{background:#237d61!important}
#rematchBtn{position:absolute;top:54%;left:50%;z-index:21;display:none;transform:translate(-50%,-50%);padding:15px 38px;border:1px solid #fff5;border-radius:12px;background:linear-gradient(180deg,#ff4b43,#c9212b);color:#fff;font-size:clamp(20px,2.4vw,30px);font-weight:800;cursor:pointer;box-shadow:inset 0 1px #fff5,0 12px 30px #00170c77}#rematchBtn:disabled{opacity:.8;cursor:wait}
.playedArea{display:flex;align-items:flex-start;justify-content:center;overflow:visible}
.playedArea .card{position:relative!important;left:auto!important;top:10px!important;flex:0 0 auto}
.playedArea .card+.card{margin-left:clamp(-34px,-2.1vw,-18px)}
#turnTimer{position:absolute;left:50%;bottom:clamp(220px,28vh,310px);z-index:18;display:none;transform:translateX(-50%);min-width:104px;padding:9px 16px;text-align:center;border:1px solid #ffe6a866;border-radius:999px;background:linear-gradient(180deg,rgba(30,48,35,.94),rgba(5,20,12,.94));color:#ffe08a;font-size:15px;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 24px #00140d99,inset 0 1px #fff3;pointer-events:none}
#turnTimer.urgent{color:#fff;background:linear-gradient(180deg,#d84a3f,#8e201d);animation:turnTimerPulse .7s ease-in-out infinite alternate}
@keyframes turnTimerPulse{to{transform:translateX(-50%) scale(1.08);box-shadow:0 0 0 7px #ff625733,0 10px 28px #3c080899}}
#counterHeader{border:1px solid #fff2;backdrop-filter:blur(12px)}
#counter{gap:3px!important;padding:2px!important;font-size:12px!important}
#counterHeader{gap:5px!important;padding:3px 6px!important;border-radius:6px!important;flex:0 0 auto}
#counterBody{gap:2px!important;padding:2px 0!important;scrollbar-width:thin}
#counterBody div{padding:1px 4px!important;border-radius:3px!important;line-height:20px;font-variant-numeric:tabular-nums}
#counterFold{padding:1px 5px!important;font-size:11px}
.profileHero{display:flex;align-items:center;gap:16px;margin:4px 0 14px;padding:12px;border-radius:16px;background:#ffffff0b}.profileHero.compact{margin-bottom:18px}.profileHero>div:not(.profileAvatar){display:grid;gap:5px;text-align:left}.profileHero strong{font-size:20px}.profileHero small{display:block;color:#9fb3a7;user-select:text}.profileAvatar{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border:2px solid #eac66b;border-radius:22px;background:#263b31;color:#fff;font-size:40px;overflow:hidden;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:0 10px 26px #00160e88}.profileAvatar[role="img"]{cursor:default}.avatarUpload{width:max-content;padding:5px 10px;border:1px solid #ffffff22;border-radius:7px;background:#176b4a;color:#fff;cursor:pointer}.avatarPresets{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 10px;margin-bottom:6px}.avatarPresets button{flex:0 0 38px;width:38px;height:38px;border:1px solid #ffffff24;border-radius:10px;background:#ffffff0d;color:#fff;font-size:22px;cursor:pointer}.avatarPresets button.active{border-color:#f0c45b;background:#d7972633;box-shadow:inset 0 0 0 1px #f0c45b}
.bubble-P{translate:-50% 0}.bubble-L,.bubble-R{max-width:min(260px,34vw)}
.themePanel{width:min(620px,calc(100vw - 24px))}.themeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.themeGrid button{display:flex;align-items:center;gap:9px;padding:7px 9px;background:#ffffff0d;color:#fff;border:1px solid #ffffff1c;border-radius:8px}.themePreview{width:64px;height:42px;border-radius:7px;box-shadow:inset 0 0 12px #0007}.themePreview.classic{background:radial-gradient(circle,#25865a,#0b4c31)}.themePreview.royal{background:radial-gradient(circle,#286da5,#071f43)}.themePreview.wood{background:repeating-linear-gradient(90deg,#744727 0 13px,#4a2919 14px 16px)}.themePreview.night{background:radial-gradient(circle,#454389,#090b29)}
#welcomeShell{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(35,129,81,.72),rgba(2,14,9,.96) 66%);backdrop-filter:blur(14px);transition:opacity .45s,visibility .45s}#welcomeShell.hidden{opacity:0;visibility:hidden;pointer-events:none}.welcomeCard{width:min(560px,calc(100vw - 32px));padding:46px 32px;text-align:center;border:1px solid #ffe09a55;border-radius:28px;background:linear-gradient(145deg,rgba(21,57,40,.92),rgba(5,24,16,.95));box-shadow:0 40px 100px #000b,inset 0 1px #fff3}.brandMark{width:86px;height:86px;margin:auto;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#ffe391,#b97717);color:#13251a;font-size:54px;box-shadow:0 16px 40px #0008}.eyebrow{color:var(--gold);letter-spacing:.25em;margin:22px 0 8px}.welcomeCard h1{font-size:clamp(38px,7vw,68px);line-height:1;margin:0;letter-spacing:-.06em}.welcomeCard>p:not(.eyebrow){color:#c8d6cd;margin:18px 0 28px}.welcomeCard button{padding:14px 42px;border:1px solid #fff6;border-radius:12px;background:linear-gradient(180deg,#f2bd4e,#b56b16);color:#fff;font-size:20px;font-weight:700;box-shadow:0 13px 28px #0007}.welcomeCard small{display:block;margin-top:14px;color:#8fa89a}
@media(max-width:760px){#topBar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}#seatP{bottom:8px;transform:none}.playedArea .card+.card{margin-left:-28px}#turnTimer{bottom:clamp(145px,23vh,210px);min-width:88px;padding:7px 12px;font-size:13px}.bubble-L{left:82px!important}.bubble-R{left:auto!important;right:82px}.themeGrid{grid-template-columns:1fr}.seat{padding:7px}.welcomeCard{padding:34px 20px}.panel{top:50%!important;border-radius:14px!important}.panel table,.panel tbody,.panel tr,.panel td{display:block;width:100%}.panel thead{display:none}.panel tr{padding:8px 0;border-bottom:1px solid #ffffff1c}.panel td{border:0!important;padding:5px!important}.friendRow,.taskRow,.specRoom,.reviewItem{align-items:flex-start!important;gap:8px;flex-wrap:wrap}.panel .itemGrid,.panel .achGrid{grid-template-columns:1fr 1fr!important}body.mobile #playerHand .card{margin-left:0!important}}
@media(max-width:420px){.panel{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:14px!important}.panel .itemGrid,.panel .achGrid{grid-template-columns:1fr!important}.panel button{padding:8px 10px}}
@media(prefers-reduced-transparency:reduce){#topBar,#centerInfo,#actions,.seat{backdrop-filter:none;background:var(--surface-panel)}}
.firstWinOverlay{position:fixed;inset:0;z-index:260;display:none;place-items:center;padding:20px;background:rgba(2,10,24,.78);backdrop-filter:blur(7px);animation:firstWinFade .3s ease-out}.firstWinOverlay.open{display:grid}.firstWinBackdrop{position:absolute;inset:0}
.firstWinCard{position:relative;width:min(720px,calc(100vw - 28px));padding:44px 42px 25px;text-align:center;overflow:hidden;border:3px solid #f5cf68;border-radius:25px;background:linear-gradient(145deg,#fffdf5 0%,#f7f5eb 53%,#e9eff8 100%);box-shadow:0 0 0 8px #284f9a,0 0 0 11px #9fc2ff,0 26px 80px #000b, inset 0 0 45px #fff;animation:firstWinCardIn .48s cubic-bezier(.2,1.4,.4,1)}.firstWinCard::before{content:"";position:absolute;inset:12px;border:1px solid #d9ae3c99;border-radius:16px;pointer-events:none}.firstWinCard::after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-100px;border-radius:50%;background:#fff8;filter:blur(4px);pointer-events:none}.firstWinRibbon{position:absolute;top:15px;left:50%;transform:translateX(-50%);padding:4px 18px;border-radius:99px;background:linear-gradient(180deg,#f7cf65,#c88920);color:#fff;font-size:12px;font-weight:800;letter-spacing:.16em;box-shadow:0 4px 12px #8c5b2544}.firstWinKicker{position:relative;color:#e28a18;font-size:15px;font-weight:800;letter-spacing:.2em}.firstWinCard h2{position:relative;margin:5px 0 12px;color:#f17c12;font-size:clamp(36px,6vw,62px);font-weight:900;letter-spacing:.04em;text-shadow:0 2px 0 #fff,0 4px 10px #e6a12a44}.firstWinDesc{position:relative;margin:0 auto 25px;color:#34517b;font-size:clamp(15px,2.2vw,21px);font-weight:700}.firstWinRewards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:550px;margin:0 auto 27px}.firstWinReward{display:grid;justify-items:center;gap:4px;padding:12px 7px 10px;border:1px solid #b8cdf2;border-radius:14px;background:linear-gradient(180deg,#edf4ff,#fff);box-shadow:inset 0 1px #fff,0 7px 16px #5577a522;color:#263a5c}.rewardIcon{display:grid;place-items:center;width:72px;height:72px;border-radius:12px;background:linear-gradient(145deg,#dbe8ff,#fff);font-size:44px;filter:drop-shadow(0 5px 5px #7387a555)}.firstWinReward strong{font-size:16px}.firstWinReward small{color:#6b7b92;font-size:14px}.firstWinActions{position:relative;display:flex;justify-content:center;gap:18px}.firstWinActions button{min-width:170px;padding:12px 26px;border:0;border-radius:999px;font:inherit;font-size:19px;font-weight:900;cursor:pointer;box-shadow:inset 0 2px #fff8,0 8px 15px #435e7a44;transition:transform .18s,filter .18s}.firstWinActions button:hover{filter:brightness(1.06);transform:translateY(-2px)}.firstWinActions button:active{transform:translateY(1px) scale(.98)}.firstWinSecondary{background:linear-gradient(180deg,#66d5ff,#2499ec);color:#073d77}.firstWinPrimary{background:linear-gradient(180deg,#ffdb4e,#f5a516);color:#734300}.firstWinFootnote{position:relative;display:block;margin-top:13px;color:#8190a2;font-size:12px}.firstWinSpark{position:absolute;color:#f2b72f;font-size:32px;animation:firstWinTwinkle 1.8s ease-in-out infinite}.sparkA{left:10%;top:35%}.sparkB{right:11%;bottom:27%;animation-delay:.6s}@keyframes firstWinFade{from{opacity:0}to{opacity:1}}@keyframes firstWinCardIn{from{opacity:0;transform:scale(.72) translateY(30px)}to{opacity:1;transform:none}}@keyframes firstWinTwinkle{50%{transform:scale(1.45) rotate(18deg);opacity:.45}}
@media(max-width:560px){.firstWinCard{padding:40px 16px 20px;border-width:2px;border-radius:19px}.firstWinCard::before{inset:8px}.firstWinRewards{gap:7px}.firstWinReward{padding:8px 2px}.rewardIcon{width:54px;height:54px;font-size:32px}.firstWinReward strong{font-size:13px}.firstWinReward small{font-size:12px}.firstWinActions{gap:8px}.firstWinActions button{min-width:0;flex:1;padding:11px 8px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.firstWinOverlay,.firstWinCard,.firstWinSpark{animation:none}}
.firstWinCard{padding-left:148px;overflow:visible}
.firstWinMascot{position:absolute;left:-128px;bottom:-20px;width:300px;height:auto;z-index:3;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 14px 12px #18345b66)}
.firstWinCard{border:0;border-radius:30px;background:linear-gradient(145deg,#fffdf7,#f5f4ed 58%,#e8eff8);box-shadow:0 0 0 7px #3157a4,0 0 0 10px #b8d0ff,0 0 0 13px #e5b949,0 28px 80px #000b,inset 0 0 45px #fff}
.firstWinCard::before{inset:10px;border:2px solid #e7c75f;border-radius:22px;box-shadow:inset 0 0 0 5px #fff8,inset 0 0 0 7px #e7c75f55}
.firstWinCard::after{width:320px;height:170px;right:-70px;top:-90px;background:radial-gradient(ellipse,#fff9,transparent 68%);filter:blur(2px)}
.firstWinMascot{z-index:8;mix-blend-mode:normal;filter:drop-shadow(0 16px 10px #263a6255)}
.firstWinCard{border:4px solid #f8d66d;border-radius:28px;background:linear-gradient(145deg,#fffef8,#f7f5e9 58%,#e7effb);box-shadow:0 0 0 5px #3559ad,0 0 0 9px #8fb7ff,0 0 0 13px #f1c84e,0 28px 80px #000b,inset 0 0 35px #fff}
.firstWinCard::before{inset:9px;border:3px solid #efc95d;border-radius:20px;box-shadow:inset 0 0 0 4px #fff9,inset 0 0 0 6px #e5bb4c66}
.firstWinCard::after{width:350px;height:190px;right:-80px;top:-95px;background:radial-gradient(ellipse,#fff9,transparent 68%);filter:blur(2px)}
.firstWinRibbon{z-index:10;border:2px solid #ffe7a0;box-shadow:0 4px 0 #a66a1d,0 6px 13px #8c5b2544}
@media(max-width:560px){.firstWinCard{padding-left:16px}.firstWinMascot{left:-50px;bottom:-13px;width:155px;opacity:.9}.firstWinKicker,.firstWinCard h2,.firstWinDesc,.firstWinRewards,.firstWinActions,.firstWinFootnote{position:relative;z-index:4}}
/* 统一组件是最终视觉来源，覆盖页面内仍需兼容保留的旧面板声明。 */
body .panel{border-color:var(--surface-border)!important;border-radius:16px!important;background:var(--surface-panel)!important;color:var(--ink)!important;box-shadow:0 30px 80px var(--shadow-color),inset 0 1px rgba(255,255,255,.1)!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.card{border:2px solid #d9a83e!important;border-radius:10px!important;background:linear-gradient(145deg,#fffef7 0%,#fff7df 52%,#f0dca9 100%)!important;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #183b68,0 8px 14px #00152d66!important;color:#18304d!important;overflow:hidden}
.card::before{content:"";position:absolute;inset:5px;border:1px solid #d9a83e88;border-radius:6px;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff8 0 2px,transparent 3px),linear-gradient(135deg,transparent 46%,#d9a83e18 47% 53%,transparent 54%)}
.card.red{color:#c52f3a!important}.card .rank,.card .suit{position:relative;z-index:1;text-shadow:0 1px #fff}.card.selected{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #e3ad3e,0 0 0 4px #ffe47a,0 10px 25px #ffc92899!important}
#welcomeShell{overflow:hidden!important;background:radial-gradient(circle at 50% 42%,rgba(82,157,228,.96),rgba(20,58,119,.98) 66%)!important}
.welcomeCard{position:relative;isolation:isolate;border:3px solid #f2c95d!important;background:linear-gradient(145deg,rgba(37,76,132,.96),rgba(13,28,70,.97))!important;box-shadow:0 0 0 5px #3157a4,0 0 0 9px #91baff,0 35px 100px #000b,inset 0 1px #fff3!important}
.welcomeCard h1{color:#ffe37a;text-shadow:0 3px 0 #81531c,0 6px 14px #0008}
.welcomeMascot{position:absolute;bottom:-18px;width:220px;max-height:390px;object-fit:contain;z-index:-1;filter:drop-shadow(0 16px 12px #081534aa);pointer-events:none}.welcomeFarmer{left:-170px}.welcomeLandlord{right:-170px}
@media(max-width:760px){.welcomeMascot{width:150px;max-height:270px}.welcomeFarmer{left:-102px}.welcomeLandlord{right:-102px}}
body[data-table-theme="classic"]{--table-a:#4d91d6;--table-b:#14366e;--table-glow:rgba(173,224,255,.28);--frame:#d8ad4a;--surface-nav:rgba(19,54,110,.82);--surface-panel:rgba(19,42,86,.96);--accent:#f0a52c;--accent-hover:#ffc34e;--shadow-color:rgba(12,35,83,.62)}
body[data-table-theme="classic"] #game::before{background:repeating-linear-gradient(115deg,transparent 0 3px,rgba(255,255,255,.08) 4px 5px),radial-gradient(ellipse at 50% 45%,rgba(173,224,255,.2),transparent 65%);box-shadow:inset 0 0 0 7px rgba(244,199,93,.3),inset 0 0 45px 12px #102e62}
body.game-active[data-table-theme="classic"] #game{background:radial-gradient(ellipse at 50% 40%,#4f91d7 0%,#2d61ad 54%,#17356e 100%)}
body.game-active[data-table-theme="classic"] #game::before{background:repeating-linear-gradient(115deg,transparent 0 3px,rgba(255,255,255,.09) 4px 5px),radial-gradient(ellipse at 50% 42%,rgba(197,231,255,.2),transparent 65%);box-shadow:inset 0 0 0 7px rgba(255,255,255,.12),inset 0 -80px 100px #102e624d}
body.game-active #topBar{background:linear-gradient(180deg,rgba(25,62,128,.72),rgba(16,42,96,.54))!important;border-color:#ffffff1f!important;border-radius:0 0 18px 18px!important}
body.game-active #topBar :is([data-feature="profile"],[data-feature="online"],[data-feature="achievements"],[data-feature="shop"],[data-feature="friends"],[data-feature="ranking"],[data-feature="tasks"],[data-feature="season"],[data-feature="spectate"],[data-feature="replay"]){display:none!important}
body.game-active #topBar #menuToggle{background:rgba(20,55,118,.72)!important}
body.game-active #playerHand{filter:drop-shadow(0 8px 10px rgba(9,28,70,.35))}
button{font:inherit;font-weight:700;line-height:1.15;min-height:34px;padding:7px 14px;border:1px solid rgba(255,255,255,.3);border-radius:9px;color:#fff;background:linear-gradient(180deg,#f6bd4d,#e58b1e);box-shadow:inset 0 1px rgba(255,255,255,.45),0 5px 12px rgba(8,32,77,.3);cursor:pointer;transition:transform .16s,filter .16s,box-shadow .16s}
button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.5),0 8px 16px rgba(8,32,77,.36)}
button:active{transform:translateY(1px) scale(.98)}

/* 大厅首页：截图风格的联机入口，保留原有牌桌和功能面板。 */
#welcomeShell{display:block!important;overflow:auto!important;background:#101139!important;color:#f8f7ff!important;backdrop-filter:none!important}
#welcomeShell.hidden{display:none!important}
.lobbyTopbar{position:fixed;inset:0 0 auto 0;height:80px;z-index:4;display:flex;align-items:center;gap:24px;padding:0 34px;border-bottom:1px solid #ffffff19;background:#111134;box-shadow:0 2px 20px #07071c55}
.lobbyBrand{display:flex;align-items:center;gap:12px;min-height:auto;padding:0;border:0;background:transparent!important;box-shadow:none!important;font-size:28px;color:#fff;letter-spacing:-.05em}.lobbyBrandIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#ffd34f;color:#151331;font-size:32px}.lobbyBrand b>span{color:#ffd44d}.lobbyStatus{display:flex;align-items:center;gap:7px;color:#d9d9ed;font-size:14px}.lobbyStatus i{width:8px;height:8px;border-radius:99px;background:#63e489;box-shadow:0 0 12px #63e489}.lobbyAccount{margin-left:auto;display:flex;align-items:center;gap:26px}.lobbyAccount>span{padding:13px 19px;border-radius:18px;background:#29274d;color:#ffe28a;font-size:18px}.lobbyAvatar{display:grid;place-items:center;width:50px;height:50px;min-height:0;padding:0;border:3px solid #e27746;border-radius:50%;background:#f0b675!important;font-size:29px;box-shadow:none!important}
.lobbySidebar{position:fixed;top:80px;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;width:122px;padding:30px 16px;gap:12px;border-right:1px solid #ffffff19;background:#10102f}.lobbyNav{display:grid;place-items:center;gap:7px;width:88px;height:92px;min-height:0;padding:8px;border:0;border-radius:18px;background:transparent!important;color:#d9d9f2;box-shadow:none!important}.lobbyNav span{font-size:29px;line-height:1}.lobbyNav em{font-style:normal;font-size:17px}.lobbyNav.active{color:#171438;background:#ffdc58!important;box-shadow:0 12px 22px #ffcc4655!important}.lobbyNav:not(.active):hover{background:#ffffff12!important}
.lobbyMain{min-height:100%;padding:126px 42px 38px 160px;background:radial-gradient(circle at 78% 15%,#4b4c94 0,transparent 31%),linear-gradient(118deg,#11133a,#181650 52%,#2c397e)}.lobbyTitle{display:flex;align-items:baseline;gap:20px;margin-bottom:27px}.lobbyTitle h1{margin:0;font-size:38px;letter-spacing:-.06em}.lobbyTitle p{margin:0;color:#c6c8ef;font-size:18px}
.lobbyHero{position:relative;display:flex;min-height:380px;overflow:hidden;border:1px solid #6e83c5;border-radius:31px;background:linear-gradient(112deg,#3d297f 0%,#5543a5 52%,#27578d 100%);box-shadow:inset 0 1px #ffffff22,0 24px 48px #07072455}.lobbyHero::after{content:"";position:absolute;inset:auto -5% -45% 25%;height:130%;border-radius:50%;background:radial-gradient(ellipse,#ffffff18,transparent 64%);pointer-events:none}.lobbyHeroCopy{position:relative;z-index:1;padding:57px 68px}.lobbyHeroCopy>p{margin:0 0 18px;color:#ffe05e;font-size:19px;font-weight:700}.lobbyHeroCopy h2{margin:0;color:#fff;font-size:clamp(42px,5vw,70px);letter-spacing:-.07em;line-height:1.08}.lobbyHeroCopy h2 strong{color:#ffda52}.lobbyHeroCopy>span{display:block;margin-top:10px;color:#e4e9ff;font-size:20px}.lobbyHeroCopy button{display:flex;align-items:center;gap:22px;margin-top:25px;min-height:67px;padding:0 27px;border:0;border-radius:20px;background:#ffd34f!important;color:#1b1937;font-size:21px;box-shadow:inset 0 -7px #e9aa24,0 10px 18px #24124c66!important}.lobbyHeroCopy button b{font-size:29px}.lobbyCards{position:absolute;right:8%;bottom:28px;width:360px;height:290px}.lobbyCard{position:absolute;display:grid;place-items:center;width:150px;height:214px;border:2px solid #e3e5ff;border-radius:18px;background:linear-gradient(145deg,#fff,#e9eafb);box-shadow:0 12px 20px #10154a55;color:#302c7a;font-style:normal;font-size:88px}.lobbyCard.club{left:5px;bottom:5px;transform:rotate(-11deg)}.lobbyCard.heart{left:105px;top:5px;z-index:2;color:#db4d5c;transform:rotate(1deg)}.lobbyCard.spade{right:5px;bottom:5px;transform:rotate(11deg)}
.lobbyModes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:27px}.lobbyMode{position:relative;display:flex;align-items:flex-end;min-height:205px;padding:28px;overflow:hidden;border-radius:28px;color:#fff}.lobbyMode>span{position:absolute;right:30px;top:26px;opacity:.22;font-size:86px}.lobbyMode h2{margin:0;font-size:25px}.lobbyMode p{margin:7px 0 0;color:#eef4ff;font-size:17px}.lobbyMode button{margin-left:auto;min-height:43px;padding:7px 18px;border:0;border-radius:12px;background:#fff!important;color:#37327b;box-shadow:none!important}.lobbyMode.classic{background:linear-gradient(135deg,#39a5b9,#2a77a8)}.lobbyMode.friends{background:linear-gradient(135deg,#dc6b85,#bd4c77)}.lobbyMode.season{background:linear-gradient(135deg,#8d76cf,#554db4)}
@media(max-width:900px){.lobbyMain{padding-left:142px;padding-right:24px}.lobbyHeroCopy{padding:42px}.lobbyCards{right:-70px;transform:scale(.82);transform-origin:bottom right}.lobbyModes{grid-template-columns:1fr}.lobbyMode{min-height:145px}.lobbySidebar{width:104px}.lobbyNav{width:76px;height:74px}.lobbyNav span{font-size:23px}.lobbyNav em{font-size:14px}}
@media(max-width:650px){.lobbyTopbar{height:64px;padding:0 14px;gap:12px}.lobbyBrand{font-size:20px}.lobbyBrandIcon{width:38px;height:38px;font-size:25px}.lobbyStatus{display:none}.lobbyAccount{gap:10px}.lobbyAccount>span{padding:8px 11px;font-size:14px}.lobbyAvatar{width:39px;height:39px;font-size:21px}.lobbySidebar{top:auto;right:0;width:auto;height:68px;bottom:0;flex-direction:row;justify-content:space-around;padding:4px 6px;border-top:1px solid #ffffff19;border-right:0}.lobbyNav{width:auto;flex:1;height:58px;border-radius:12px}.lobbyNav span{font-size:18px}.lobbyNav em{font-size:11px}.lobbyMain{padding:88px 14px 84px}.lobbyTitle{gap:10px;margin-bottom:16px}.lobbyTitle h1{font-size:27px}.lobbyTitle p{font-size:13px}.lobbyHero{min-height:410px}.lobbyHeroCopy{padding:31px 27px}.lobbyHeroCopy>p{font-size:15px}.lobbyHeroCopy h2{font-size:42px}.lobbyHeroCopy>span{max-width:245px;font-size:15px}.lobbyCards{right:-125px;bottom:-3px;transform:scale(.55);transform-origin:bottom right}.lobbyModes{gap:13px}.lobbyMode{min-height:125px;padding:20px}.lobbyMode h2{font-size:20px}.lobbyMode p{font-size:14px}}

/* 全套 UI：功能面板、联机社交与对局界面统一为蓝紫金设计系统。 */
:root{--ui-navy:#111137;--ui-deep:#17154b;--ui-purple:#5143a6;--ui-blue:#315d9a;--ui-gold:#ffd653;--ui-ink:#f8f7ff;--ui-muted:#b9b8dc;--ui-line:#ffffff24;--ui-card:#29255d;--ui-card-2:#363176;--ui-shadow:#07072099}
.panel{position:fixed!important;display:none;isolation:isolate;width:min(720px,calc(100vw - 36px))!important;max-height:min(760px,calc(100dvh - 36px))!important;padding:30px!important;overflow:auto!important;border:1px solid #9e9ce155!important;border-radius:26px!important;background:linear-gradient(145deg,#353074,#1c1a52 65%,#12123b)!important;color:var(--ui-ink)!important;box-shadow:0 28px 90px var(--ui-shadow),inset 0 1px #ffffff20!important;backdrop-filter:blur(18px)}
.panel::before{content:"";position:absolute;inset:0 0 auto;height:90px;z-index:-1;background:radial-gradient(ellipse at 20% 0,#8f86e355,transparent 64%);pointer-events:none}.panel h2{display:flex;align-items:center;gap:9px;margin:0 0 18px!important;color:#fff!important;font-size:28px!important;letter-spacing:-.04em}.panel h2::after{content:"";flex:1;max-width:130px;height:2px;background:linear-gradient(90deg,var(--ui-gold),transparent)}.panel h2 span{padding:4px 9px;border-radius:9px;background:#ffffff14;color:var(--ui-gold);font-size:15px}.panel .panelSubtext{margin:-8px 0 20px!important;color:var(--ui-muted)!important;font-size:15px!important}.panel .panelActions,.panel .panelFormRow,.panel .loginBtns{gap:11px!important;margin-top:14px!important}.panel button,.panel .closeBtn{min-height:42px!important;padding:9px 15px!important;border:1px solid #ffffff26!important;border-radius:12px!important;background:linear-gradient(180deg,#6155b5,#3f358c)!important;color:#fff!important;box-shadow:inset 0 1px #ffffff30,0 5px 13px #09082455!important}.panel button:hover{filter:brightness(1.12);border-color:#ffe38b99!important}.panel .btnPrimary,.panel button.btnLogin,.panel button.btnSuccess{background:linear-gradient(180deg,#ffdf65,#e6a72d)!important;color:#272047!important;border-color:#fff0a4!important}.panel .btnMuted,.panel button.btnGuest{background:#45456e!important}.panel .btnDanger,.panel .closeBtn{background:linear-gradient(180deg,#d9687f,#aa3b65)!important}.panel input,.panel select,.panel textarea{min-height:44px!important;border:1px solid #ffffff24!important;border-radius:12px!important;background:#101035aa!important;color:#fff!important;box-shadow:inset 0 1px #0008!important}.panel input::placeholder{color:#aaa9ce}.panel table{overflow:hidden;border:1px solid #ffffff18;border-radius:14px;background:#12113d88}.panel table td{padding:10px 12px!important;border-color:#ffffff14!important;color:#eeeefe}.panel table tr:nth-child(odd){background:#ffffff08}
#loginPanel,#profilePanel,#userCardPanel{width:min(470px,calc(100vw - 28px))!important}.profileHero{padding:16px!important;border:1px solid #ffffff18!important;border-radius:18px!important;background:linear-gradient(115deg,#6f64c333,#3e368333)!important}.profileAvatar{border-color:var(--ui-gold)!important;background:#423c86!important;box-shadow:0 8px 22px #0b093a88!important}.avatarPresets button{background:#ffffff12!important}.avatarPresets button.active{border-color:var(--ui-gold)!important;background:#ffda5933!important}
#netPanel{width:min(640px,calc(100vw - 28px))!important}.panelFormRow{padding:12px;border:1px solid #ffffff13;border-radius:16px;background:#11103977}.panelFormRow input{flex:1}.panel #netStatus{margin-top:15px;padding:12px;border-left:3px solid var(--ui-gold);border-radius:8px;background:#0e0d30aa;color:#d9ddff;white-space:pre-wrap}
#rankPanel,#seasonPanel{width:min(760px,calc(100vw - 28px))!important}.rankTabs{display:flex;gap:8px;margin:0 0 14px;padding:6px;border-radius:14px;background:#12113f}.rankTabs button{background:transparent!important;box-shadow:none!important}.rankTabs button.active{background:#5b50ad!important;color:#ffe171!important}.seasonInfo{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.seasonInfo>div{padding:16px!important;border:1px solid #ffffff1d!important;border-radius:16px!important;background:linear-gradient(145deg,#ffffff14,#ffffff08)!important}.seasonInfo b,.seasonInfo strong{color:var(--ui-gold)!important}
#taskPanel,#shopPanel,#achPanel{width:min(820px,calc(100vw - 28px))!important}.taskRow{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px;margin:10px 0!important;padding:14px!important;border:1px solid #ffffff18!important;border-radius:16px!important;background:linear-gradient(115deg,#ffffff10,#ffffff06)!important}.taskRow:hover{border-color:#ffe17a77!important;background:#ffffff16!important}.progressBar{width:130px!important;height:8px!important;border-radius:99px!important;background:#0b0a2e!important;overflow:hidden}.progressBar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6fd2ff,#a78cff)!important}.taskClaim{min-width:78px!important}.taskClaim.ready{background:#ffcf4c!important;color:#292049!important}.taskClaim.done{background:#4cbd8e!important}.taskClaim.locked{background:#575778!important}
.itemGrid,.achGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:14px!important}.shopItem,.achCard{display:flex!important;flex-direction:column!important;gap:9px!important;min-height:190px!important;padding:18px!important;border:1px solid #ffffff1f!important;border-radius:18px!important;background:linear-gradient(145deg,#494294,#282364)!important;box-shadow:inset 0 1px #ffffff18,0 10px 20px #08072744!important}.shopItem:hover,.achCard:hover{transform:translateY(-3px);border-color:#ffe47d88!important}.shopItem .icon{font-size:36px}.shopItem .price{margin-top:auto;color:#ffe170!important}.itemTag{display:inline-flex!important;align-items:center;gap:5px;margin:5px 6px 0 0;padding:6px 9px;border-radius:8px;background:#ffffff12;color:#e9e9ff}
#friendPanel{width:min(610px,calc(100vw - 28px))!important}.friendRow,.specRoom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:9px 0!important;padding:13px 15px!important;border:1px solid #ffffff1c!important;border-radius:15px!important;background:#ffffff0d!important}.friendRow:hover,.specRoom:hover{background:#ffffff17!important}.status.online,.liveTag{color:#71ebaa!important}.status.offline{color:#aaa9ca!important}.inviteToast{z-index:400!important;border:1px solid #ffe17c66!important;border-radius:16px!important;background:#29235f!important;color:#fff!important;box-shadow:0 15px 38px #07072099!important}
#chatBox{right:24px!important;bottom:22px!important;width:min(380px,calc(100vw - 32px))!important;height:min(480px,65dvh)!important;border:1px solid #9f9ae455!important;border-radius:20px!important;background:linear-gradient(155deg,#302a6dde,#171540f2)!important;box-shadow:0 18px 55px #07072099!important;backdrop-filter:blur(16px)}#chatHeader{padding:13px 15px!important;border-radius:20px 20px 0 0!important;background:#ffffff10!important;color:#ffe176!important}#chatMsgs{padding:12px!important;color:#f3f3ff!important}.chatMsg .who{color:#8be5ff!important}.chatMsg.system{color:#ffe17b!important}#chatInputRow{gap:8px;padding:10px!important;border-top-color:#ffffff18!important}#chatInput{border-color:#ffffff25!important;background:#0e0d32!important}#chatSend{margin:0!important;background:#f2bd46!important;color:#282049!important}#quickEmojis{border-top:1px solid #ffffff12!important;background:#ffffff08!important}
body.game-active #game{background:radial-gradient(ellipse at 50% 34%,#5b57ad 0%,#29235f 47%,#111032 100%)!important}body.game-active #game::before{background:radial-gradient(circle at 15% 20%,#ffffff26 0 1px,transparent 2px),radial-gradient(circle at 78% 27%,#fff9dd33 0 1px,transparent 2px),linear-gradient(125deg,transparent 0 48%,#ffffff08 49% 50%,transparent 51%)!important;background-size:170px 170px,230px 230px,20px 20px!important;box-shadow:inset 0 0 0 7px #a097e333,inset 0 -80px 100px #090824aa!important}body.game-active #topBar{height:66px!important;padding:8px 18px!important;border:0!important;border-radius:0 0 18px 18px!important;background:linear-gradient(90deg,#14123add,#25205fdd)!important}.seat{border-color:#b4affb66!important;background:linear-gradient(145deg,#39327ccc,#191747cc)!important}.seat .avatar{border-color:#ffd55b!important;background-color:#544c9d!important;box-shadow:0 8px 22px #07062099!important}.card{border-color:#e9c85e!important;background:linear-gradient(145deg,#fffefb,#eef0ff)!important;color:#262257!important;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #6d66b9,0 9px 17px #07062077!important}.card.red{color:#ce3d5b!important}#centerInfo{border-color:#ffffff28!important;background:#15133cc9!important;color:#fff}#phase{color:#ffe170!important}#actions{border-color:#ffffff22!important;background:#171443cc!important}#btnPlay{background:linear-gradient(180deg,#ffdc56,#e99e2a)!important;color:#241e47!important}#btnPass{background:#5b5884!important}#btnHint{background:#3e94b8!important}#turnTimer{border-color:#ffe17b88!important;background:#29245ddd!important;color:#ffe171!important}#message{color:#ffe36a!important;text-shadow:0 3px 9px #080622!important}#resultPanel{border-color:#ffe17099!important;background:linear-gradient(145deg,#4c429b,#1c1952)!important}#resultTitle{font-size:clamp(31px,5vw,48px)!important;color:#ffe170!important;text-align:center}
@media(max-width:620px){.panel{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;padding:21px!important;border-radius:20px!important}.panel h2{font-size:23px!important}.panel h2::after{max-width:55px}.seasonInfo{grid-template-columns:1fr!important}.taskRow,.friendRow,.specRoom{align-items:flex-start!important;flex-wrap:wrap}.progressBar{width:86px!important}.itemGrid,.achGrid{grid-template-columns:1fr 1fr!important}.shopItem,.achCard{min-height:160px!important;padding:13px!important}#chatBox{right:9px!important;bottom:76px!important;width:calc(100vw - 18px)!important}}
#liveClock{display:inline-flex;align-items:center;min-height:34px;padding:0 8px;color:#fff8dc;font-size:clamp(12px,1.3vw,17px);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px 4px #08204d}
#startBtn,#rematchBtn,.primaryAction{min-height:58px!important;padding:14px 38px!important;border-radius:28px!important;background:linear-gradient(180deg,#ffd84c,#ff9225)!important;font-size:clamp(22px,3vw,32px)!important;text-shadow:0 2px 2px #9b5b16;box-shadow:inset 0 2px rgba(255,255,255,.55),0 10px 20px rgba(8,32,77,.42)!important}
#actions button,#landlordChoice button{min-height:44px;padding:10px 22px;border-radius:22px}
.closeBtn{background:linear-gradient(180deg,#ef6b64,#c9343d)!important}
input,select,textarea{border-radius:9px!important}