:root{color:#eef7f2;background:#062d32;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;--ink: #092d30;--teal: #0a4d4d;--felt: #0c655a;--gold: #e2b755;--cream: #f8f1dc;--red: #c9483f}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 10%,#18756f 0,transparent 33%),#052f35}.primary-button,.secondary-button,.ghost-button{min-height:42px;padding:0 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:700;transition:transform .16s,filter .16s,opacity .16s}.primary-button{color:#183331;background:linear-gradient(135deg,#f6d787,#dca33e);box-shadow:0 7px 18px #051e1d66}.secondary-button{color:#f6e9c3;background:#174d49;border-color:#cda95799}.ghost-button{color:#d7e8e3;background:#ffffff0d;border-color:#ffffff24;min-height:34px;padding:0 16px}button:not(:disabled):active{transform:translateY(1px) scale(.98)}button:disabled{opacity:.42;cursor:not-allowed}.splash-screen{min-height:100vh;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#126d63,#062d32 65%)}.splash-screen h1{margin:8px 0;letter-spacing:.18em}.splash-screen p{margin:0;color:#b6d3cb}.brand-mark{font:900 54px/1 Georgia,serif;color:var(--gold)}.brand-mark span{margin:0 6px;font-size:24px;color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:7vh 8vw;position:relative;overflow:hidden}.login-landscape{width:min(1040px,100%);min-height:550px;border:1px solid #ffffff1b;border-radius:38px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:6%;background:linear-gradient(135deg,#0b5653dd,#082f38ee),radial-gradient(circle at 30% 50%,#42a281,transparent 45%);box-shadow:0 35px 90px #00191a99}.login-landscape:before{content:"";position:absolute;inset:8% 42% 8% -20%;border:1px solid #b4d8c025;border-radius:50%;transform:rotate(-12deg)}.brand-block{position:relative;z-index:1}.brand-kicker{color:#e5bd63;font-size:12px;font-weight:800;letter-spacing:.28em}.brand-block h1{margin:15px 0 4px;font-family:STKaiti,KaiTi,serif;font-size:clamp(48px,6vw,82px);font-weight:800;letter-spacing:.08em;text-shadow:0 10px 30px #002a2a}.brand-block>p{margin:0;color:#d0e6df;font-size:18px;letter-spacing:.18em}.brand-rule{display:inline-block;margin-top:40px;padding-top:13px;border-top:1px solid #deb85a7a;color:#edddaf;letter-spacing:.14em}.login-card{position:relative;z-index:2;padding:34px;color:var(--ink);background:#f8f5eaf2;border-radius:25px;box-shadow:0 24px 70px #001d1d77}.login-card small{color:#9a7d3e;font-weight:800;letter-spacing:.14em}.login-card h2{margin:4px 0 25px;font-size:25px}.login-card label{display:grid;gap:7px;margin:16px 0;color:#4e6663;font-size:13px;font-weight:700}.login-card input,.login-card select{width:100%;height:47px;padding:0 14px;border:1px solid #bbcac5;border-radius:10px;color:#173b39;background:#fff;outline:none}.login-card input:focus,.login-card select:focus{border-color:#168078;box-shadow:0 0 0 3px #1680781e}.login-card .primary-button{width:100%;margin-top:8px}.login-note{margin:15px 0 0;text-align:center;color:#84918d;font-size:11px}.form-error{margin:-3px 0 8px;color:var(--red);font-size:12px}.island{position:absolute;border-radius:50%;filter:blur(1px);opacity:.18;background:#9cd28e;transform:rotate(-12deg)}.island-a{width:330px;height:110px;left:-60px;bottom:18px}.island-b{width:190px;height:70px;left:390px;top:30px}.game-page{height:100vh;min-height:620px;display:grid;grid-template-rows:54px minmax(330px,1fr) 174px;background:radial-gradient(circle at 50% 22%,#1b7470 0,#0a4146 42%,#052b32)}.game-header{display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid #ffffff15;background:#052e34d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.compact-brand{display:flex;align-items:center;gap:11px}.compact-brand b{color:#f0c867;font:900 24px/1 Georgia,serif;white-space:nowrap}.compact-brand b span{color:#fff;font-size:13px;padding:0 3px}.compact-brand em{font-style:normal;font:700 14px STKaiti,KaiTi,serif;letter-spacing:.09em}.header-stats{display:flex;justify-content:center;gap:clamp(14px,3vw,42px);color:#a9cbc4;font-size:12px}.header-stats strong{margin-left:5px;color:#fff3d1}.status-pill{display:inline-flex;align-items:center;gap:6px}.status-pill i{width:7px;height:7px;border-radius:50%;background:#809b96}.status-pill i.online{background:#6ee49e;box-shadow:0 0 8px #6ee49e}.red-text{color:#ff9388!important}.table-stage{position:relative;padding:17px 7vw 10px;overflow:hidden}.water-lines{position:absolute;width:36vw;height:14vw;border:1px solid #9ccfc220;border-radius:50%}.water-one{left:-12vw;top:10%;transform:rotate(8deg)}.water-two{right:-15vw;bottom:5%;transform:rotate(-14deg)}.table-felt{width:min(1120px,100%);height:100%;min-height:330px;margin:auto;position:relative;border:8px solid #0b3939;border-radius:48%/46%;background:radial-gradient(ellipse,#177365,#0e6158 52%,#094b49);box-shadow:inset 0 0 0 2px #d1ae5848,inset 0 0 70px #002f2b80,0 22px 50px #001f2266}.felt-ring{position:absolute;inset:7%;border:1px solid #e2c26a20;border-radius:inherit}.table-logo{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:grid;text-align:center;opacity:.11}.table-logo b{font:800 44px STKaiti,KaiTi,serif;letter-spacing:.16em}.table-logo span{font:600 8px sans-serif;letter-spacing:.28em}.player-seat{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;min-width:118px;padding:6px 10px 6px 6px;border:1px solid #ffffff16;border-radius:999px;background:#073b3ec7;box-shadow:0 8px 18px #00333455;transition:box-shadow .2s,border-color .2s}.player-seat.active{border-color:#efcb69;box-shadow:0 0 0 3px #efcb6922,0 0 22px #edc75b40}.player-seat.offline{opacity:.55}.avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:50%;color:#163936;background:linear-gradient(145deg,#f7e5ae,#c99a45);font-family:Georgia,serif;font-weight:900}.player-copy{display:grid;line-height:1.15}.player-copy strong{color:#f8f0d8;font-size:12px}.player-copy strong small{margin-left:4px;color:#6ee0c5}.player-copy span{margin-top:3px;color:#9bc2ba;font-size:10px;white-space:nowrap}.role{margin-right:3px;padding:1px 4px;border-radius:3px;font-style:normal;font-weight:900}.role.dealer{color:#3d2600;background:#e6b950}.role.friend{color:#06372c;background:#71dfac}.seat-position-0{left:50%;bottom:9px;transform:translate(-50%)}.seat-position-1{left:4%;bottom:29%}.seat-position-2{left:22%;top:6px}.seat-position-3{right:22%;top:6px}.seat-position-4{right:4%;bottom:29%}.center-board{position:absolute;z-index:4;inset:19% 21% 18%}.deal-progress,.waiting-mark,.bid-clock{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center}.deal-progress>span,.waiting-mark>span,.bid-clock>span{color:#b6d7ce;font-size:11px;letter-spacing:.12em}.deal-progress strong,.waiting-mark strong{color:#fff0bd;font:800 35px Georgia,serif}.deal-progress strong small{color:#87b9ad;font-size:15px}.deal-progress>div{width:180px;height:4px;margin-top:9px;overflow:hidden;border-radius:5px;background:#002f2d8a}.deal-progress>div i{display:block;height:100%;background:linear-gradient(90deg,#e0aa42,#ffdc83);transition:width .25s}.bid-clock{display:flex;align-items:baseline;gap:4px}.bid-clock>span{position:absolute;transform:translateY(-38px)}.bid-clock strong{color:#ffe09a;font:900 50px Georgia,serif}.bid-clock small{color:#abc8c1}.waiting-mark strong{margin-top:6px;font-size:24px}.trick-cards{position:absolute;display:flex;justify-content:center;min-width:150px}.trick-cards .playing-card+.playing-card{margin-left:-32px}.trick-cards small{position:absolute;bottom:-15px;color:#9cc9bd;font-size:9px}.trick-position-0{left:50%;bottom:0;transform:translate(-50%)}.trick-position-1{left:0;bottom:24%}.trick-position-2{left:13%;top:0}.trick-position-3{right:13%;top:0}.trick-position-4{right:0;bottom:24%}.table-message{position:absolute;z-index:8;left:50%;bottom:7px;transform:translate(-50%);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 14px;border-radius:999px;color:#cee2dd;background:#002e2db8;font-size:10px}.bid-banner,.bottom-drawer{position:absolute;z-index:8;padding:8px 11px;border:1px solid #f2cb6755;border-radius:9px;background:#073c3dd9;box-shadow:0 8px 20px #002b2b80}.bid-banner{left:7%;top:17%;display:grid}.bid-banner b{color:#f2ca6c;font-size:11px}.bid-banner span{color:#fff;font-size:10px}.bid-banner em{color:#b9d7ce;font-size:9px;font-style:normal}.bottom-drawer{right:7%;top:17%;max-width:210px}.bottom-drawer>span{display:block;margin-bottom:5px;color:#d9c283;font-size:9px}.bottom-drawer>div{display:flex}.bottom-drawer .playing-card+.playing-card{margin-left:-25px}.hand-dock{position:relative;z-index:15;display:grid;grid-template-rows:55px 1fr;border-top:1px solid #e5c3672c;background:linear-gradient(180deg,#073b3e,#052a31);box-shadow:0 -14px 35px #00232866}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 5vw;border-bottom:1px solid #ffffff0c}.turn-hint{display:flex;align-items:baseline;gap:12px}.turn-hint b{color:#f2e8ca;font-size:14px}.turn-hint span{color:#8fb8b0;font-size:11px}.action-buttons{display:flex;gap:9px}.action-buttons button{min-height:37px}.hand-scroll{display:flex;align-items:flex-end;justify-content:center;min-width:0;overflow-x:auto;overflow-y:hidden;padding:10px 34px 8px;scrollbar-width:thin;scrollbar-color:#bf9b4b66 transparent}.hand-scroll .playing-card+.playing-card{margin-left:-23px}.hand-scroll .playing-card:hover:not(:disabled),.hand-scroll .playing-card.selected{margin-top:-12px;transform:translateY(-10px);z-index:5}.call-strip{position:absolute;z-index:30;left:50%;bottom:174px;transform:translate(-50%);width:min(90vw,800px);display:flex;align-items:center;gap:8px;padding:8px 12px;overflow-x:auto;border:1px solid #d7b35670;border-radius:12px;background:#073638f2;box-shadow:0 15px 45px #001c1d}.call-strip>span{flex:none;color:#d8c58f;font-size:10px}.call-strip>button{display:flex;align-items:center;flex:none;gap:4px;padding:0;border:0;color:#dff1eb;background:transparent;cursor:pointer}.call-strip em{font-size:9px;font-style:normal}.playing-card{width:58px;height:82px;flex:none;position:relative;padding:6px;border:1px solid #d6d2c4;border-radius:7px;color:#172b32;background:linear-gradient(145deg,#fffefa,#ece8dc);box-shadow:0 4px 9px #001d2180;text-align:left;cursor:pointer;transition:transform .15s,margin .15s,box-shadow .15s}.playing-card.red{color:#c83c36}.playing-card.selected{border-color:#f0c45c;box-shadow:0 0 0 2px #e4b846,0 7px 14px #001c1c}.playing-card.compact{width:40px;height:56px;padding:4px;border-radius:5px}.playing-card.disabled{opacity:1;cursor:default}.card-rank{display:block;font:900 16px/1 Georgia,serif}.card-suit{display:block;margin-top:3px;font-size:18px;line-height:1}.compact .card-rank{font-size:11px}.compact .card-suit{font-size:13px}.joker-text{position:absolute;right:3px;bottom:5px;font:700 6px/1 sans-serif;letter-spacing:.05em;writing-mode:vertical-rl}.settlement-backdrop{position:fixed;z-index:90;inset:0;display:grid;place-items:center;background:#001b20b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settlement-card{width:min(390px,88vw);padding:30px;text-align:center;color:#123a38;border:1px solid #fff;border-radius:26px;background:linear-gradient(150deg,#fff9e9,#e5e1d1);box-shadow:0 35px 90px #00171b}.settlement-card>small{color:#9a7b38;font-weight:800;letter-spacing:.2em}.settlement-card h2{margin:5px 0 16px;font:800 34px STKaiti,KaiTi,serif}.score-orb{width:112px;height:112px;margin:auto;display:grid;place-content:center;border-radius:50%;color:#ffefc0;background:#0a5b54;box-shadow:inset 0 0 0 5px #e2b85b,0 10px 22px #0a393844}.score-orb strong{font:900 42px/1 Georgia,serif}.score-orb span{margin-top:5px;font-size:9px}.settlement-card dl{margin:20px 0;padding:12px 0;border-top:1px solid #b7aa8255;border-bottom:1px solid #b7aa8255}.settlement-card dl div{display:flex;justify-content:space-between;margin:7px 0}.settlement-card dt{color:#788582}.settlement-card dd{margin:0;font-weight:700}.toast-message{position:fixed;z-index:120;left:50%;top:70px;transform:translate(-50%);padding:10px 20px;border:1px solid #f1d27b5c;border-radius:999px;color:#fff3ce;background:#082e31ed;box-shadow:0 10px 35px #001b1b;font-size:12px}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-8px)}.portrait-warning{display:none}@media(max-width:900px){.game-page{min-height:520px;grid-template-rows:48px minmax(290px,1fr) 150px}.game-header{grid-template-columns:160px 1fr auto;padding:0 12px}.header-stats span:nth-child(1),.header-stats span:nth-child(2){display:none}.table-stage{padding:10px 25px 7px}.player-seat{min-width:100px;transform:scale(.87)}.seat-position-0{transform:translate(-50%) scale(.87)}.playing-card{width:49px;height:70px}.hand-scroll .playing-card+.playing-card{margin-left:-19px}.hand-dock{grid-template-rows:47px 1fr}.action-bar{padding:4px 18px}.action-buttons button{min-height:34px;padding:0 15px;font-size:11px}.call-strip{bottom:150px}}@media(orientation:portrait)and (max-width:720px){.game-page,.login-page{filter:blur(8px);pointer-events:none}.portrait-warning{position:fixed;z-index:999;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;color:#f9edcc;background:#052e34f5}.portrait-warning strong{font-size:21px}.portrait-warning span{color:#a8c7c0;font-size:12px}.rotate-phone{font-size:52px;color:#e6bd5d;animation:rotate-hint 1.8s ease-in-out infinite}}@media(max-width:720px){.login-page{padding:20px}.login-landscape{min-height:460px;grid-template-columns:1fr 290px;padding:30px}.brand-block h1{font-size:42px}.brand-block>p,.brand-rule{font-size:12px}.login-card{padding:22px}}@media(orientation:landscape)and (max-height:500px){.login-page{min-height:100dvh;height:100dvh;padding:10px 18px}.login-landscape{min-height:0;height:100%;grid-template-columns:1fr minmax(270px,32%);padding:3.5% 5%;border-radius:24px}.brand-block h1{margin:8px 0 2px;font-size:clamp(36px,6.5vw,58px)}.brand-block>p{font-size:13px}.brand-rule{margin-top:18px;padding-top:8px;font-size:11px}.login-card{padding:16px 20px;border-radius:17px}.login-card h2{margin:2px 0 9px;font-size:19px}.login-card label{gap:3px;margin:7px 0;font-size:10px}.login-card input,.login-card select{height:35px;padding:0 10px;font-size:11px}.login-card .primary-button{min-height:35px;margin-top:3px;font-size:11px}.login-note{margin-top:7px;font-size:8px}.form-error{margin:0 0 3px;font-size:9px}.game-page{height:100dvh;min-height:0;grid-template-rows:42px minmax(190px,1fr) 132px}.game-header{grid-template-columns:150px 1fr auto}.compact-brand b{font-size:20px}.compact-brand em{font-size:11px}.game-header .ghost-button{min-height:28px;padding:0 10px;font-size:9px}.table-stage{padding-top:5px;padding-bottom:5px}.table-felt{min-height:0;border-width:5px}.player-seat{min-width:92px;padding:4px 7px 4px 4px;transform:scale(.8)}.seat-position-0{bottom:2px;transform:translate(-50%) scale(.8)}.seat-position-1,.seat-position-4{bottom:24%}.seat-position-2,.seat-position-3{top:-3px}.center-board{inset:19% 22% 16%}.table-message{bottom:2px;padding:3px 9px;font-size:8px}.bid-banner,.bottom-drawer{top:20%;transform:scale(.82)}.bid-banner{transform-origin:left top}.bottom-drawer{transform-origin:right top}.hand-dock{grid-template-rows:43px 1fr}.action-bar{padding-top:3px;padding-bottom:3px}.turn-hint b{font-size:11px}.turn-hint span{font-size:9px}.hand-scroll{padding-top:6px;padding-bottom:4px}.playing-card{width:45px;height:63px;padding:5px}.hand-scroll .playing-card+.playing-card{margin-left:-17px}.call-strip{bottom:132px;padding:5px 8px}}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}