:root{--gold:#f5cc78;--deep:#061d18;--felt:#0c704f;--red:#d94a3c;--cream:#fff8e8}*{box-sizing:border-box}body{margin:0;background:#08130f;color:#f8f0d9;font-family:"Microsoft YaHei","PingFang SC",sans-serif;overflow:hidden}.game-shell{width:100vw;height:100vh;min-width:980px;min-height:620px;background:radial-gradient(circle at 50% 40%,#126e51,#052b23 65%,#011411)}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(#163d30,#09261f);border-bottom:1px solid #806b3f;box-shadow:0 2px 15px #0008;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px}.brand-mark{background:linear-gradient(#fbd47b,#b6781d);color:#5a2e09;padding:5px 8px;border-radius:7px;font-weight:900}.brand b{font-size:22px;color:#f8d48c}.brand em{font-style:normal;font-size:12px;color:#d3b778;border-left:1px solid #816f4b;padding-left:10px}.room-info{display:flex;gap:13px;align-items:center;color:#d7ceb9;font-size:13px}.room-info i{height:13px;border-left:1px solid #7a7465}.topbar button{color:#e7dcc4;background:none;border:0;padding:10px;cursor:pointer}.table{height:calc(100vh - 58px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#138261 0,#096044 48%,#063b30 76%,#031d19 100%)}.table:after{content:"";position:absolute;inset:18px;border:1px solid #e3bc573d;border-radius:38%/50%;box-shadow:inset 0 0 0 7px #031c1766,inset 0 0 80px #001b14}.felt-glow{position:absolute;width:55%;height:40%;top:25%;left:23%;background:radial-gradient(ellipse,#25a07820,transparent 70%)}.score-panel{position:absolute;top:18px;left:22px;width:144px;text-align:center;background:#03241edb;border:1px solid #9d804f66;border-radius:9px;padding:8px;z-index:2}.score-panel .team{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:3px;margin:0 8px}.team small{grid-column:1/3;font-size:11px}.team strong{font-size:25px}.team span{align-self:end;font-size:11px;margin-bottom:5px}.team.red{color:#ff9b82}.team.blue{color:#77c8ff}.vs{display:inline-block;color:#b39e75;font-size:11px}.score-panel p{margin:5px -8px -8px;padding:5px;background:#0e4d3c;color:#ddc591;font-size:12px;border-radius:0 0 8px 8px}.player{position:absolute;z-index:3;display:flex;align-items:center;gap:8px}.player.top{top:25px;left:50%;transform:translateX(-50%)}.player.left{left:48px;top:41%;transform:translateY(-50%)}.player.right{right:48px;top:41%;transform:translateY(-50%);flex-direction:row-reverse}.player.me{bottom:127px;left:55px}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e9c695,#70442e);border:3px solid #d7b668;box-shadow:0 3px 12px #000b;font-size:22px;color:#412616;font-weight:bold}.player-meta{display:flex;flex-direction:column;text-shadow:0 2px 3px #000}.player-meta b{font-size:13px}.player-meta span{font-size:11px;color:#e4c77d;margin-top:4px}.count{background:#042b24e8;border:1px solid #d2b06688;border-radius:15px;padding:3px 9px;color:#f4d994}.count b{font-size:17px}.count small{font-size:10px;margin-left:2px}.turn-ring{position:absolute;width:68px;height:68px;border:3px solid transparent;border-radius:50%;left:-5px;top:-5px;pointer-events:none}.active .turn-ring{border-color:#ffd76e;box-shadow:0 0 16px #ffd66c;animation:pulse 1s infinite}.partner-tag{position:absolute;top:92px;left:calc(50% + 40px);font-size:11px;background:#9a693f;color:#fbe8bc;padding:2px 8px;border-radius:8px;z-index:4}.play-zone{position:absolute;z-index:3;inset:22% 20% 35%;pointer-events:none}.played{position:absolute;display:flex}.played.seat-0{left:50%;bottom:0;transform:translateX(-50%)}.played.seat-2{left:50%;top:0;transform:translateX(-50%)}.played.seat-1{left:5%;top:43%}.played.seat-3{right:5%;top:43%}.mini-card{width:42px;height:58px;margin-left:-13px;background:#fffdf4;border-radius:4px;border:1px solid #b9ad91;box-shadow:1px 2px 3px #0007;color:#222;padding:3px;font-weight:bold;font-size:13px}.mini-card:first-child{margin-left:0}.red-suit{color:#d82926}.message{position:absolute;z-index:4;top:52%;left:50%;transform:translate(-50%,-50%);background:#03241ecf;color:#f6d991;padding:7px 18px;border-radius:20px;border:1px solid #caa25166;font-size:13px;opacity:0;transition:.2s}.message.show{opacity:1}.timer{position:absolute;z-index:5;bottom:199px;left:50%;transform:translateX(-50%);width:39px;height:39px;border-radius:50%;display:none;place-items:center;background:#123a30;border:3px solid #e4bd63;color:#ffe6a3;font-weight:bold}.actions{position:absolute;z-index:6;bottom:193px;left:50%;transform:translateX(-50%);display:none;gap:10px}.actions.visible{display:flex}.actions button,.primary.big{border-radius:19px;padding:8px 25px;border:1px solid #c69e53;font-weight:bold;cursor:pointer}.secondary{background:linear-gradient(#f7eed8,#d6c39f);color:#5e492a}.primary{background:linear-gradient(#ffd87a,#d99b32);color:#63360b;box-shadow:inset 0 1px #fff5b4}.actions button:disabled{filter:grayscale(1);opacity:.5}.hand{position:absolute;z-index:5;bottom:13px;left:50%;transform:translateX(-50%);height:166px;display:flex;align-items:flex-end;padding-left:54px;min-width:65%}.card{width:72px;height:105px;margin-left:-47px;background:linear-gradient(135deg,#fff,#f3efe4);border-radius:7px;border:1px solid #998f78;box-shadow:1px 3px 5px #0008;position:relative;color:#171717;cursor:pointer;transition:transform .12s;margin-bottom:0;user-select:none}.card:first-child{margin-left:0}.card.selected{transform:translateY(-28px);box-shadow:0 5px 10px #000b,0 0 0 2px #ffd567}.card .rank{position:absolute;left:6px;top:3px;font-size:22px;font-family:Georgia,serif;font-weight:bold;line-height:20px}.card .suit{position:absolute;left:8px;top:27px;font-size:19px}.card .big-suit{position:absolute;right:8px;bottom:8px;font-size:36px;opacity:.92}.card .wild{position:absolute;right:3px;top:3px;background:#e6a72f;color:#fff;font-size:9px;padding:2px;border-radius:3px}.card.joker .rank{font-size:15px;writing-mode:vertical-lr;line-height:16px}.side-tools{position:absolute;z-index:6;right:24px;bottom:88px;display:flex;flex-direction:column;gap:9px}.side-tools button,.chat-strip button{border:1px solid #b99b5d66;background:#062d26d9;color:#e2cca0;border-radius:7px;padding:7px 12px;cursor:pointer}.side-tools span{margin-right:4px}.side-tools button.on{color:#332006;background:#f2c96b}.chat-strip{position:absolute;right:25px;top:92px;z-index:6;display:flex;flex-direction:column;gap:8px}.corner-note{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);color:#88a99d;font-size:9px;z-index:6}dialog{color:#513a1c;background:linear-gradient(#fffaf0,#e8dac0);border:2px solid #b88a42;border-radius:14px;box-shadow:0 15px 50px #000c;max-width:520px;line-height:1.8}dialog::backdrop{background:#00120eb5}.close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:26px;color:#80694b;cursor:pointer}.rule-grid{display:grid;grid-template-columns:90px 1fr;gap:5px 12px;background:#fff8e7;padding:12px;border-radius:8px;font-size:14px}.muted{color:#8b7a62;font-size:12px}#settingsDialog label{display:block;margin:10px}.result-crown{text-align:center;font-size:55px;color:#d69728}.big{font-size:16px;display:block;margin:15px auto}@keyframes pulse{50%{transform:scale(1.08);opacity:.65}}@media(max-height:720px){.hand{transform:translateX(-50%) scale(.85);transform-origin:bottom}.actions{bottom:165px}.timer{bottom:170px}.player.me{bottom:105px}.card{height:100px}.play-zone{inset:20% 18% 31%}}