:root{--gold: #f6d37a;--ink: #1a2233;--felt: #0d6b4c}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#071018;font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#fff}img{display:block;pointer-events:none}button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}#viewport{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#frame{position:relative;flex:none;overflow:hidden;box-shadow:0 20px 80px #00000073}#stage{width:1920px;height:1080px;position:absolute;left:0;top:0;transform-origin:0 0}.scene,.bg,.felt{position:absolute;inset:0}.bg{width:100%;height:100%;object-fit:cover}.bg.dim{filter:brightness(.55) saturate(.9)}.felt{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#14865f,#0b5a40 55%,#084832)}.login-logo{position:absolute;left:50%;top:88px;width:420px;transform:translate(-50%);filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}.login-enter{position:absolute;left:50%;top:780px;transform:translate(-50%);min-width:420px;height:92px;border-radius:46px;font-size:42px;letter-spacing:8px;color:#6b2a00;background:linear-gradient(180deg,#ffe38a,#f0b13a);box-shadow:0 10px #c27a16,0 18px 30px #00000047}.login-enter:active{transform:translate(-50%,4px);box-shadow:0 6px #c27a16}.login-tools{position:absolute;left:70px;bottom:70px;display:flex;gap:28px}.login-tool{width:92px;cursor:pointer;pointer-events:auto}.login-agree{position:absolute;left:50%;bottom:48px;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-size:22px;color:#fff8e8;text-shadow:0 2px 8px rgba(0,0,0,.5);cursor:pointer}.agree-icon{width:36px;pointer-events:none}.lobby-top{position:absolute;top:28px;left:36px;right:36px;display:flex;align-items:center;gap:18px}.profile-chip,.currency,.city-chip{position:relative;display:flex;align-items:center;min-height:72px}.profile-chip{min-width:320px;padding:8px 24px 8px 8px;border-radius:40px;background:linear-gradient(90deg,#0000008c,#0000002e);cursor:pointer;gap:12px}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffd58a,#e08a32);color:#6b2a00;font-weight:700;font-size:26px;flex:none}.avatar.big{width:88px;height:88px;font-size:36px}.profile-text{display:flex;flex-direction:column;line-height:1.2}.profile-text small,.hud-meta small{opacity:.8;font-size:16px}.currency{width:280px;height:72px}.currency-bg{width:100%;height:100%;object-fit:contain}.currency span{position:absolute;right:28px;font-size:28px;font-weight:700;text-shadow:0 2px 6px #000}.lobby-right{margin-left:auto;display:flex;align-items:center;gap:16px}.city-chip{padding:0 22px;border-radius:28px;background:#0006;font-size:24px}.icon-btn,.back-btn,.panel-close,.wait-btn,.shop-btn,.nav-item,.game-card,.login-tool,.que-btn,.act-btn,.create-go{pointer-events:auto;cursor:pointer}.icon-btn{width:72px}.back-btn{position:absolute;left:24px;top:24px;width:88px}.ticker{position:absolute;top:120px;left:36px;width:760px;height:48px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:24px;background:#00000061;overflow:hidden}.horn{width:34px}.ticker-text{white-space:nowrap;animation:marquee 18s linear infinite;font-size:20px}@keyframes marquee{0%{transform:translate(8%)}to{transform:translate(-80%)}}.game-row{position:absolute;left:50%;top:210px;transform:translate(-50%);display:flex;align-items:flex-end;gap:36px}.game-card{height:620px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.28));transition:transform .15s ease}.game-card.xuezhan{height:420px;margin-bottom:40px}.game-card:hover,.shop-btn:hover,.wait-btn:hover{transform:translateY(-6px)}.lobby-bottom{position:absolute;left:36px;right:20px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:22px}.nav-item{height:64px}.shop-btn{width:250px}.mask{position:absolute;inset:0;background:#060a128c;display:grid;place-items:center;z-index:5}.panel{position:relative;width:860px;min-height:520px;padding:48px 56px 40px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 28%),linear-gradient(180deg,#2d6d86,#1b4d64);box-shadow:0 20px 50px #00000059;border:2px solid rgba(255,233,176,.45)}.panel h2{font-size:40px;margin-bottom:28px;text-align:center;color:#fff4d0}.panel-close{position:absolute;right:18px;top:18px;width:64px}.opt-row{display:flex;align-items:center;gap:16px;margin-bottom:18px;font-size:28px}.opt-row em{width:140px;font-style:normal}.chip,.toggle,.primary-btn,.ghost-btn,.text-back{border-radius:999px;padding:8px 22px;background:#ffffff1f}.chip.on,.toggle.on{background:linear-gradient(180deg,#ffe38a,#e8a227);color:#6b2a00}.opt-tip{margin:12px 0 24px;line-height:1.6;color:#d7f3ff;font-size:20px}.create-go{display:block;height:90px;margin:12px auto 0}.primary-btn,.ghost-btn{display:inline-block;margin:10px 8px 0 0;min-width:180px;height:64px;font-size:28px}.primary-btn{background:linear-gradient(180deg,#7ee08a,#1f9a4a)}.ghost-btn{background:#00000040}.join-slots{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.join-slots i{width:72px;height:84px;border-radius:12px;background:#ffffffeb;color:#1b4d64;display:grid;place-items:center;font-size:40px;font-weight:700}.join-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pad-key{height:78px;border-radius:14px;background:#ffffffe6;color:#1b4d64;font-size:34px;font-weight:700}.shop-panel{width:1100px;min-height:720px}.shop-panel .opt-tip{text-align:center}.shop-wallet{display:flex;justify-content:center;gap:24px;margin-bottom:28px}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.shop-card{position:relative;height:320px;border-radius:18px;overflow:hidden;background:#ffffff14}.shop-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shop-tag{position:absolute;left:8px;top:8px;width:72px;z-index:1}.shop-count{position:absolute;left:0;right:0;top:88px;text-align:center;font-size:28px;font-weight:700;color:#fff8d6;text-shadow:0 2px 6px #000}.shop-name{position:absolute;left:0;right:0;bottom:78px;text-align:center;font-size:22px}.shop-price{position:absolute;left:16px;right:16px;bottom:16px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#ffe38a,#e8a227);color:#6b2a00;font-size:22px;font-weight:700}.room-banner{position:absolute;top:28px;left:50%;transform:translate(-50%);padding:10px 28px;border-radius:20px;background:#00000073;font-size:26px}.wait-table{position:absolute;inset:150px 220px 180px}.wait-seat,.player-hud,.empty-seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.seat-bottom{bottom:0;left:50%;transform:translate(-50%)}.seat-top{top:0;left:50%;transform:translate(-50%)}.seat-left{left:0;top:50%;transform:translateY(-50%)}.seat-right{right:0;top:50%;transform:translateY(-50%)}.seat-flag{padding:2px 10px;border-radius:12px;background:#00000059}.seat-flag.ready{background:#1f9a4a}.empty-seat{width:160px;height:160px;border:2px dashed rgba(255,255,255,.35);border-radius:18px;display:grid;place-items:center;color:#d7e8ef}.wait-actions{position:absolute;right:40px;bottom:40px;display:flex;flex-direction:column;gap:16px}.wait-btn{height:78px}.table-top{position:absolute;top:12px;left:20px;right:20px;height:64px;display:flex;align-items:center;gap:16px;z-index:3}.table-hud{display:flex;gap:28px;padding:10px 24px;border-radius:18px;background:#00000061;font-size:22px}.text-back{background:#00000059}.desk{position:absolute;left:340px;top:168px;width:1240px;height:520px}.compass{position:absolute;left:50%;top:50%;width:168px;height:168px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 30%,#2a8f62,#0d4a34);box-shadow:inset 0 0 0 6px #0a3324,0 8px 18px #00000047;display:grid;place-items:center}.compass.turn-0{box-shadow:inset 0 0 0 6px #0a3324,0 0 0 4px #ffe38a,0 8px 18px #00000047}.compass b{font-size:34px}.compass i{position:absolute;font-style:normal;font-size:16px;opacity:.45}.compass i.on{opacity:1;color:#ffe38a}.compass i:nth-child(1){top:10px}.compass i:nth-child(2){right:10px}.compass i:nth-child(3){bottom:10px}.compass i:nth-child(4){left:10px}.river{position:absolute;display:grid;gap:4px}.river-top,.river-bottom{left:50%;width:332px;grid-template-columns:repeat(8,38px);transform:translate(-50%)}.river-top{top:16px}.river-bottom{bottom:16px}.river-left,.river-right{top:50%;width:80px;grid-template-columns:repeat(2,38px);transform:translateY(-50%)}.river-left{left:24px}.river-right{right:24px}.tile.latest{outline:2px solid #ffe38a;transform:translateY(-4px)}.turn-banner{position:absolute;left:50%;top:88px;transform:translate(-50%);padding:8px 22px;border-radius:16px;background:#ffe38aeb;color:#6b2a00;font-size:24px;font-weight:700;z-index:4;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:translate(-50%) scale(1.04)}}.dock{position:absolute;display:flex;align-items:center;gap:10px;z-index:2}.dock.turn .avatar{box-shadow:0 0 0 3px #ffe38a;animation:pulse-avatar 1.2s ease-in-out infinite}@keyframes pulse-avatar{50%{box-shadow:0 0 0 6px #ffe38a}}.que-tag{font-style:normal;padding:2px 8px;border-radius:10px;font-size:16px;background:#00000059}.que-tag.que-wan{background:#c44536}.que-tag.que-tiao{background:#1f9a4a}.que-tag.que-tong{background:#2b6cb0}.dock-meta small.win,.settle-row .win,.settle-result.win{color:#7ee08a}.dock-meta small.lose,.settle-row .lose,.settle-result.lose{color:#ff8b8b}.dock.hu{opacity:.72}.dock-meta{display:flex;align-items:center;gap:8px}.dock-top{top:84px;left:50%;transform:translate(-50%);flex-direction:column}.dock-left{left:16px;top:38%;flex-direction:column;align-items:flex-start}.dock-right{right:16px;top:38%;flex-direction:column;align-items:flex-end}.dock-me{left:24px;bottom:138px}.hud-meta{display:flex;flex-direction:column;text-shadow:0 2px 6px #000}.my-area{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}.my-area.active{filter:drop-shadow(0 0 12px rgba(255,227,138,.45))}.my-hand{display:flex;gap:3px}.hint{font-size:22px;color:#ffe38a}.ting-panel{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:#0006;font-size:22px}.ting-panel .tile.mini{position:relative}.ting-remain{position:absolute;right:-4px;bottom:-6px;min-width:18px;height:18px;border-radius:9px;background:#c44536;font-size:12px;font-style:normal;display:grid;place-items:center}.tile.can-ting{box-shadow:0 4px #b9a57a,0 0 0 2px #7ee08a}.ting-dot{position:absolute;top:-10px;right:-4px;padding:0 6px;border-radius:8px;background:#1f9a4a;font-size:14px;font-style:normal;line-height:20px}.tile{position:relative;width:64px;height:90px;padding:5px 5px 8px;border-radius:8px;background:linear-gradient(180deg,#f8f4ea,#e6dcc4);box-shadow:0 4px #b9a57a,0 8px 10px #00000040}.tile.mini{width:36px;height:50px;padding:2px}.tile.live:hover{transform:translateY(-12px)}.tile.queued{outline:2px solid #ff5d5d}.tile.locked{opacity:.38;cursor:not-allowed}.tile.picked{transform:translateY(-16px);outline:2px solid #ffe38a}.tile-face{width:100%;height:100%;object-fit:contain}.npc-hand,.melds{display:flex;gap:3px}.dock-left .npc-hand,.dock-right .npc-hand{flex-direction:column}.meld{display:flex;gap:2px;margin-right:6px}.tile-back{width:26px;height:36px;border-radius:4px;background:linear-gradient(180deg,#1f7a48,#0d4a2e);box-shadow:inset 0 0 0 2px #7dcaa0}.action-bar{position:absolute;left:50%;bottom:118px;transform:translate(-50%);display:flex;align-items:center;gap:16px;z-index:4}.dingque-title{font-size:26px}.que-chip,.act-chip{min-width:96px;height:64px;border-radius:16px;font-size:30px;font-weight:700}.que-wan{background:#c44536}.que-tiao{background:#1f9a4a}.que-tong{background:#2b6cb0}.act-chip.hu{background:linear-gradient(180deg,#ffd36a,#e39412);color:#6b2a00}.act-chip.peng{background:linear-gradient(180deg,#7ee08a,#1f9a4a)}.act-chip.gang{background:linear-gradient(180deg,#7eb6ff,#2b6cb0)}.act-chip.pass{background:#00000073}.primary-btn.dim{opacity:.45;pointer-events:none}.settle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:820px;max-height:860px;overflow:auto;padding:36px;border-radius:24px;background:#081210eb;z-index:6}.settle-result{text-align:center;font-size:36px;font-weight:700;margin:8px 0 18px}.hu-list{margin-bottom:16px;padding:12px 16px;border-radius:14px;background:#ffffff0f}.hu-item{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:20px}.settle-row{display:grid;grid-template-columns:1.1fr 2fr auto;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:22px}.settle-row.me{color:#ffe38a}.flow-panel{position:absolute;right:24px;top:88px;width:420px;max-height:640px;overflow:auto;padding:20px;border-radius:18px;background:#081210eb;z-index:7}.flow-panel h3{margin-bottom:12px;color:#ffe38a}.flow-line{display:grid;grid-template-columns:52px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:18px}.flow-line.win b{color:#7ee08a}.flow-line.lose b{color:#ff8b8b}.toast{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);padding:16px 28px;border-radius:16px;background:#000000b8;font-size:28px;z-index:9}.play-row{position:absolute;right:36px;top:200px;display:flex;flex-direction:column;gap:14px;z-index:2}.play-chip{width:168px;height:64px;border-radius:16px;font-size:26px;font-weight:700;color:#6b2a00;background:linear-gradient(180deg,#ffe38a,#e8a227);box-shadow:0 8px 16px #00000040}.notice-list,.record-list{max-height:520px;overflow:auto}.notice-item,.record-item{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:20px;line-height:1.5}.notice-item b,.record-item b{color:#ffe38a}.record-item small{opacity:.75}.tile.latest{animation:tile-in .38s ease}.tile.drawn{box-shadow:0 4px #b9a57a,0 0 0 3px #7ee08a}@keyframes tile-in{0%{transform:translateY(-28px) scale(1.35);opacity:0}to{transform:translateY(-4px) scale(1);opacity:1}}.fx-burst{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);padding:12px 36px;border-radius:20px;font-size:64px;font-weight:800;z-index:8;pointer-events:none;animation:fx-pop .5s ease}.fx-burst.fx-hu{color:#ffe38a;text-shadow:0 8px 24px rgba(0,0,0,.45);font-size:96px;animation:fx-hu .9s ease}.fx-burst.fx-peng{color:#7ee08a}.fx-burst.fx-gang{color:#7eb6ff}.fx-burst.fx-discard{font-size:40px;color:#fff4d0}@keyframes fx-pop{0%{transform:translate(-50%,-30%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fx-hu{0%{transform:translate(-50%,-40%) scale(.2);opacity:0}40%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.pk-hand,.pk-row{display:flex;gap:6px}.pk-face{width:72px;height:100px;border-radius:10px;background:linear-gradient(180deg,#fff,#f3efe4);color:#1a2233;box-shadow:0 6px 10px #00000047;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800}.pk-face b{font-size:28px;line-height:1}.pk-face i{font-style:normal;font-size:26px}.pk-face.red{color:#c44536}.pk-face.mini{width:42px;height:58px}.pk-face.mini b,.pk-face.mini i{font-size:16px}.pk-face.live:hover,.pk-face.picked{transform:translateY(-14px)}.pk-face.picked{outline:2px solid #ffe38a}.pk-npc{padding:4px 10px;border-radius:10px;background:#00000059}.scene.poker .dock-me{bottom:130px}