:root{color:#e8f0ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(160deg,#0d1b3e 0%,#0a2a1a 50%,#0d1b3e 100%);font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:linear-gradient(160deg,#0d1b3e 0%,#0a2a1a 50%,#0d1b3e 100%);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app-landscape-shell{min-width:0;min-height:100vh}.fullscreen-tools{z-index:12000;opacity:1;pointer-events:auto;transition:opacity .25s;position:fixed;top:10px;right:10px}.fullscreen-tools.hidden{opacity:0;pointer-events:none}.fullscreen-btn{color:#e8f4ff;cursor:pointer;background:#081434d1;border:1px solid #ffffff59;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:0 6px 14px #00000047}.fullscreen-btn.danger{color:#ffd8d8;background:#5a0c0cc7;border-color:#ff787880}h1,h2,h3,h4,p{margin:0}.page{max-width:1100px;margin:0 auto;padding:18px 16px 40px}.page-landscape{max-width:1320px;padding-top:10px;padding-bottom:16px}.top-bar{color:#fff;background:linear-gradient(135deg,#1a3a6e 0%,#0e2a52 60%,#0a1f3d 100%);border:1px solid #64a0ff4d;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.lobby-hero{border:1px solid #64b4ff59;box-shadow:0 20px 40px #00000080}.hero-subtitle{color:#b4d2ffd9;margin-top:4px;font-size:14px}.muted-light{color:#a0c8ffbf}.title{color:#fff;text-shadow:0 0 20px #64b4ff80;font-size:26px}.coin-pill{color:#ffd060;text-shadow:0 0 10px #ffc83280;background:linear-gradient(135deg,#ffc83240,#ffa00033);border:1px solid #ffc83280;border-radius:999px;padding:8px 16px;font-weight:700}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f2350f2,#0a193cfa);border:1px solid #508cff40;border-radius:20px;margin-top:16px;padding:20px;box-shadow:0 16px 40px #00000080,inset 0 1px #64a0ff26}.scene-shell{flex-direction:column;min-height:calc(100vh - 36px);display:flex}.scene-top-hud{background:linear-gradient(#102858e0,#0a1838f0);border:1px solid #64a0ff3d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.scene-hud-left,.scene-hud-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scene-badge,.scene-hud-pill{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.scene-badge{color:#1f1200;background:linear-gradient(#ffd978,#f2ab26)}.scene-hud-title{color:#ecf5ff;font-size:16px;font-weight:800}.scene-hud-pill{color:#cbe2ff;background:#64a0ff1f;border:1px solid #64a0ff38}.scene-shell-lobby,.scene-shell-room{justify-content:flex-start}.scene-shell-table{min-height:calc(100vh - 26px)}.scene-bottom-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.scene-bottom-btn{color:#d8e8ff;cursor:pointer;background:linear-gradient(#122956f2,#0a1838fa);border:1px solid #64a0ff47;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700}.scene-bottom-btn.active{color:#fff;border-color:#64b0ff8c;box-shadow:inset 0 0 0 1px #64b0ff2e}.scene-bottom-btn.gold{color:#291400;background:linear-gradient(#ffd978,#f2ab26);border-color:#ffd77880}.scene-bottom-bar-table{margin-top:12px}.theme-sandaha .scene-top-hud{background:linear-gradient(#0c2458eb,#08163af5);border-color:#64a0ff4d}.theme-sandaha .scene-badge{color:#2e1800;background:linear-gradient(#ffd978,#f2ab26)}.theme-sandaha .scene-hud-pill{color:#cfe3ff;background:#64a0ff1f;border-color:#78afff4d}.theme-sandaha .scene-bottom-btn.active{border-color:#64b0ff8c;box-shadow:inset 0 0 0 1px #64b0ff2e}.theme-sandaha .room-preview-panel,.theme-sandaha .room-members-panel,.theme-sandaha .lobby-side-panel,.theme-sandaha .lobby-list-panel{background:#081a4080;border-color:#5a96ff40}.theme-loudi .scene-top-hud{background:linear-gradient(#08382ae6,#05261cf5);border-color:#46c8824d}.theme-loudi .scene-badge{color:#062411;background:linear-gradient(#8ff0be,#3ec884)}.theme-loudi .scene-hud-title{color:#dbffee}.theme-loudi .scene-hud-pill{color:#bff5d8;background:#28a06e29;border-color:#5adc9659}.theme-loudi .scene-bottom-btn{color:#d4ffe8;background:linear-gradient(#0a3c2cf0,#06261cfa);border-color:#46c8824d}.theme-loudi .scene-bottom-btn.active{border-color:#50dc9699;box-shadow:inset 0 0 0 1px #50dc9633}.theme-loudi .scene-bottom-btn.gold{color:#082110;background:linear-gradient(#9bf5c8,#48cd8a);border-color:#78f0b4b3}.theme-loudi .room-preview-panel,.theme-loudi .room-members-panel,.theme-loudi .lobby-side-panel,.theme-loudi .lobby-list-panel{background:#062c1e80;border-color:#46c88247}.theme-loudi .room-table-preview,.theme-loudi .table-area,.theme-loudi .lm-table{box-shadow:0 0 0 6px #08462873,0 0 0 8px #28b46433,0 20px 60px #000000ad,inset 0 0 80px #00000047;border-color:#46c88273!important}.lobby-landscape-grid{grid-template-columns:320px 1fr;align-items:start;gap:14px;margin-top:14px;display:grid}.lobby-side-panel,.lobby-list-panel,.room-preview-panel,.room-members-panel{background:#08183a7a;border:1px solid #508cff38;border-radius:18px;margin-top:0;padding:16px}.compact-list{max-height:calc(100vh - 230px);padding-right:4px;overflow:auto}.room-landscape-grid{grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);align-items:start;gap:16px;margin-top:14px;display:grid}.room-table-preview-landscape{min-height:320px}.seat-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{color:#e8f4ff;font-size:26px;font-weight:800}.sub-title{color:#c0d8ff;margin-top:16px;font-size:18px;font-weight:700}.muted{color:#7a9cc8}.game-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px;display:grid}.game-card{color:#e0eeff;border:1px solid #64a0ff4d;border-radius:18px;min-height:160px;padding:18px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.game-card:before{content:"";opacity:0;background:#ffffff0a;border-radius:18px;transition:opacity .18s;position:absolute;inset:0}.game-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #00000080}.game-card:hover:before{opacity:1}.game-card h3{color:#fff;text-shadow:0 2px 8px #0006;margin:8px 0 6px;font-size:22px;font-weight:800}.game-card p{color:#c8e1ffcc;font-size:13px}.accent-orange{background:linear-gradient(145deg,#2a1a08 0%,#3d2510 60%,#2a1a08 100%);border-color:#ffa03266;box-shadow:0 8px 24px #c8640033,inset 0 1px #ffb45033}.accent-blue{background:linear-gradient(145deg,#0a1e40 0%,#0d2a5a 60%,#0a1e40 100%);border-color:#50a0ff66;box-shadow:0 8px 24px #0050c833,inset 0 1px #64b4ff33}.accent-green{background:linear-gradient(145deg,#0a2010 0%,#0d2e18 60%,#0a2010 100%);border-color:#32c86466;box-shadow:0 8px 24px #00963c33,inset 0 1px #50dc7833}.enter-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;margin-top:14px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-link{color:#64b0ff;background:#64b0ff1a;border:1px solid #64b0ff66;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.text-link:hover{background:#64b0ff33}.action-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.btn{color:#c8deff;cursor:pointer;background:linear-gradient(#1e3c78e6,#142d5ff2);border:1px solid #64a0ff66;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff14}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0006}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{color:#fff;background:linear-gradient(#3a7fff,#1a5fe0);border-color:#4a8fff;box-shadow:0 4px 16px #1e64ff66}.btn-gold{color:#1a0a00;background:linear-gradient(#ffd060,#e8960a);border-color:#c8820a;font-weight:800;box-shadow:0 4px 16px #c8820066}.list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.list-item{background:#0f235099;border:1px solid #508cff40;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px;transition:background .15s;display:grid}.list-item:hover{background:#142d64cc}.room-main h4{color:#e0eeff;font-size:17px;font-weight:700}.room-meta{text-align:right;color:#7a9cc8}.seat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:8px;display:grid}.room-table-preview{background:radial-gradient(at 50% 60%,#1a5c2a 0%,#0f3d1a 55%,#0a2a12 100%);border:2px solid #32b4504d;border-radius:18px;min-height:250px;margin-top:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #0006}.copy-tip{color:#64b0ff;margin-top:8px;font-weight:600}.room-table-preview:after{content:"";border:2px solid #50c86433;border-radius:999px;position:absolute;inset:14px}.preview-seat{color:#e0f0ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffffff59;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;position:absolute}.preview-top{top:16px;left:50%;transform:translate(-50%)}.preview-left{top:50%;left:16px;transform:translateY(-50%)}.preview-right{top:50%;right:16px;transform:translateY(-50%)}.preview-bottom{bottom:16px;left:50%;transform:translate(-50%)}.preview-center{color:#e0f0ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:1px solid #ffffff4d;border-radius:14px;padding:14px 24px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seat-card{background:linear-gradient(#142d64cc,#0c1e46e6);border:1px solid #508cff4d;border-radius:16px;padding:14px;box-shadow:0 6px 16px #0000004d}.seat-avatar{color:#fff;background:linear-gradient(135deg,#2a5fc8,#1a3f9a);border:1px solid #64a0ff80;border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:8px;font-size:16px;font-weight:800;display:grid;box-shadow:0 4px 10px #0000004d}.seat-avatar-photo{position:relative;overflow:hidden}.seat-avatar-photo:before{content:"";background:radial-gradient(circle at 35% 30%,#ffffff4d,#0000);border-radius:8px;position:absolute;inset:2px}.status-ready{color:#3ee17c;font-size:13px;font-weight:700}.status-wait{color:#ffb040;font-size:13px;font-weight:700}.table-panel{background:linear-gradient(#0a1e46f2,#051432fa);min-height:72vh}.table-panel-pro{background:linear-gradient(#081432fa,#050f28);border-color:#3c78ff4d}.table-panel-pro .section-title,.table-panel-pro .text-link,.table-panel-pro .muted,.table-panel-pro .sub-title{color:#c8deff}.hud-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.hud-item{background:linear-gradient(#142d64cc,#0c1e46e6);border:1px solid #508cff4d;border-radius:10px;padding:8px 10px}.hud-item p{color:#7a9cc8;font-size:11px}.hud-item strong{color:#e0eeff;font-size:15px;font-weight:800}.table-area{background:radial-gradient(#1e6b35 0%,#155228 45%,#0e3d1e 75%,#0a2e16 100%);border:3px solid #28a05080;border-radius:999px;place-items:center;min-height:240px;margin-top:14px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 6px #14502899,0 0 0 8px #28a05033,0 20px 60px #000000b3,inset 0 0 80px #0000004d}.table-area:before{content:"";pointer-events:none;border:2px solid #50c86426;border-radius:999px;position:absolute;inset:16px}.table-area:after{content:"三打哈";letter-spacing:4px;color:#ffffff0a;pointer-events:none;font-size:56px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deal-origin{opacity:0;z-index:3;color:#fff;background:#ffffff2e;border:1px solid #ffffff80;border-radius:999px;padding:8px 16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.deal-origin.active{animation:.7s ease-out deal-burst}.deal-trail{z-index:2;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deal-trail span{background:#ffffffd9;border:1px solid #ffffffa6;border-radius:6px;width:30px;height:42px;animation:.65s ease-out forwards trail-fly;position:absolute}.deal-trail span:first-child{animation-delay:0s}.deal-trail span:nth-child(2){animation-delay:80ms}.deal-trail span:nth-child(3){animation-delay:.16s}@keyframes deal-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}35%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,45%)scale(.9)}}@keyframes trail-fly{0%{opacity:.95;transform:translate(-20px,-15px)scale(.9)}to{opacity:0;transform:translateY(105px)scale(.85)}}.fly-card{z-index:3;text-align:center;color:#254a7c;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:8px;min-width:46px;padding:6px 10px;font-weight:800;animation:.36s ease-out fly-to-center;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes fly-to-center{0%{opacity:0;transform:translate(-50%,18px)scale(.86)}to{opacity:1;transform:translate(-50%,-96px)scale(1)}}.mahjong-area{min-height:340px}.table-area-poker{min-height:300px}.table-area-mahjong{min-height:380px}.seat-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0f8ff;text-align:center;background:#0000008c;border:1px solid #ffffff40;border-radius:14px;min-width:160px;padding:8px 14px;position:absolute;box-shadow:0 4px 16px #0006}.seat-topline{justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.seat-avatar-sm{color:#fff;background:linear-gradient(135deg,#2a5fc8,#1a3f9a);border:1px solid #64a0ff80;border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid;box-shadow:0 2px 6px #0000004d}.seat-meta{color:#a0c0e0;margin-top:4px;font-size:11px}.online-dot{background:#3ee17c;border-radius:999px;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 6px #3ee17ce6}.seat-active{border-color:#ffd060!important;box-shadow:0 0 0 2px #ffd06080,0 0 20px #ffd0604d!important}.seat-pos-top{top:14px;left:50%;transform:translate(-50%)}.seat-pos-left{top:50%;left:14px;transform:translateY(-50%)}.seat-pos-right{top:50%;right:14px;transform:translateY(-50%)}.seat-pos-bottom{bottom:14px;left:50%;transform:translate(-50%)}.desk-center{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0f8ff;text-align:center;z-index:1;background:#00000073;border:1px solid #fff3;border-radius:18px;padding:20px 28px;font-weight:700;box-shadow:0 8px 24px #0006}.turn-ring-wrap{z-index:3;position:absolute;top:18px;right:66px}.turn-ring{border:3px solid #ffffff4d;border-radius:999px;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 0 16px #57a6ff66}.turn-ring span{color:#ffd060;background:#050f28e6;border-radius:999px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:grid}.desk-center .desk-token{color:#1a0a00;background:linear-gradient(#ffe060,#e89000);border:2px solid #fff9;border-radius:999px;place-items:center;width:40px;height:40px;margin:0 auto 8px;font-size:18px;font-weight:900;display:inline-grid;box-shadow:0 0 16px #ffc80080}.desk-subline{color:#a0c8e0;margin-top:5px;font-size:12px;display:block}.desk-center-pulse{animation:.26s ease-out desk-pop}@keyframes desk-pop{0%{opacity:.75;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.desk-play{color:#c8e0ff;margin-top:8px;font-size:14px;font-weight:600}.desk-play-anim{animation:.22s ease-out slide-in-card;display:inline-block}.desk-card-stack{justify-content:center;gap:6px;margin-top:6px;display:flex}.desk-card-item{color:#b0202d;background:#fffffff2;border:1px solid #fff9;border-radius:6px;min-width:32px;padding:4px 8px;font-size:13px;font-weight:800;box-shadow:0 2px 8px #0000004d}@keyframes slide-in-card{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.table-status{color:#a0c0e0;margin-top:8px}.table-switches{gap:8px;margin-top:8px;display:flex}.switch-btn{color:#7a9cc8;cursor:pointer;background:#142d6499;border:1px solid #508cff66;border-radius:999px;padding:5px 12px;font-size:12px;transition:all .15s}.switch-btn.on{color:#c8deff;background:#2850b499;border-color:#64a0ffb3}.pro-topbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.pro-top-pill{color:#ffd060;background:linear-gradient(#14285af2,#0c1c41fa);border:1px solid #64a0ff4d;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:800;box-shadow:0 2px 8px #0000004d}.pro-top-right{gap:6px;margin-left:auto;display:flex}.pro-table-scene{border-radius:999px;min-height:440px;margin-top:10px}.pro-player{color:#e8f4ff;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute}.pro-player p{font-size:13px;font-weight:700}.pro-player small{color:#80b0d8;margin-top:2px;display:block}.pro-avatar{color:#fff;background:linear-gradient(135deg,#2a5fc8,#1a3f9a);border:2px solid #64a0ff99;border-radius:12px;place-items:center;width:50px;height:50px;font-size:18px;font-weight:900;display:grid;box-shadow:0 4px 14px #00000080,0 0 0 3px #64a0ff26}.pro-player-top{top:14px;left:50%;transform:translate(-50%)}.pro-player-left{top:50%;left:20px;transform:translateY(-50%)}.pro-player-right{top:50%;right:20px;transform:translateY(-50%)}.pro-bottom-me{color:#e8f4ff;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:16px;left:20px}.pro-play-card{color:#b0202d;background:#fff;border:1px solid #fffc;border-radius:10px;place-items:center;min-width:52px;min-height:72px;padding:4px 6px;font-size:16px;font-weight:900;display:grid;box-shadow:0 4px 12px #0006}.pro-center-cards{justify-content:center;margin-top:10px;display:flex}.pro-action-mid{align-items:center;gap:12px;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.pro-mid-btn{color:#fff;background:linear-gradient(#3a9fff,#1060e0);border-color:#2a80ff;border-radius:999px;min-width:130px;padding:12px 20px;font-size:16px;font-weight:800;box-shadow:0 6px 20px #1e64ff80}.pro-mid-btn-main{border-radius:999px;min-width:130px;padding:12px 20px;font-size:16px;font-weight:800}.pro-hand-panel{margin-top:12px}.pro-bottom-actions{margin-top:10px}.hand-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.card-btn{cursor:pointer;color:#c8deff;background:#142d64cc;border:1px solid #508cff66;border-radius:10px;min-width:48px;height:64px}.tile-btn{min-width:56px}.card-selected{border:2px solid #ffd060;transform:translateY(-6px)}.my-play-row{color:#7a9cc8;margin-top:10px;font-size:13px;font-weight:600}.hand-tray{background:linear-gradient(#0f2350e6,#0a193cf2);border:1px solid #508cff4d;border-radius:16px;margin-top:10px;padding:12px 10px 14px;overflow-x:auto;box-shadow:0 4px 20px #0006,inset 0 1px #64a0ff1a}.floating-tools{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tool-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:1px solid #ffffff4d;border-radius:999px;place-items:center;width:40px;height:40px;font-size:16px;transition:background .15s;display:grid;box-shadow:0 2px 8px #0006}.tool-btn:hover{background:#000000b3}.action-bar-main{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.btn-detail{color:#ffd060;background:linear-gradient(#3c280ae6,#281905f2);border-color:#c8a03299}.btn-main-cta{border-width:2px;min-width:148px;font-size:17px;box-shadow:0 8px 24px #c8820080}@media (width<=700px){.top-bar{flex-direction:column;align-items:flex-start;gap:8px}.list-item{grid-template-columns:1fr}.room-meta{text-align:left}.table-area{flex-direction:column;justify-content:center;min-height:280px}.hud-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-chip{width:auto;min-width:130px}.seat-pos-left,.seat-pos-right{top:auto;bottom:70px;transform:none}.seat-pos-left{left:8px}.seat-pos-right{right:8px}.floating-tools{top:14px;right:8px;transform:none}.turn-ring-wrap{top:10px;right:52px}.room-table-preview{min-height:210px}.action-bar-main{justify-content:center}}@media (width<=1100px){.page-landscape{max-width:1180px}.lobby-landscape-grid,.room-landscape-grid{grid-template-columns:1fr}.compact-list{max-height:none}.scene-shell,.scene-shell-table{min-height:auto}.scene-top-hud{flex-direction:column;align-items:flex-start}}@media (width<=1024px) and (orientation:portrait){html,body,#root{overscroll-behavior:contain;width:100%;height:100%;overflow:auto}.app-landscape-shell{transform-origin:0 0;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;width:max(100dvh,1180px);height:max(100dvw,720px);padding-top:env(safe-area-inset-left);padding-right:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-right);padding-left:env(safe-area-inset-bottom);position:absolute;top:0;left:0;overflow:auto;transform:rotate(90deg)translateY(-100%)}.fullscreen-tools{top:6px;right:6px}.fullscreen-btn{border-radius:8px;padding:6px 9px;font-size:11px}.page-landscape{min-width:1080px;padding-top:max(10px, env(safe-area-inset-left));padding-bottom:max(16px, env(safe-area-inset-right))}.home-screen{padding-top:max(6px, env(safe-area-inset-left));padding-bottom:max(6px, env(safe-area-inset-right));padding-left:max(6px, env(safe-area-inset-bottom));padding-right:max(6px, env(safe-area-inset-top))}}.lm-wrap{flex-direction:column;gap:10px;margin-top:10px;display:flex}.lm-hud{flex-wrap:wrap;gap:8px;display:flex}.lm-hud-cell{text-align:center;background:linear-gradient(#142d64d9,#0c1e46f2);border:1px solid #508cff4d;border-radius:12px;flex:1;min-width:70px;padding:8px 10px;box-shadow:0 3px 10px #0000004d}.lm-hud-label{color:#7a9cc8;margin-bottom:2px;font-size:11px;display:block}.lm-hud-score{font-size:16px;font-weight:800;display:block}.lm-hud-score.pos{color:#3ee17c}.lm-hud-score.neg{color:#ff6060}.lm-gang-score{color:#ffd060;margin-top:1px;font-size:10px;display:block}.lm-table{background:radial-gradient(#1e6b35 0%,#155228 45%,#0e3d1e 75%,#0a2e16 100%);border:3px solid #28a05080;border-radius:999px;place-items:center;min-height:380px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 6px #14502899,0 0 0 8px #28a05033,0 20px 60px #000000b3,inset 0 0 80px #0000004d}.lm-table:before{content:"";pointer-events:none;border:2px solid #50c8641f;border-radius:999px;position:absolute;inset:16px}.lm-seat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0f8ff;background:#00000085;border:1px solid #fff3;border-radius:14px;min-width:150px;max-width:200px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;position:absolute;box-shadow:0 4px 16px #0006}.lm-seat.lm-active{border-color:#ffd060!important;box-shadow:0 0 0 2px #ffd06080,0 0 20px #ffd0604d!important}.lm-seat-top{top:14px;left:50%;transform:translate(-50%)}.lm-seat-left{top:50%;left:14px;transform:translateY(-50%)}.lm-seat-right{top:50%;right:14px;transform:translateY(-50%)}.lm-seat-bottom{bottom:14px;left:50%;transform:translate(-50%)}.lm-seat-inner{align-items:center;gap:8px;margin-bottom:6px;display:flex}.lm-avatar{color:#fff;background:linear-gradient(135deg,#2a5fc8,#1a3f9a);border:1px solid #64a0ff80;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:grid;box-shadow:0 2px 8px #0006}.lm-avatar.lm-me{background:linear-gradient(135deg,#c87800,#8a5000);border-color:#ffb43299}.lm-name{color:#e8f4ff;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.lm-sub{color:#80b0d8;margin-top:1px;font-size:11px}.lm-wind-tag{color:#ffd060;background:#ffd0602e;border:1px solid #ffd06066;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:700;display:inline-block}.lm-banker{color:#1a0a00;background:linear-gradient(135deg,#ffd060,#e89000);border-radius:5px;margin-left:3px;padding:1px 6px;font-size:11px;font-weight:900;display:inline-block}.lm-center{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:1;background:#0000007a;border:1px solid #ffffff2e;border-radius:20px;min-width:130px;padding:18px 24px;transition:transform .15s;position:relative;box-shadow:0 8px 28px #00000080}.lm-center.lm-pulse{animation:.26s ease-out desk-pop}.lm-discard-label{color:#80b0d8;margin-bottom:4px;font-size:11px}.lm-discard-tile{text-shadow:0 2px 8px #0006;background:#ffffffeb;border:2px solid #fffc;border-radius:10px;padding:6px 12px;font-size:32px;font-weight:900;line-height:1;display:inline-block;box-shadow:0 4px 14px #0006}.lm-discard-by{color:#a0c8e0;margin-top:5px;font-size:11px}.lm-logo{color:#ffffff1f;letter-spacing:2px;font-size:22px;font-weight:900;line-height:1.3}.lm-fly{pointer-events:none;z-index:5;background:#ffffffeb;border:1px solid #fffc;border-radius:8px;padding:4px 10px;font-size:18px;font-weight:900;animation:.38s ease-out fly-to-center;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.lm-timer-pos{position:absolute;top:-22px;right:-22px}.lm-event-bar{background:linear-gradient(#0f2350e6,#0a193cf2);border:1px solid #508cff40;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.lm-event-text{color:#a0c8e0;flex:1}.lm-sel-hint{color:#c8deff;white-space:nowrap;font-size:13px}.lm-hand-wrap{background:linear-gradient(#0f2350eb,#0a193cf7);border:1px solid #508cff4d;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0006,inset 0 1px #64a0ff1a}.lm-hand-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px 6px;display:flex}.lm-hand-title{color:#c0d8ff;font-size:15px;font-weight:700}.lm-hand-cnt{color:#80b0ff;background:#64a0ff33;border-radius:999px;margin-left:4px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.lm-meld-row{flex-wrap:wrap;gap:5px;display:flex}.lm-meld-chip{color:#ffd060;background:#ffd06026;border:1px solid #ffd06066;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.lm-tray{padding:10px 12px 14px;overflow-x:auto}.lm-action-bar{border-bottom:1px solid #508cff2e;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:12px 14px 8px;display:flex}.lm-big-btn{border-radius:14px;min-width:120px;padding:12px 24px;font-size:16px;font-weight:800}.lm-win-btn{color:#fff!important;background:linear-gradient(#ff4d6d,#c0102d)!important;border-color:#ff4d6d!important;border-radius:14px!important;padding:10px 22px!important;font-size:16px!important;font-weight:900!important;box-shadow:0 4px 16px #c8003280!important}.lm-gang-btn{color:#fff!important;background:linear-gradient(#9d50ff,#6a1fc2)!important;border-color:#9d50ff!important;border-radius:14px!important;padding:10px 18px!important;font-weight:800!important}.lm-act-btn{color:#c8deff!important;background:linear-gradient(#2850b4e6,#193782f2)!important;border-color:#64a0ff99!important;border-radius:12px!important;padding:10px 16px!important;font-weight:700!important}.lm-resp-row{background:linear-gradient(#142d64e6,#0c1e46f2);border:1px solid #ffd0604d;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:10px 14px;display:flex;box-shadow:0 0 20px #ffd06026}.lm-resp-label{color:#a0c8e0;margin-right:4px;font-size:13px}@media (width<=700px){.lm-seat-left,.lm-seat-right{top:auto;bottom:80px;transform:none}.lm-seat-left{left:8px}.lm-seat-right{right:8px}.lm-table{min-height:320px}.lm-hud-cell{min-width:55px}}.poker-hand{--hand-overlap:-12px;flex-wrap:nowrap;align-items:flex-end;padding:8px 6px 16px;display:flex;overflow-x:auto}.poker-hand .hand-item{margin-left:var(--hand-overlap);transition:transform .15s}.poker-hand .hand-item:first-child{margin-left:0}.playing-card{width:var(--card-width,86px);height:var(--card-height,128px);cursor:pointer;color:#1b1b1b;background:#fff;border:1.5px solid #d0d8e8;border-radius:12px;padding:0;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 4px 12px #0003,0 1px 3px #0000001a,inset 0 1px #ffffffe6}.playing-card:hover:not(:disabled){box-shadow:0 8px 20px #0000004d,0 2px 6px #00000026}.playing-card:disabled,.mahjong-tile:disabled{pointer-events:none}.playing-card.is-selected{border-color:#ffd060;transform:translateY(-12px);box-shadow:0 12px 24px #00000059,0 0 0 2px #ffd06099}.mahjong-tile.is-selected{border-color:#ffd060;transform:translateY(-10px);box-shadow:0 10px 20px #00000059,0 0 0 2px #ffd06099}.playing-card.is-disabled,.mahjong-tile.is-disabled{opacity:.4;filter:grayscale(.8);box-shadow:none}.playing-card .card-rank-block{flex-direction:column;align-items:flex-start;line-height:1;display:flex;position:absolute;top:6px;left:7px}.playing-card .card-rank{letter-spacing:-2px;font-size:48px;font-weight:900;line-height:.9}.playing-card .card-mini-suit{margin-top:2px;font-size:20px;line-height:1}.playing-card .card-big-suit{opacity:.15;font-size:64px;line-height:1;position:absolute;bottom:6px;right:8px}.playing-card.suit-heart,.playing-card.suit-diamond{color:#c0202d}.playing-card.suit-spade,.playing-card.suit-club{color:#1a1a1a}.playing-card.suit-joker .joker-text{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-1px;color:#c0202d;font-size:22px;font-weight:800}.playing-card.suit-joker{background:linear-gradient(135deg,#fff8f0,#fff0e0);place-items:center;display:grid}.tile-badge{color:#fff;z-index:2;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.3;position:absolute;top:5px;right:5px;box-shadow:0 2px 6px #0000004d}.tile-badge.main{background:linear-gradient(135deg,#f0a800,#c87800)}.tile-badge.wild{background:linear-gradient(135deg,#9d50ff,#6a1fc2)}.mahjong-hand{--hand-overlap:0px;flex-wrap:nowrap;gap:0;padding:8px 4px 16px;display:flex;overflow-x:auto}.mahjong-hand .hand-item{margin-left:var(--hand-overlap);transition:transform .15s}.mahjong-hand .hand-item:first-child{margin-left:0}.mahjong-tile{width:var(--tile-width,56px);height:var(--tile-height,82px);cursor:pointer;background:linear-gradient(#fff 0%,#f0f0f0 100%);border:1.5px solid #c8c8c8;border-radius:8px;place-items:center;padding:0;font-size:26px;font-weight:800;transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 10px #0003,0 2px 4px #0000001a,inset 0 1px #ffffffe6,inset 0 -2px #00000014}.mahjong-tile:hover:not(:disabled){box-shadow:0 6px 16px #00000040,0 2px 6px #00000026}.mahjong-tile span{text-align:center;font-size:14px;font-weight:800;line-height:1.2;display:inline-block;transform:translateY(1px)}.mahjong-tile.tile-red{color:#c0202d}.mahjong-tile.tile-green{color:#1a7a40}.mahjong-tile.tile-black{color:#1a1a1a}.mahjong-tile.mahjong-tile-graphic{width:var(--tile-width,58px);height:var(--tile-height,86px);background:linear-gradient(170deg,#fefefe 0%,#f5f0e8 60%,#ede8dc 100%);border:1.5px solid #b8b8b8;border-radius:9px;justify-content:center;align-items:center;padding:2px;display:flex;overflow:visible;box-shadow:0 5px #b0a898,0 6px 14px #00000059,inset 0 1px #fffffff2,inset 0 -1px #0000000f}.mahjong-tile.mahjong-tile-graphic:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #b0a898,0 10px 22px #0006,inset 0 1px #fffffff2}.mahjong-tile.mahjong-tile-graphic.is-selected{border-color:#ffd060;transform:translateY(-12px);box-shadow:0 5px #c8a000,0 14px 28px #0006,0 0 0 2px #ffd060b3}.mahjong-tile.mahjong-tile-graphic svg{width:100%;height:100%;display:block;overflow:visible}