:root{--jade-950:#072619;--jade-900:#0a3524;--jade-800:#0e4a32;--jade-700:#135c3d;--jade-600:#1e6b45;--jade-400:#3c9a68;--gold-200:#fbe7a8;--gold-300:#f4d27a;--gold-500:#d4a94a;--gold-700:#b8862e;--red-500:#c8323a;--red-600:#b3202a;--red-800:#7e1219;--ivory:#f4eedd;--cream:#fff6e0;--ink:#1c1a16;--wood-500:#8a4e2a;--wood-700:#6b3a1f;--wood-900:#3e2213;--scrim:#072619db;--f-en:"Nunito",ui-rounded,"Segoe UI",system-ui,sans-serif;--f-zh:"Noto Serif SC","Songti SC","STSong",serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ivory:#f4eedd;--cream:#fff6e0}}:root[data-theme=dark]{--ivory:#f4eedd;--cream:#fff6e0}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{height:100%;font-family:var(--f-en);color:var(--cream);background:radial-gradient(120% 90% at 50% 0%,#9a5a30 0%,var(--wood-700) 38%,var(--wood-900) 100%);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:2px solid var(--gold-200);outline-offset:2px}[hidden]{display:none!important}.screen{flex-direction:column;height:100%;display:flex}.tile{--w:40px;width:var(--w);aspect-ratio:96/112;border-radius:calc(var(--w)*.13);background:var(--ivory);box-shadow:0 calc(var(--w)*.05) calc(var(--w)*.08) #0006;flex:none;display:inline-block;position:relative;overflow:hidden}.tile img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.tile.back{background:var(--jade-800)}.tile.back img{object-fit:cover}.tile.ph{font-family:var(--f-zh);color:var(--red-800);font-weight:900;font-size:calc(var(--w)*.4);outline:1.5px dashed var(--gold-700);outline-offset:-4px;place-items:center;display:grid}.t-gal{--w:54px}.t-res{--w:24px}.tile.fresh{animation:.35s cubic-bezier(.2,1.4,.4,1) drop}@keyframes drop{0%{opacity:0;transform:translateY(-40%)scale(1.3)}to{opacity:1;transform:none}}#home{background:linear-gradient(90deg,#140a0426 0%,#140a0440 45%,#0a140cb8 100%), var(--scene) center 40%/cover no-repeat,var(--wood-900)}.home-top{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chip{background:var(--scrim);border:1.5px solid var(--gold-500);border-radius:999px;align-items:center;gap:10px;padding:5px 16px 5px 5px;display:flex}.avatar{width:38px;height:38px;color:var(--gold-300);border:1.5px dashed var(--gold-300);background:var(--jade-900);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.chip b{font-size:15px;display:block}.chip small{color:var(--gold-300);font-weight:800}.round-btn{background:var(--scrim);border:1.5px solid var(--gold-500);width:42px;height:42px;color:var(--gold-300);border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.home-main{flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:24px 48px;padding:8px 20px;display:flex}.logo{text-align:center;padding:10px 64px 0 10px;position:relative}.logo-img{filter:drop-shadow(0 10px 18px #0000008c);width:min(46vmax,440px);max-width:92%;height:auto;display:block}html.short .logo-img{width:auto;max-width:none;height:min(52vmin,230px)}.avatar.img{border:2px solid var(--gold-500);background:var(--jade-900);padding:0;overflow:hidden}.avatar.img img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.chip{cursor:pointer}.av-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;padding:4px 4px 12px;display:grid}.av-grid button{aspect-ratio:1;background:var(--jade-900);border:3px solid #0000;border-radius:50%;padding:0;overflow:hidden}.av-grid button[aria-pressed=true]{border-color:var(--gold-300);box-shadow:0 0 16px #f4d27acc}.av-grid img{width:100%;height:100%;display:block}.logo-word{font-family:var(--f-en);letter-spacing:-.01em;background:linear-gradient(180deg,var(--gold-200) 10%,var(--gold-500) 55%,var(--gold-700) 90%);color:#0000;-webkit-text-stroke:2px var(--jade-800);paint-order:stroke fill;filter:drop-shadow(0 4px 0 var(--jade-950)) drop-shadow(0 8px 12px #00000073);-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,11vw,92px);font-weight:900;line-height:.95;display:block}.seal{line-height:1.05;font-family:var(--f-zh);color:var(--gold-200);background:linear-gradient(var(--red-500),var(--red-800));border:2px solid var(--gold-500);border-radius:10px;flex-direction:column;padding:10px 6px;font-size:clamp(22px,4.6vw,36px);font-weight:900;display:flex;position:absolute;top:4px;right:6px}.logo-sub{letter-spacing:.28em;color:var(--gold-200);margin-top:8px;font-size:clamp(13px,2.6vw,18px);font-weight:800;display:block}.modes{flex-direction:column;gap:12px;width:min(440px,100%);display:flex}.mode{text-align:left;border:3px solid var(--gold-300);border-radius:16px;grid-template-columns:1fr auto;align-items:center;padding:14px 20px 14px 22px;transition:transform .12s;display:grid;position:relative;box-shadow:0 4px 8px #0006,inset 0 2px #ffffff4d}.mode:active{transform:scale(.98)}.mode .zh{font-family:var(--f-zh);font-size:clamp(26px,6vw,34px);font-weight:900;line-height:1.1}.mode .en{letter-spacing:.06em;margin-top:2px;font-size:13px;font-weight:800;display:block}.mode .chev{grid-area:1/2/3;font-size:34px;font-weight:900}.m-classic{background:linear-gradient(#2a8a57,#135c3d 60%,#0a3524)}.m-classic .en{color:var(--gold-300)}.m-private{background:linear-gradient(#d2343d,#b3202a 55%,#7e1219)}.m-private .en{color:var(--gold-200)}.m-learn{color:var(--ink);background:linear-gradient(#fbe7a8,#e2b85a 55%,#b8862e)}.mode .soon{opacity:.75;letter-spacing:0;font-size:11px;font-weight:800}.home-nav{background:var(--scrim);border:1px solid var(--gold-700);border-radius:18px;justify-content:center;gap:4px;margin:0 auto 12px;padding:6px 10px;display:flex}.home-nav button{color:var(--gold-200);border-radius:12px;padding:8px 14px;font-size:13px;font-weight:800}.home-nav button:active{background:#d4a94a2e}.home-top{padding:8px 16px}.preview-note{text-align:center;color:#fff6e099;margin:0 16px 10px;font-size:11px;font-weight:700}#app{width:var(--VW,100vw);height:var(--VH,100vh);padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;top:0;left:0;overflow:clip}html.rot #app{transform-origin:0 0;padding:0 env(safe-area-inset-bottom,0px) 0 env(safe-area-inset-top,0px);left:100%;transform:rotate(90deg)}#table{--side:clamp(134px,18vmax,190px);--hw:min(64px,calc((var(--VW) - 44px)/16));grid-template-columns:var(--side) minmax(0,1fr) var(--side);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"left top right""left felt right""hand hand hand";display:grid}.col{flex-direction:column;gap:6px;min-height:0;padding:8px 6px 0;display:flex;overflow:hidden}.col-left{grid-area:left}.col-right{grid-area:right;align-items:flex-end}.col-left .spacer,.col-right .spacer{flex:1}.top{grid-area:top;justify-content:center;align-items:flex-start;min-width:0;padding-top:8px;display:flex}.info{align-items:center;gap:6px;display:flex}.pill{background:var(--scrim);border:1px solid var(--gold-700);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.pill .zh{font-family:var(--f-zh);color:var(--gold-300)}.round-btn.sm{width:36px;height:36px;font-size:17px}.rack{flex-direction:column;gap:5px;min-width:0;display:flex}.top .rack{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:6px 10px}.badge{background:var(--scrim);border:1.5px solid var(--gold-700);border-radius:14px;align-items:center;gap:7px;min-width:0;max-width:100%;padding:4px 10px 4px 4px;transition:box-shadow .2s,border-color .2s;display:flex}.badge>div:last-child{min-width:0}.badge.active{border-color:var(--gold-200);box-shadow:0 0 14px #f4d27abf}.badge .avatar{width:34px;height:34px;font-size:13px}.b-name{white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;font-weight:800;display:flex}.nm{text-overflow:ellipsis;overflow:hidden}.b-name .w{font-family:var(--f-zh);color:var(--gold-300)}.dealer{font-family:var(--f-zh);background:var(--red-600);color:var(--gold-200);border-radius:4px;padding:0 3px;font-size:10px}.b-sub{color:var(--gold-200);font-size:11px;font-weight:800}.flowers{background:#c8323a38;border:1px solid #d4a94a80;border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;padding:3px 6px 3px 4px;display:flex}.flowers .lbl{font-family:var(--f-zh);color:var(--gold-200);margin-right:3px;font-size:12px;font-weight:900}.melds{flex-wrap:wrap;gap:5px;display:flex}.col-right .melds{justify-content:flex-end}.meld{border:1.5px solid var(--gold-500);background:linear-gradient(#f4d27a47,#b8862e38);border-radius:7px;flex-direction:column;align-items:center;gap:2px;padding:2px 3px 3px;display:inline-flex}.mtag{color:var(--gold-200);white-space:nowrap;font-size:9.5px;font-weight:800;line-height:1.1}.mtag b{font-family:var(--f-zh);color:var(--gold-300);font-size:11px}.mtiles{gap:1px;display:flex}.t-rack{--w:clamp(17px,2.5vmax,26px)}.col .melds{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;display:grid}.col .meld{min-width:0;padding:2px 2px 3px}.col .mtag{white-space:normal;text-align:center;font-size:8.5px;line-height:1.05}.col .mtag b{font-size:10px}.col .t-rack{--w:calc((var(--side) - 36px)/7)}.col .meld.k4 .t-rack{--w:calc((var(--side) - 40px)/9)}#rack-3,#rack-1{scrollbar-width:none;flex:0 auto;min-height:0;overflow-y:auto}#rack-3::-webkit-scrollbar{display:none}#rack-1::-webkit-scrollbar{display:none}#rack-0{flex:none}.col-right .rack{align-items:stretch}.col-right .badge,.col-right .flowers{align-self:flex-end}.col-right #rack-1,.col-right .rack,.col-left #rack-3,.col-left .rack{width:100%}.info{gap:5px}.col-right>.pill{white-space:normal;text-align:center;max-width:100%;line-height:1.25}@media (width<=720px){#table .round-btn.sm{width:32px;height:32px;font-size:15px}.badge .avatar{width:28px;height:28px}.b-name{font-size:11.5px}}.t-mini{--w:15px}.felt-wrap{grid-area:felt;min-height:0;padding:14px 16px;position:relative}.felt{background:radial-gradient(ellipse at 50% 50%,#1b6a45 0%,var(--jade-800) 55%,var(--jade-900) 100%);width:100%;height:100%;box-shadow:0 0 0 8px var(--wood-700),0 0 0 10px var(--gold-500),0 0 0 14px var(--wood-900),0 14px 30px #00000080,inset 0 0 40px #00000059;--dt:min(9.4cqh,4.3cqw);border-radius:18px;position:relative;container-type:size}.t-pool{--w:var(--dt)}.pool{background:#00000029;border:1px solid #d4a94a40;border-radius:10px;flex-wrap:wrap;align-content:flex-start;gap:2px;padding:15px 5px 5px;display:flex;position:absolute}.pool:before{content:attr(data-label);text-overflow:ellipsis;color:#fbe7a8cc;white-space:nowrap;font-size:9.5px;font-weight:800;position:absolute;top:2px;left:7px;right:7px;overflow:hidden}.pool.dense{--dt:min(7.2cqh,3.3cqw)}.pool-top{justify-content:center;width:52%;height:35%;top:3%;left:24%}.pool-bottom{justify-content:center;width:52%;height:35%;bottom:3%;left:24%}.pool-left{width:20%;height:94%;top:3%;left:2%}.pool-right{width:20%;height:94%;top:3%;right:2%}.compass{aspect-ratio:1;border:2px solid var(--gold-500);background:radial-gradient(#2a2418,#14110b);border-radius:50%;place-items:center;height:22cqh;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #d4a94a2e}.compass span{font-family:var(--f-zh);color:var(--gold-300);text-shadow:0 0 12px #f4d27a80;font-size:12cqh;font-weight:900;line-height:1}.tile.last{box-shadow:0 0 0 2px var(--gold-300),0 0 12px var(--gold-300)}.banner{opacity:0;pointer-events:none;text-align:center;z-index:3;background:var(--scrim);border:2px solid var(--gold-300);border-radius:16px;padding:10px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 0 30px #f4d27a99}.banner b{font-family:var(--f-zh);color:var(--gold-300);font-size:18cqh;line-height:1.1;display:block}.banner span{font-size:13px;font-weight:800}.banner.show{animation:1.3s forwards pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}25%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.actions{z-index:4;border:1px solid var(--gold-500);background:#072619e6;border-radius:16px;align-items:center;gap:8px;max-width:calc(100% - 16px);padding:6px 8px;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.actions:empty{display:none}.abtn{border:2px solid var(--gold-300);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:62px;height:52px;padding:0 10px;transition:transform .1s;display:flex;box-shadow:0 3px 6px #0006,inset 0 2px #ffffff40}.abtn:active{transform:scale(.95)}.abtn b{font-family:var(--f-zh);font-size:21px;line-height:1}.abtn small{letter-spacing:.08em;font-size:10px;font-weight:800}.abtn .tiles{gap:1px;margin-top:2px;display:flex}.a-chi{background:linear-gradient(#2a8a57,#0e4a32)}.a-pong{color:var(--ink);background:linear-gradient(#f4d27a,#b8862e)}.a-kong{background:linear-gradient(#d2343d,#7e1219)}.a-hu{color:var(--red-600);background:linear-gradient(#fbe7a8,#d4a94a);animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 18px #f4d27acc}.a-pass{background:linear-gradient(#3a3a3a,#1c1a16)}.a-discard{color:var(--ink);background:linear-gradient(#fbe7a8,#e2b85a 55%,#b8862e)}@keyframes pulse{50%{box-shadow:0 0 28px #f4d27a}}.claim-tile{white-space:nowrap;align-items:center;gap:6px;padding-right:2px;font-size:11.5px;font-weight:700;display:flex}.t-claim{--w:28px}.hand{grid-area:hand;justify-content:center;align-items:flex-end;gap:8px;min-width:0;padding:6px 8px 8px;display:flex}.hand .melds{flex-wrap:nowrap;gap:4px}.t-myset{--w:calc(var(--hw)*.72)}.tiles-row{align-items:flex-end;display:flex}.htile{border-radius:calc(var(--hw)*.13);margin:0 1px;padding:0;transition:transform .15s}.htile:disabled{cursor:default}.htile.sel{transform:translateY(-12px)}.htile.sel .tile{box-shadow:0 0 0 2px var(--gold-300),0 8px 14px #00000080}.htile.drawn{margin-left:calc(var(--hw)*.3);animation:.3s slidein}.t-hand{--w:var(--hw)}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}html.short .home-main{gap:12px 40px;padding:0 20px}html.short .logo-word{font-size:clamp(40px,8vmax,78px)}html.short .mode{padding:8px 18px}html.short .mode .zh{font-size:24px}html.short .modes{gap:8px;width:min(400px,48%)}html.short .home-nav{margin-bottom:4px}html.short .preview-note{margin-bottom:4px;font-size:10px}.hdr{border-bottom:2px solid var(--gold-500);background:linear-gradient(#135c3d,#0a3524);align-items:center;gap:10px;padding:10px 16px;display:flex}.hdr h1{margin:0;font-size:19px;font-weight:800}.hdr h1 .zh{font-family:var(--f-zh);color:var(--gold-300);margin-right:8px}.panel{background:var(--jade-950);flex:1;padding:16px;overflow:auto}.gal h2{color:var(--gold-300);margin:18px 0 8px;font-size:14px;font-weight:800}.gal h2 .zh{font-family:var(--f-zh);margin-left:6px}.gal .row{flex-wrap:wrap;gap:10px;display:flex}.gal figure{text-align:center;width:62px;margin:0}.gal figcaption{color:#fff6e0bf;margin-top:4px;font-size:10.5px;font-weight:700}.note{color:var(--gold-200);border:1px dashed var(--gold-700);background:#d4a94a1f;border-radius:10px;max-width:64ch;padding:10px 12px;font-size:12.5px}.rules dl{grid-template-columns:auto 1fr;gap:8px 18px;max-width:560px;display:grid}.rules dt{font-weight:800}.rules dd{color:var(--gold-200);margin:0}.sheet{background:var(--ivory);width:min(620px,100%);max-height:100%;color:var(--ink);border:2px solid var(--gold-500);border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.sheet .hdr{color:var(--cream);flex:none}.sheet-body{padding:10px 16px;overflow:auto}.rrow{border-bottom:1px solid #e3d8bd;grid-template-columns:minmax(120px,34%) 1fr;align-items:center;gap:10px;padding:7px 0;display:grid}.rrow:last-child{border-bottom:0}.rl b{font-size:14px;font-weight:800;display:block}.rl small{color:#6e6452;font-size:11px;font-weight:700}.rl .zh{font-family:var(--f-zh);color:var(--red-600);margin-right:5px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{color:#4a4232;background:#e9dfc6;border:1px solid #cdbf9c;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:800}.seg button[aria-pressed=true]{border-color:var(--gold-700);color:var(--ink);background:linear-gradient(#fbe7a8,#e2b85a);box-shadow:0 2px 4px #0003}.step{align-items:center;gap:8px;display:flex}.step button{width:36px;height:36px;color:var(--cream);border:1.5px solid var(--gold-500);background:linear-gradient(#2a8a57,#135c3d);border-radius:50%;font-size:20px;font-weight:900}.step output{text-align:center;min-width:58px;font-size:18px;font-weight:900}.warn{color:var(--red-600);margin:8px 0 2px;font-size:12px;font-weight:700}.fine{color:#6e6452;margin:8px 0 0;font-size:11.5px;font-weight:700}.sheet .card-f{background:#efe6cf;border-top:1px solid #e3d8bd}.score-list{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;font-size:13px;display:grid}.score-list .zh{font-family:var(--f-zh);color:var(--gold-300);font-weight:900}.score-list .v{color:var(--gold-200);text-align:right;font-weight:900}.score-total{border-top:1px solid #d4a94a66;justify-content:space-between;margin-top:6px;padding-top:6px;font-weight:900;display:flex}.pay{border-collapse:collapse;width:100%;font-size:13px}.pay th{color:var(--gold-300);text-align:right;padding:3px 6px;font-size:11px;font-weight:800}.pay th:first-child,.pay td:first-child{text-align:left}.pay td{text-align:right;border-top:1px solid #ffffff14;padding:5px 6px;font-weight:800}.pos{color:#8fe0a8}.neg{color:#ff9c9c}.inst{color:#fff6e0cc;margin:4px 0 0;font-size:12px}.sec-h{color:var(--gold-300);letter-spacing:.06em;margin:2px 0 6px;font-size:12px;font-weight:900}.b-sub .pts{color:var(--cream)}#table{position:relative;overflow:clip}.chat-btn{font-family:var(--f-zh);font-weight:900;position:relative}.chat-btn .dot{background:var(--red-500);color:#fff;min-width:16px;height:16px;font-family:var(--f-en);border:1.5px solid var(--gold-200);border-radius:8px;place-items:center;padding:0 4px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-2px;right:-2px}.chat{z-index:8;background:linear-gradient(var(--jade-900),var(--jade-950));border-left:2px solid var(--gold-500);visibility:hidden;flex-direction:column;width:min(360px,50%);transition:transform .25s,visibility 0s linear .25s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-12px 0 30px #00000080}.chat.open{visibility:visible;transition:transform .25s;transform:none}.c-head{border-bottom:1px solid #d4a94a66;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.c-head h2{margin:0;font-size:16px;font-weight:900}.c-head h2 .zh{font-family:var(--f-zh);color:var(--gold-300);margin-right:6px}.c-people{border-bottom:1px solid #d4a94a40;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.c-p{background:#00000040;border-radius:10px;flex:none;align-items:center;gap:4px;padding:3px 4px 3px 8px;font-size:11.5px;font-weight:800;display:flex}.c-p button{background:#ffffff1a;border-radius:7px;padding:3px 7px;font-size:10.5px;font-weight:800}.c-p button[aria-pressed=true]{background:var(--red-600)}.c-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto}.c-empty{text-align:center;color:#fff6e099;margin:auto;font-size:12px}.msg{word-wrap:break-word;background:#ffffff17;border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:86%;padding:5px 10px 6px;font-size:13px;line-height:1.35}.msg .who{color:var(--gold-300);font-size:10.5px;font-weight:900;display:block}.msg.me{color:var(--ink);background:linear-gradient(#fbe7a8,#e2b85a);border-radius:12px 12px 4px;align-self:flex-end}.msg.me .who{color:var(--wood-700)}.msg .zh{font-family:var(--f-zh)}.c-quick,.c-emoji{scrollbar-width:none;flex:none;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.c-quick{border-top:1px solid #d4a94a40}.c-quick button{border:1px solid var(--gold-700);white-space:nowrap;background:#f4d27a24;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:800}.c-quick button .zh{font-family:var(--f-zh);color:var(--gold-300);margin-right:4px}.c-quick button.emo{background:#ffffff14;border-color:#0000;width:34px;padding:0;font-size:18px}.c-input{flex:none;gap:6px;padding:6px 8px 8px;display:flex}.c-input input{border:1.5px solid var(--gold-700);min-width:0;height:38px;color:var(--cream);font:600 14px var(--f-en);background:#0000004d;border-radius:10px;flex:1;padding:0 10px}.c-input input:focus{border-color:var(--gold-300);outline:none}.c-input button{height:38px;color:var(--ink);background:linear-gradient(#fbe7a8,#e2b85a 55%,#b8862e);border-radius:10px;padding:0 14px;font-weight:900}.bubble{z-index:7;background:var(--cream);max-width:min(240px,30%);color:var(--ink);pointer-events:none;border-radius:14px;padding:6px 11px;font-size:13px;font-weight:800;animation:3.2s forwards bub;position:absolute;box-shadow:0 6px 16px #00000073}.bubble .zh{font-family:var(--f-zh);color:var(--red-600)}.bubble[data-seat="3"]{top:54px;left:calc(var(--side) + 6px)}.bubble[data-seat="2"]{top:58px;left:50%;translate:-50%}.bubble[data-seat="1"]{top:118px;right:calc(var(--side) + 6px)}.bubble[data-seat="0"]{bottom:calc(var(--hw)*1.17 + 26px);left:calc(var(--side) + 6px)}@keyframes bub{0%{opacity:0;transform:scale(.7)}8%{opacity:1;transform:scale(1.04)}14%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.report-list{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.report-list button{text-align:left;border:1px solid var(--gold-700);background:#ffffff14;border-radius:10px;padding:12px;font-weight:800}.voice-btn{font-family:var(--f-zh);font-weight:900;position:relative}.voice-btn.joined{color:#c9f3d6;border-color:#8fe0a8;box-shadow:0 0 10px #3c9a68d9}.voice-btn.joined.muted{border-color:var(--red-500);color:#ffd6d6;box-shadow:0 0 10px #c8323acc}.voice-btn.joined.muted:after{content:"";background:#ff8f8f;height:2px;position:absolute;top:50%;left:7px;right:7px;transform:rotate(-40deg)}.voice-btn.off{opacity:.45}.vsheet{flex-direction:column;gap:10px;padding:16px;display:flex}.vsheet .btn{width:100%}.vbtn{border:1.5px solid var(--gold-500);white-space:nowrap;background:linear-gradient(#2a8a57,#135c3d);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800;box-shadow:0 3px 6px #00000059}.vbtn .zh{font-family:var(--f-zh);color:var(--gold-200);margin-right:4px}.vbtn.off{background:linear-gradient(#3a3a3a,#1c1a16)}.vbtn.leave{background:linear-gradient(#d2343d,#7e1219)}.vnote{color:#fff6e099;font-size:10.5px;font-weight:700}.vchip{vertical-align:1px;color:#c9f3d6;background:#3c9a6859;border-radius:6px;margin-left:3px;padding:1px 5px;font-size:9.5px;font-weight:900;display:inline-block}.vchip.off{color:#ffd6d6;background:#b3202a8c}.avatar{transition:box-shadow .15s,border-color .15s}.avatar.speaking{border:2px solid #8fe0a8;animation:.5s ease-in-out infinite alternate talk;box-shadow:0 0 0 3px #3c9a68b3,0 0 14px #3c9a68}@keyframes talk{to{box-shadow:0 0 0 5px #3c9a6873,0 0 20px #3c9a68}}.rack .badge{cursor:pointer}.vol{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vol input[type=range]{min-width:120px;accent-color:var(--gold-700);flex:1;height:28px}.test-btn{color:var(--cream);border:1px solid var(--gold-500);background:linear-gradient(#2a8a57,#135c3d);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:800}.contact{grid-template-columns:minmax(0,1fr) minmax(200px,.6fr);gap:16px;max-width:880px;display:grid}@media (width<=620px){.contact{grid-template-columns:1fr}}.cform{background:var(--ivory);color:var(--ink);border:2px solid var(--gold-500);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.cform label{flex-direction:column;gap:4px;font-size:13px;font-weight:800;display:flex}.cform label small{color:#6e6452;font-weight:700}.cform input,.cform select,.cform textarea{font:600 14px var(--f-en);color:var(--ink);background:#fffaf0;border:1.5px solid #cdbf9c;border-radius:9px;padding:9px 10px}.cform textarea{resize:vertical;min-height:92px}.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--gold-700);outline:none;box-shadow:0 0 0 3px #d4a94a4d}.cform .err{color:var(--red-600);min-height:1em;font-size:12px;font-weight:800}.cform .row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cside{flex-direction:column;gap:10px;display:flex}.cbox{border:1px solid var(--gold-700);background:#00000040;border-radius:14px;padding:12px 14px}.cbox h3{color:var(--gold-300);letter-spacing:.05em;margin:0 0 6px;font-size:13px}.cbox .mail{word-break:break-all;font-size:15px;font-weight:900}.cbox p{color:#fff6e0d9;margin:6px 0 0;font-size:12.5px;line-height:1.45}.ph-tag{background:var(--red-600);color:#fff;vertical-align:2px;border-radius:5px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:900;display:inline-block}.seat-row{flex-wrap:wrap;justify-content:center;gap:14px;padding:6px 0;display:flex}.seat{border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.seat .flip{aspect-ratio:96/112;perspective:600px;width:64px;position:relative}.seat .face,.seat .backf{backface-visibility:hidden;transition:transform .45s;position:absolute;inset:0}.seat .face{transform:rotateY(180deg)}.seat.open .face{transform:rotateY(0)}.seat.open .backf{transform:rotateY(-180deg)}.seat .t-seat{--w:64px}.seat .who{text-align:center;min-height:30px;font-size:12px;font-weight:800;line-height:1.25}.seat .who b{color:var(--gold-300);display:block}.seat.mine .t-seat{box-shadow:0 0 0 3px var(--gold-300),0 0 16px #f4d27acc}.seat:not([disabled]):hover .flip{transform:translateY(-4px)}.seat .flip{transition:transform .15s}.seat-sum{text-align:center;margin:4px 0 0;font-weight:800}.seat-sum .zh{font-family:var(--f-zh);color:var(--gold-300)}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;max-width:980px;display:grid}.lcard{text-align:left;border:1.5px solid var(--gold-700);background:linear-gradient(#135c3d,#0a3524);border-radius:14px;flex-direction:column;gap:3px;min-height:92px;padding:12px 14px;display:flex;position:relative;box-shadow:0 4px 10px #00000059}.lcard .zh{font-family:var(--f-zh);color:var(--gold-300);font-size:24px;font-weight:900;line-height:1.1}.lcard b{font-size:14px}.lcard small{color:#fff6e0b3;font-size:11.5px;font-weight:700}.lcard .done{background:var(--jade-400);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:900;position:absolute;top:8px;right:10px}.lcard.practice{color:var(--ink);border-color:var(--gold-300);background:linear-gradient(#fbe7a8,#e2b85a 55%,#b8862e)}.lcard.practice .zh{color:var(--red-600)}.lcard.practice small{color:#5a4a22}.lcard.next{border-color:var(--gold-200);box-shadow:0 0 14px #f4d27a8c}.lprog{color:var(--gold-200);align-items:center;gap:10px;margin:0 0 12px;font-size:13px;font-weight:800;display:flex}.lbar{background:#ffffff1f;border-radius:4px;flex:1;max-width:320px;height:8px;overflow:hidden}.lbar i{background:linear-gradient(90deg,var(--gold-500),var(--gold-200));height:100%;display:block}.lstep{background:var(--ivory);max-width:760px;color:var(--ink);border:2px solid var(--gold-500);border-radius:16px;margin:0 auto;padding:16px 18px}.lstep h2{margin:0 0 6px;font-size:18px;font-weight:900}.lstep h2 .zh{font-family:var(--f-zh);color:var(--red-600);margin-right:6px}.lstep p{margin:6px 0;font-size:14.5px;font-weight:600;line-height:1.5}.lstep .tiles{flex-wrap:wrap;align-items:flex-end;gap:4px;margin:10px 0;display:flex}.lstep .t-learn{--w:min(46px,calc((var(--VW) - 120px)/15))}.lstep .gap{width:10px}.opts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.lstep .gap{display:inline-block}.opt{color:var(--ink);background:#e9dfc6;border:1.5px solid #cdbf9c;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:800}.opt.tileopt{border-radius:10px;padding:4px}.opt.tileopt .t-learn{--w:54px}.opt.right{border-color:var(--jade-400);box-shadow:0 0 0 2px var(--jade-400);background:#cfeedd}.opt.wrong{border-color:var(--red-500);background:#f6d2d2}.opt:disabled{cursor:default}.fb{border-radius:10px;margin-top:10px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.45}.fb.ok{color:#14532d;background:#dff3e7}.fb.no{color:#7f1d1d;background:#fbe3e3}.step-nav{justify-content:space-between;align-items:center;max-width:760px;margin:12px auto 0;display:flex}.dots{gap:5px;display:flex}.dots i{background:#ffffff40;border-radius:50%;width:8px;height:8px}.dots i.on{background:var(--gold-300)}.htile.hint .tile{box-shadow:0 0 0 3px #8fe0a8,0 0 14px #8fe0a8cc}.htile.hint:before{content:"提示";font-family:var(--f-zh);color:#fff;white-space:nowrap;background:#3c9a68;border-radius:5px;padding:0 5px;font-size:11px;font-weight:900;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.htile{position:relative}.waits{color:#bff0cf;flex-wrap:wrap;align-items:center;gap:2px;margin-top:3px;font-size:11px;font-weight:800;display:flex}.animal-pick .seat .av{border:3px solid var(--gold-700);background:var(--ivory);border-radius:50%;width:76px;height:76px;transition:transform .15s,box-shadow .15s;overflow:hidden}.animal-pick .seat .av img{width:100%;height:100%;display:block}.animal-pick .seat.mine .av{border-color:var(--gold-200);transform:scale(1.06);box-shadow:0 0 18px #f4d27ad9}.animal-pick .seat.taken .av{border-color:var(--jade-400)}.animal-pick .seat .who{font-size:12px}.lobby{grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:14px;max-width:1000px;margin:0 auto;display:grid}@media (width<=640px){.lobby{grid-template-columns:1fr}}.rcard{background:var(--ivory);color:var(--ink);border:2px solid var(--gold-500);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.rcard h3{letter-spacing:.08em;color:#6e6452;margin:0;font-size:12px}.rcode{font-family:var(--f-en);letter-spacing:.14em;color:var(--jade-800);font-size:clamp(30px,5vw,40px);font-weight:900}.rbtns{flex-wrap:wrap;gap:8px;display:flex}.rsum{color:#4a4232;font-size:12.5px;font-weight:700;line-height:1.5}.rsum b{color:var(--ink)}.seats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lseat{background:var(--scrim);border:1.5px solid var(--gold-700);border-radius:14px;align-items:center;gap:10px;min-height:70px;padding:10px;display:flex}.lseat.empty{background:#0000002e;border-style:dashed}.lseat.joined{animation:.4s pop2}@keyframes pop2{0%{opacity:.3;transform:scale(.9)}}.lseat .avatar{width:46px;height:46px}.lseat .avatar.wait{border:2px dashed var(--gold-700);color:var(--gold-500);background:0 0;font-size:20px}.lseat .nm2{font-size:14px;font-weight:900}.lseat .st{background:#ffffff1f;border-radius:999px;margin-top:3px;padding:2px 8px;font-size:11px;font-weight:900;display:inline-block}.lseat .st.ready{background:var(--jade-400);color:#fff}.lseat .st.host{background:var(--gold-500);color:var(--ink)}.lseat .st.waiting{color:#fff6e099;background:0 0;padding-left:0}.dots3:after{content:"";animation:1.4s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.lfoot{justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin-top:12px;margin-left:auto;margin-right:auto;display:flex}.lfoot .status{color:var(--gold-200);font-size:14px;font-weight:800}.btn:disabled{opacity:.5;cursor:default;filter:grayscale(.4)}.sm-btn{color:var(--cream);border:1px solid var(--gold-500);background:linear-gradient(#2a8a57,#135c3d);border-radius:9px;padding:8px 12px;font-size:12.5px;font-weight:800}.sm-btn.wa{background:linear-gradient(#2fbf62,#1c8a45)}.dice-layer{z-index:5;cursor:pointer;background:#07261959;border-radius:18px;place-items:center;display:grid;position:absolute;inset:0}.dice-box{flex-direction:column;align-items:center;gap:10px;display:flex}.dice-row{gap:min(4cqh,2.4cqw);display:flex}.die{aspect-ratio:1;background:linear-gradient(145deg,#fffdf6,#e6dcc2);border-radius:20%;grid-template:repeat(3,1fr)/repeat(3,1fr);width:min(15cqh,9cqw);padding:10%;display:grid;box-shadow:inset 0 -4px #cdbf9c,inset 0 2px #fff,0 8px 14px #00000073}.die i{background:#1c1a16;border-radius:50%;place-self:center;width:86%;height:86%;box-shadow:inset 0 1px 1px #0009}.die i.r{background:#c8323a}.die i.big{width:150%;height:150%}.die.tumble{animation:.22s linear infinite tumble}.die:nth-child(2).tumble{animation-duration:.19s;animation-direction:reverse}.die:nth-child(3).tumble{animation-duration:.25s}@keyframes tumble{0%{transform:rotate(0)translateY(0)}25%{transform:rotate(90deg)translateY(-10%)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)translateY(-6%)}to{transform:rotate(360deg)}}.die.land{animation:.3s cubic-bezier(.2,1.6,.4,1) land}@keyframes land{0%{transform:scale(1.25)rotate(-12deg)}}.dice-cap{background:var(--scrim);border:1px solid var(--gold-500);color:var(--cream);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800}.dice-cap .zh{font-family:var(--f-zh);color:var(--gold-300)}.dice-cap b{color:var(--gold-200);font-size:15px}.modal{z-index:10;background:#0000008c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.card{background:var(--jade-900);border:2px solid var(--gold-500);border-radius:18px;flex-direction:column;width:min(640px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}.card-h{text-align:center;border-bottom:2px solid var(--gold-500);background:linear-gradient(#135c3d,#0a3524);padding:16px 20px}.card-h b{font-family:var(--f-en);color:var(--gold-300);font-size:30px;font-weight:900;display:block}.card-h b.zh{font-family:var(--f-zh);font-size:36px}.card-h span{font-weight:700}.res{flex-direction:column;gap:10px;min-height:0;padding:12px 16px;display:flex;overflow:auto}.card-h,.card-f{flex:none}.res-row{background:#0003;border-radius:12px;padding:8px 10px}.res-row.win{border:1px solid var(--gold-500);background:#f4d27a24}.res-row .who{margin-bottom:5px;font-size:13px;font-weight:800}.res-row .tiles{flex-wrap:wrap;align-items:flex-end;gap:2px;display:flex}.res-row .sep{width:8px}.card-f{justify-content:center;gap:10px;padding:14px 16px 18px;display:flex}.btn{border:1.5px solid var(--gold-700);border-radius:10px;padding:12px 24px;font-weight:800;box-shadow:0 4px 8px #0006}.btn-gold{color:var(--ink);background:linear-gradient(#fbe7a8,#e2b85a 55%,#b8862e)}.btn-jade{background:linear-gradient(#2a8a57,#135c3d)}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));opacity:0;z-index:20;background:var(--scrim);border:1px solid var(--gold-500);text-align:center;pointer-events:none;border-radius:12px;max-width:90vw;padding:10px 16px;font-size:13px;font-weight:700;transition:all .25s;position:absolute;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.auth-sheet{width:min(520px,100%)}.auth-tabs{margin:2px 0 10px}.auth-tabs button{flex:1}.auth-form{background:0 0;border:0;padding:0}.auth-form .btn{margin-top:2px}.auth-link{color:var(--jade-700);align-self:center;padding:4px;font-size:13px;font-weight:800;text-decoration:underline}.auth-p{margin:4px 0 12px;font-size:14px;font-weight:600;line-height:1.5}.auth-actions{flex-wrap:wrap;gap:10px;display:flex}.profile-name{align-items:center;padding:0 0 10px}.profile-user{color:var(--gold-300);white-space:nowrap;font-size:12.5px;font-weight:800}.friends{align-items:start}.friends .rcard h3{margin-top:4px}.fsearch input{width:100%;font:600 15px var(--f-en);color:var(--ink);background:#fffaf0;border:1.5px solid #cdbf9c;border-radius:9px;padding:10px 12px}.fsearch input:focus{border-color:var(--gold-700);outline:none;box-shadow:0 0 0 3px #d4a94a4d}.flist{flex-direction:column;gap:6px;display:flex}.frow{background:#efe6cf;border:1px solid #e3d8bd;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;display:flex}.frow .avatar{width:36px;height:36px}.fwho{flex-direction:column;flex:1 1 0;min-width:96px;display:flex}.fwho b,.fwho .nm2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frow .fwho b{font-size:14px;font-weight:900}.fwho small{color:#6e6452;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.fact{flex:none;gap:6px;margin-left:auto;display:flex}.ftag{color:var(--jade-700);padding:0 4px;font-size:12px;font-weight:900}.fempty{color:#6e6452;margin:0;font-size:12.5px;font-weight:700}.flink{color:var(--jade-700);padding:0 2px;font-weight:900;text-decoration:underline}.sm-btn.grey{background:linear-gradient(#3a3a3a,#1c1a16)}.sm-btn.red{background:linear-gradient(#d2343d,#7e1219)}.sm-btn:disabled{opacity:.5;cursor:default}.fseats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.fcard{min-height:64px;position:relative}.fcard .fwho small{color:#fff6e0a6}.fcard .st{align-self:flex-start}.fx{color:#fff6e08c;border-radius:50%;width:24px;height:24px;font-size:11px;font-weight:900;position:absolute;top:6px;right:8px}.fx:hover{color:var(--cream);background:#ffffff1a}.fconfirm{flex-direction:column;flex:none;gap:4px;display:flex}.fnone{color:#fff6e0bf;grid-column:1/-1;font-size:13px;font-weight:700;line-height:1.4}.nav-badge{position:relative}.nav-badge .dot{background:var(--red-500);color:#fff;border:1.5px solid var(--gold-200);border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-4px;right:-2px}.pw-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pw-input{width:110px;font:800 16px var(--f-en);letter-spacing:.2em;color:var(--ink);background:#fffaf0;border:1.5px solid #cdbf9c;border-radius:8px;padding:7px 10px}.pw-input:focus{border-color:var(--gold-700);outline:none;box-shadow:0 0 0 3px #d4a94a4d}.private-card{width:min(560px,100%)}.private-create{width:100%}.private-create .en{color:var(--gold-200)}.prow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prow .avatar{width:36px;height:36px}.prow .fwho small{color:#fff6e0a6}.join-form{padding:0}.code-input{text-transform:uppercase;letter-spacing:.3em;font-size:17px!important;font-weight:900!important}.code-input::placeholder{letter-spacing:.12em;font-weight:700}.pw-join{letter-spacing:.2em;flex:0 0 110px!important}.pw-toggle{color:var(--gold-300);align-self:flex-start;font-size:12.5px}.join-err{color:var(--gold-200);margin:0;font-size:12.5px;font-weight:800}.ftag.light{color:#8fe0a8}.confirm-card{width:min(440px,100%)}.confirm-card .card-h b{font-size:24px}.lseat,.mode{position:relative}.mode-dot{background:var(--red-500);color:#fff;border:2px solid var(--gold-200);min-width:24px;height:24px;font-size:13px;font-weight:900;font-family:var(--f-en);border-radius:12px;place-items:center;padding:0 6px;display:grid;position:absolute;top:-8px;right:-8px}html.short .private-card .card-h,html.short .confirm-card .card-h{padding:8px 16px}html.short .private-card .card-h b.zh{font-size:24px}html.short .private-card .card-f{padding:8px 16px 10px}html.short .private-card .btn{padding:8px 20px}html.short .private-card .res{gap:7px;padding:10px 14px}.btn-red{color:var(--cream);background:linear-gradient(#d2343d,#7e1219)}.conn-note{z-index:9;background:var(--red-600);border:1px solid var(--gold-200);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:800;position:absolute;top:8px;left:50%;transform:translate(-50%)}.table-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex!important}.draw-foot{color:var(--gold-200);font-size:13px;font-weight:800}.confirm-card .card-f{flex-wrap:wrap}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.final-tag{background:var(--red-600);width:fit-content;color:var(--gold-200);letter-spacing:.04em;border-radius:999px;margin:6px auto 0;padding:2px 10px;font-size:12px;font-weight:900;display:block}