@font-face{font-family:WebGame CJK;src:url(/fonts/WebGameCJK-GB2312-bd3f92cb.woff2) format("woff2");font-style:normal;font-weight:400 900;font-display:swap}:root{font-family:WebGame CJK,Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#172520;background:#f2f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.loading-screen,.welcome-page{min-height:100vh;display:grid;place-content:center;text-align:center;background:#07130f;color:#f4efe1}.loader{width:36px;height:36px;border:2px solid #ffffff30;border-top-color:#d6a85d;border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.install-page{min-height:100vh;display:grid;grid-template-columns:minmax(330px,43%) 1fr;position:relative;overflow:hidden;background:#edeae0}.brand-panel{position:relative;z-index:1;padding:clamp(36px,5vw,82px);background:linear-gradient(145deg,#06130f,#0b2119 65%,#123225);color:#f6f0df;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.brand-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 96%,#d2a653 96%);opacity:.6;pointer-events:none}.brand-mark{position:relative;width:58px;height:64px;padding:5px;background:#eee8d7;border-radius:7px;box-shadow:0 9px #b9934c,0 16px 25px #0005}.brand-mark span{height:100%;display:grid;place-content:center;border:1px solid #cdbf9e;border-radius:4px;color:#a22b21;font-size:29px;font-family:serif;font-weight:700}.brand-mark i{position:absolute;right:-15px;top:7px;width:6px;height:49px;background:#cda252}.eyebrow,.step{letter-spacing:.18em;font-size:11px;font-weight:800;color:#c99d53;margin:0 0 16px}.brand-panel h1{font-size:clamp(36px,4.2vw,69px);line-height:1.14;letter-spacing:-.045em;margin:0;font-weight:700}.brand-panel h1 em{font-family:Playfair Display,serif;color:#d6a85d;font-weight:700}.intro{color:#a9b7af;margin-top:24px;letter-spacing:.08em}.feature-list{list-style:none;padding:0;margin:55px 0;max-width:390px}.feature-list li{display:flex;gap:20px;align-items:center;border-top:1px solid #ffffff17;padding:17px 0;font-size:14px;color:#ccd4cd}.feature-list b{color:#cda052;font-size:11px;letter-spacing:.1em}.build-label{font-size:10px;letter-spacing:.25em;color:#718079}.setup-panel{position:relative;z-index:1;padding:42px clamp(24px,6vw,96px);display:flex;flex-direction:column;justify-content:center}.setup-card{max-width:720px;width:100%;margin:auto;background:#faf9f4;padding:clamp(28px,4vw,52px);box-shadow:0 25px 70px #22372b1c;border:1px solid #fff}.setup-card header{display:flex;align-items:start;justify-content:space-between;margin-bottom:26px}.setup-card h2,.login-card h2{font-size:30px;margin:0;color:#13251e;letter-spacing:-.04em}.secure-pill{font-size:10px;letter-spacing:.08em;border:1px solid #c7d1c9;color:#52705f;padding:7px 10px;border-radius:20px}.secure-pill:first-letter{color:#2f9a60}.token-notice{display:flex;gap:14px;padding:14px 17px;background:#eff4ef;border-left:3px solid #3c7857;margin-bottom:23px}.notice-icon{font-size:25px;color:#276b48}.token-notice b{font-size:13px}.token-notice p{font-size:11px;color:#64736b;margin:4px 0 0}fieldset{border:0;padding:0;margin:0 0 27px}legend{font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:15px;color:#283b32}legend span{display:inline-grid;place-content:center;background:#183e2e;color:#fff;width:20px;height:20px;border-radius:50%;margin-right:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.login-card label{display:flex;flex-direction:column;gap:7px}.form-grid label>span,.login-card label>span{font-size:11px;color:#627168;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.login-card input{width:100%;height:44px;border:1px solid #d7d9d0;background:#fff;padding:0 13px;outline:none;color:#16251f;transition:.2s}.form-grid input:focus,.login-card input:focus{border-color:#377355;box-shadow:0 0 0 3px #37735513}.form-grid small{font-size:10px;color:#89928c}.prefix-input{display:flex;background:#fff;border:1px solid #d7d9d0;align-items:center}.prefix-input:focus-within{border-color:#377355}.prefix-input i{padding-left:14px;color:#9b7541;font-style:normal}.prefix-input input{border:0}.secondary{border:1px solid #b8c3ba;background:transparent;color:#345e48;padding:10px 14px;font-size:11px;font-weight:700}.secondary span{margin-right:6px}.warning{color:#946521;background:#f7edda;padding:10px 13px;font-size:11px;margin-top:12px}.feedback{font-size:12px;padding:11px 13px;margin:0 0 14px}.feedback.ok{background:#e7f3e9;color:#28653e}.feedback.error{background:#f8e7e4;color:#963e34}.primary{width:100%;height:52px;border:0;background:#173d2d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:13px;font-weight:700;letter-spacing:.06em;box-shadow:0 9px 20px #143b2b25}.primary:hover{background:#22553f}.primary:disabled,.secondary:disabled{opacity:.55;cursor:wait}.primary b{font-size:21px;color:#d2a558}.footnote{text-align:center;color:#7a837e;font-size:10px;margin:20px auto 0}.ambient{position:absolute;border-radius:50%;filter:blur(80px)}.ambient-one{width:300px;height:300px;background:#caa65922;right:-150px;top:-80px}.ambient-two{width:220px;height:220px;background:#306a4c18;bottom:-100px;left:34%}.login-page{min-height:100vh;display:grid;grid-template-columns:1.25fr 1fr;background:#f4f1e8}.login-art{background:radial-gradient(circle at 30% 30%,#194532,#07150f 65%);padding:9vw;color:#f5efdf;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"東";position:absolute;font:700 50vw serif;color:#ffffff05;right:-10vw;bottom:-25vw}.login-art>p{font-size:10px;letter-spacing:.28em;color:#d0a75d}.login-art h1{font-size:clamp(42px,5vw,74px);line-height:1.2;z-index:1}.tile-stack{display:flex;gap:10px;transform:rotate(-5deg);margin-bottom:60px}.tile-stack i{font:700 30px serif;font-style:normal;width:63px;height:82px;border-radius:6px;display:grid;place-items:center;background:#f0ebd9;color:#a43328;box-shadow:0 8px #bc9148,0 16px 25px #0004}.tile-stack i:nth-child(2){color:#235c43;transform:translateY(-14px)}.login-card{padding:12vw 9vw;display:flex;flex-direction:column;justify-content:center;gap:55px}.mini-brand{font-size:12px;font-weight:800;letter-spacing:.18em;color:#1e3f31;display:flex;align-items:center;gap:10px}.mini-brand span{display:grid;place-items:center;background:#183e2e;color:#e8d7ad;width:34px;height:38px;border-radius:4px;font-family:serif;font-size:19px}.muted{font-size:13px;color:#7b8881}.login-card form{display:grid;gap:17px}.login-security{font-size:10px;color:#829088;text-align:center}.dashboard-page{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#f0eee7}.dashboard-page aside{background:#0b1c15;color:#fff;padding:35px 24px;display:flex;flex-direction:column}.dashboard-page aside .mini-brand{color:#fff}.dashboard-page nav{display:grid;gap:7px;margin-top:80px}.dashboard-page nav a{padding:12px 14px;color:#82948a;font-size:12px;border-radius:3px}.dashboard-page nav a.active{color:#f4ecd8;background:#19382a}.dashboard-page nav a span{margin-left:10px}.dashboard-page aside button{margin-top:auto;background:none;border:1px solid #ffffff20;color:#89968f;padding:10px}.dashboard-content{padding:45px clamp(30px,6vw,80px)}.dashboard-content>header{display:flex;justify-content:space-between;align-items:center}.dashboard-content h1{font-size:36px;margin:0}.operator{display:flex;align-items:center;gap:10px}.operator>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#244f3b;color:#efd5a1}.operator div{display:flex;flex-direction:column}.operator b{font-size:12px}.operator small{font-size:9px;color:#7f8984}.status-banner{margin-top:40px;background:#173d2e;color:#fff;padding:20px 24px;display:flex;align-items:center;gap:15px}.status-banner i{width:30px;height:30px;background:#d3a85c;color:#173d2e;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700}.status-banner b{font-size:13px}.status-banner p{font-size:10px;color:#a9b9b0;margin:4px 0 0}.status-banner>span{margin-left:auto;color:#7ee0a8;font-size:9px;letter-spacing:.2em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.stat-grid article{background:#faf9f4;padding:24px;border:1px solid #e5e1d6}.stat-grid p{font-size:11px;color:#69756f;margin:0}.stat-grid strong{display:block;font-size:35px;margin:13px 0}.stat-grid small{font-size:8px;letter-spacing:.2em;color:#a19072}.stat-grid .dark{background:#cba45d;color:#17251f}.foundation{margin-top:18px;background:#faf9f4;padding:42px;display:flex;justify-content:space-between;overflow:hidden}.foundation h2{font-size:25px;margin:0 0 10px}.foundation p:last-child{color:#758079;font-size:12px;max-width:540px}.foundation-mark{font:700 90px serif;color:#b78d4a1c}.welcome-page .brand-mark{margin:0 auto 35px}.welcome-page h1{font-size:42px;margin:5px}.welcome-page>p:last-child{color:#90a097}@media(max-width:900px){.install-page{grid-template-columns:1fr}.brand-panel{min-height:auto;padding:35px 25px}.brand-panel h1{font-size:32px;margin-top:45px}.feature-list,.build-label{display:none}.setup-panel{padding:24px 14px 50px}.setup-card{padding:25px 20px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:50px 24px;min-height:100vh}.dashboard-page{grid-template-columns:1fr}.dashboard-page aside{display:none}.dashboard-content{padding:25px 15px}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-content>header{align-items:end}.foundation{padding:28px}}@media(max-width:520px){.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:1/-1}.setup-card header{display:block}.secure-pill{display:inline-block;margin-top:13px}.stat-grid{grid-template-columns:1fr}.operator div{display:none}}.setup-card fieldset>label.wide{display:flex;flex-direction:column;gap:7px;width:100%}.setup-card fieldset>label.wide>span{font-size:11px;color:#627168;font-weight:700}.setup-card fieldset>label.wide>input{width:100%;height:44px;border:1px solid #d7d9d0;background:#fff;padding:0 13px;outline:none;color:#16251f}.setup-card fieldset>label.wide>input:focus{border-color:#377355;box-shadow:0 0 0 3px #37735513}.game-manager{margin-top:18px;background:#faf9f4;padding:32px 40px}.game-manager>header{display:flex;justify-content:space-between;align-items:end}.game-manager h2{margin:0;font-size:25px}.game-manager header small{font-size:10px;color:#87918b}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}.game-grid article{position:relative;min-height:190px;padding:22px;background:linear-gradient(145deg,#f0eadc,#fff);border:1px solid #e3ddce;display:flex;flex-direction:column;overflow:hidden}.game-grid article.disabled{filter:grayscale(.8);opacity:.68}.game-tile{position:absolute;right:-8px;top:8px;width:80px;transform:rotate(8deg);opacity:.92}.game-tile img{width:100%}.game-info{position:relative;z-index:1;max-width:72%}.game-info p{font-size:9px;color:#ad8241;letter-spacing:.12em;margin:0}.game-info h3{font-size:20px;margin:9px 0}.game-info span{font-size:10px;color:#718078;line-height:1.7}.switch{margin-top:auto;position:relative;z-index:1;display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px 0 0;width:max-content;color:#8d9691}.switch i{width:30px;height:16px;border-radius:12px;background:#aeb5b1;position:relative}.switch i:after{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.switch.on{color:#29734c}.switch.on i{background:#347d57}.switch.on i:after{left:16px}.switch b{font-size:10px}@media(max-width:1100px){.game-grid{grid-template-columns:1fr}.game-grid article{min-height:150px}}@media(max-width:520px){.game-manager{padding:25px 18px}.game-manager>header small{display:none}}.player-page{min-height:100vh;background:#07150f;color:#f5efdf}.player-header{height:82px;padding:0 clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.player-header .mini-brand{color:#f5efdf}.player-chip{background:#183e2e;border:1px solid #ffffff18;padding:9px 16px;font-size:11px}.player-entry{min-height:calc(100vh - 82px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.player-entry .brand-mark{margin-bottom:45px}.player-entry h1{font-size:48px;margin:0}.player-entry>p{color:#90a198}.player-entry form{width:min(390px,100%);display:grid;gap:12px;margin-top:28px}.player-entry input,.lobby-title input{height:50px;background:#fff;border:0;padding:0 16px;outline:none}.game-lobby{padding:70px clamp(24px,7vw,110px)}.lobby-title{display:flex;justify-content:space-between;align-items:end}.lobby-title h1{font-size:42px;margin:0}.lobby-title form{display:flex}.lobby-title form button{border:0;background:#cda459;color:#13251d;padding:0 20px;font-weight:700}.lobby-games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.lobby-games article{min-height:350px;background:linear-gradient(145deg,#10291e,#173c2c);padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ffffff10}.lobby-games img{position:absolute;width:145px;right:-15px;top:15px;transform:rotate(9deg)}.lobby-games p{font-size:10px;color:#d4a958;letter-spacing:.15em}.lobby-games h2{font-size:28px;margin:45px 0 14px;position:relative}.lobby-games span{font-size:11px;color:#aab8b0;line-height:1.8;max-width:70%;position:relative}.lobby-games button{margin-top:auto;border:0;border-top:1px solid #ffffff1c;padding:17px 0 0;background:none;color:#f2e9d5;text-align:left;font-weight:700}.lobby-games button b{float:right;color:#d5aa59}.waiting-room{min-height:calc(100vh - 82px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.waiting-room h1{font-size:44px;margin:0}.waiting-room>p:nth-of-type(2){color:#d2a658}.seats{display:grid;grid-template-columns:repeat(4,130px);gap:15px;margin:45px 0}.seats article{height:150px;background:#102b20;border:1px solid #ffffff10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.seats article>b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#cba356;color:#173326;font-size:20px}.seats article>b.empty{background:#ffffff0b;color:#708178}.seats article span{font-size:12px}.seats article small{font-size:9px;color:#62b27f}.ready-button{border:0;background:#cda459;color:#14281f;padding:15px 55px;font-weight:800}.waiting-room>small{margin-top:17px;color:#7c8c84}.mahjong-table{position:relative;height:calc(100vh - 82px);min-height:630px;overflow:hidden;background:radial-gradient(ellipse at center,#176044,#0b3928 70%,#071d15);border:14px solid #482e1e;box-shadow:inset 0 0 50px #0007}.table-center{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:160px;height:140px;border:1px solid #d6ad5b70;background:#092b20aa;display:flex;flex-direction:column;align-items:center;justify-content:center}.table-center strong{font-size:12px;color:#e9d39d}.table-center span{font-size:9px;color:#9bad9f}.table-center b{font-size:32px;margin-top:13px}.table-center small{font-size:8px;color:#91a299}.table-player{position:absolute;background:#08261cbb;border:1px solid #ffffff13;padding:10px 15px;display:flex;gap:10px;align-items:center}.table-player b{font-size:11px}.table-player span{font-size:9px;color:#9bad9f}.table-player i{font-size:9px;color:#e2b558}.table-player.turn{box-shadow:0 0 0 2px #d4a957}.seat-0{left:20px;bottom:130px}.seat-1{right:20px;top:45%}.seat-2{left:50%;top:18px;transform:translate(-50%)}.seat-3{left:20px;top:45%}.discard-pool{position:absolute;width:430px;min-height:160px;left:50%;top:43%;transform:translate(-50%,-50%);padding:5px 175px 5px 5px;display:flex;flex-wrap:wrap;align-content:center}.discard-pool img{width:28px;height:38px}.my-hand{position:absolute;bottom:13px;left:50%;transform:translate(-50%);display:flex;align-items:end;max-width:85%;z-index:3}.my-hand button{padding:0;border:0;background:none;width:clamp(34px,5vw,63px);transition:.15s}.my-hand button.selected{transform:translateY(-20px)}.my-hand img{width:100%;display:block}.my-melds{position:absolute;bottom:118px;left:20px;display:flex}.my-melds>div{display:flex}.my-melds img{width:36px}.game-actions{position:absolute;right:30px;bottom:110px;display:flex;gap:8px;z-index:4}.game-actions button{width:60px;height:60px;border-radius:50%;border:2px solid #edd9a4;background:#c89742;color:#10291e;font-weight:800;box-shadow:0 5px 15px #0004}.game-actions button:disabled{opacity:.4}.game-actions .discard-action{background:#8d3029;color:#fff}.table-feedback{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:#8b3029;padding:8px 14px;font-size:11px}@media(max-width:850px){.lobby-games{grid-template-columns:1fr}.lobby-title{display:block}.lobby-title form{margin-top:25px}.seats{grid-template-columns:repeat(2,120px)}.mahjong-table{min-height:520px}.my-hand{max-width:98%}.my-hand button{width:40px}.game-actions{bottom:85px;right:8px}.game-actions button{width:48px;height:48px}.discard-pool{width:320px;padding-right:150px}.lobby-games article{min-height:250px}}.match-archive{margin-top:18px;background:#faf9f4;padding:32px 40px}.match-archive>header{display:flex;justify-content:space-between;align-items:end}.match-archive h2{margin:0}.match-archive header small{font-size:10px;color:#87918b}.match-table{margin-top:22px}.match-row{display:grid;grid-template-columns:90px 1fr 70px 90px 90px;align-items:center;min-height:47px;border-top:1px solid #e5e1d6;font-size:11px}.match-row.heading{color:#909993;font-size:9px;min-height:30px}.match-row i{font-style:normal;color:#9a7a40}.match-row i.playing{color:#2d8053}.match-row button{border:1px solid #bdc8c0;background:none;padding:7px;font-size:9px}.match-table>p{text-align:center;color:#9aa19d;padding:30px}.replay-modal{position:fixed;inset:0;background:#07140fbb;display:grid;place-items:center;z-index:20;padding:30px}.replay-modal>section{background:#faf9f4;width:min(900px,100%);max-height:85vh;padding:30px;display:flex;flex-direction:column}.replay-modal header{display:flex;justify-content:space-between}.replay-modal h2{margin:0}.replay-modal header button{border:0;background:none;font-size:26px}.replay-modal ol{overflow:auto;padding:0;list-style:none}.replay-modal li{display:grid;grid-template-columns:55px 150px 1fr;gap:10px;padding:9px 0;border-top:1px solid #e4e0d5;font-size:10px}.replay-modal li>b{color:#b08745}.replay-modal code{white-space:pre-wrap;word-break:break-all;color:#68746d}@media(max-width:700px){.match-archive{padding:24px 16px}.match-row{grid-template-columns:65px 1fr 55px 70px}.match-row>*:nth-child(3){display:none}.replay-modal li{grid-template-columns:45px 100px 1fr}}.locked-wait{position:absolute;right:30px;bottom:178px;margin:0;color:#f4d895;background:#102c21dd;border:1px solid #d2aa5b55;padding:8px 12px;font-size:11px}.round-finished{position:absolute;inset:0;background:#06140dcc;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center}.round-finished h2{font-size:42px;margin:0}.round-finished p{color:#a7b7ae}.round-finished button{border:0;background:#cda459;color:#10291e;padding:14px 38px;font-weight:800}.round-finished>div{display:flex;gap:10px}.player-status{display:flex;align-items:center;gap:12px}.player-status>i{font-size:9px;font-style:normal;color:#d8a84d}.player-status>i.online{color:#67d394}.player-status>i.offline{color:#ef837c}.table-event{position:absolute;inset:0;pointer-events:none;z-index:7;display:grid;place-items:center;background:radial-gradient(circle,#d9aa5344,transparent 35%);animation:event-flash 1.8s ease both}.table-event b{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#f0d28e;color:#63291e;border:5px double #8c442c;font-size:52px;box-shadow:0 0 60px #f3c66b99;animation:event-mark .45s ease-out}.table-event.hu b{background:#f1c76b}.table-event.gang b{background:#b9d8c3;color:#173c2c}@keyframes event-mark{0%{transform:scale(.3) rotate(-12deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes event-flash{0%{opacity:0}20%,75%{opacity:1}to{opacity:0}}.player-replay{z-index:25}.player-replay>section{color:#173326}.room-setup{position:fixed;inset:0;background:#06140fd9;display:grid;place-items:center;z-index:15;padding:20px}.room-setup>form{width:min(650px,100%);max-height:90vh;overflow:auto;background:#f7f4ea;color:#183326;padding:30px;box-shadow:0 30px 80px #0008}.room-setup header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ded8c9;padding-bottom:18px}.room-setup h2{margin:0;font-size:28px}.room-setup header>button{border:0;background:none;font-size:28px;color:#183326}.rule-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.rule-fields label{display:grid;gap:6px}.rule-fields span,.rule-switches span{font-size:11px}.rule-fields input,.rule-fields select{height:42px;border:1px solid #d3cbbb;background:#fff;padding:0 12px}.rule-switches{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#eee9db;padding:16px}.rule-switches label{display:flex;gap:9px;align-items:center}.room-setup form>p{font-size:10px;color:#6e7a73}.create-confirm{width:100%;border:0;background:#173e2d;color:#f7ecd4;padding:15px;font-weight:800}@media(max-width:650px){.rule-fields,.rule-switches{grid-template-columns:1fr}.room-setup>form{padding:22px}}.player-matches{margin-top:36px;border-top:1px solid #ffffff1a;padding-top:24px}.player-matches h2{margin:0}.player-matches>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.player-matches article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;background:#102b20;padding:16px;border:1px solid #ffffff0e}.player-matches article div{display:grid;gap:5px}.player-matches article span{font-size:9px;color:#92a39a}.player-matches article strong{color:#e17970}.player-matches article strong.win{color:#72ce91}.player-matches article button{border:1px solid #d0aa6044;background:none;color:#dfc78f;padding:7px 12px}@media(max-width:700px){.player-matches>div{grid-template-columns:1fr}}.table-player.offline{opacity:.58}.table-player.offline i{color:#e47d74}.table-player em{font-style:normal;background:#c89d4c;color:#173326;border-radius:50%;padding:2px 4px;font-size:8px}.table-player{max-width:min(360px,42vw);flex-wrap:wrap}.opponent-zone{flex-basis:100%;display:grid;gap:3px}.opponent-hand,.opponent-melds{display:flex;justify-content:center}.opponent-zone img{width:15px;height:20px;object-fit:contain}.opponent-melds{gap:1px}.opponent-melds img{width:18px;height:24px}.room-rule-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px}.room-rule-summary span{font-size:9px;border:1px solid #cba45a44;color:#ddc58f;padding:5px 8px}@media(max-width:850px){.locked-wait{right:8px;bottom:142px}}.seats article.bot{border-color:#cda45966;background:linear-gradient(145deg,#17392b,#10281e)}.seats article.bot>b{background:#32674d;color:#f5e2b5}.seats article.bot small{color:#d8ac5d}.my-hand button{cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.my-hand button:focus-visible{outline:3px solid #f3ca72;outline-offset:3px}.my-hand button img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.play-hint{position:absolute;left:50%;bottom:104px;transform:translate(-50%);margin:0;color:#ead49d;background:#09271ddd;border:1px solid #d2aa5b44;padding:6px 11px;font-size:10px;z-index:3}.player-header{position:relative;z-index:20;background:#07150f}.player-status,.audio-controls{display:flex;align-items:center;gap:8px}.audio-controls button{border:1px solid #d7b56a44;border-radius:20px;background:#173b2c;color:#efd9a5;padding:7px 11px;font-size:10px;cursor:pointer}.audio-controls button.off{color:#7f9187;border-color:#ffffff17;background:#0d241a}.mahjong-table{isolation:isolate;border:18px solid #4b2f1d;border-radius:24px;background:radial-gradient(circle at 50% 42%,#287759 0,#15563e 35%,#0b3b2a 78%,#08291f);box-shadow:inset 0 0 0 4px #bd8b43,inset 0 0 0 8px #25160f,inset 0 0 85px #0009,0 18px 55px #0007}.mahjong-table:before{content:"";position:absolute;inset:10px;border:1px solid #e0bd6d40;border-radius:10px;box-shadow:inset 0 0 35px #0005;pointer-events:none;z-index:0}.mahjong-table:after{content:"";position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(35deg,transparent 0 4px,#fff 5px,transparent 6px);mix-blend-mode:soft-light;pointer-events:none;z-index:0}.table-center{top:45%;width:196px;height:150px;z-index:4;border:2px solid #d7b35f9c;border-radius:16px;background:linear-gradient(145deg,#123d2fef,#071e17ed);box-shadow:0 12px 35px #0006,inset 0 0 24px #d7b35f12}.table-center strong{font-size:12px;letter-spacing:.08em}.table-center>span{margin-top:4px}.table-metrics{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:12px;border-top:1px solid #dab96532}.table-metrics p{display:grid;place-items:center;margin:0;padding:8px 5px}.table-metrics p+p{border-left:1px solid #dab96532}.table-center .table-metrics b{font-size:27px;line-height:1;margin:0;color:#f4e4bc}.table-metrics .countdown b{color:#79d69b}.table-metrics .countdown.urgent b{color:#ff8576;animation:countdown-pulse .72s ease-in-out infinite}.table-metrics small{margin-top:4px}.table-compass{position:absolute;left:50%;top:45%;width:280px;height:234px;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.table-compass i{position:absolute;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d7ae59;color:#16382a;border:2px solid #f1d99c;font:700 13px serif;font-style:normal;box-shadow:0 3px 8px #0005}.wind-bottom{left:50%;bottom:0;transform:translate(-50%)}.wind-top{left:50%;top:0;transform:translate(-50%)}.wind-left{left:0;top:50%;transform:translateY(-50%)}.wind-right{right:0;top:50%;transform:translateY(-50%)}.table-player{z-index:8;min-width:150px;max-width:270px;padding:8px 12px;border-radius:8px;background:#071d16e8;border-color:#d7b35f33;box-shadow:0 7px 18px #0004;line-height:1.3}.table-player b{display:flex;align-items:center;gap:5px}.seat-wind{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;background:#d1a856;color:#153326;font:700 12px serif}.table-player.turn{box-shadow:0 0 0 2px #f0c568,0 0 23px #f0c56855}.table-player.turn:after{content:"出牌";position:absolute;right:-8px;top:-10px;background:#a83329;color:#fff;border-radius:10px;padding:3px 7px;font-size:8px}.table-player.seat-0{inset:auto auto 116px 50%;transform:translate(-50%)}.table-player.seat-1{inset:45% 22px auto auto;transform:translateY(-50%)}.table-player.seat-2{inset:16px auto auto 50%;transform:translate(-50%)}.table-player.seat-3{inset:45% auto auto 22px;transform:translateY(-50%)}.opponent-zone{position:absolute;display:grid;gap:4px;width:max-content;max-width:44vw}.opponent-hand,.opponent-melds{display:flex;justify-content:center;filter:drop-shadow(0 4px 3px #0005)}.opponent-zone img{width:29px;height:39px;object-fit:contain;margin-left:0}.opponent-melds img{width:31px;height:42px;margin-left:0}.seat-2 .opponent-zone{left:50%;top:calc(100% + 5px);transform:translate(-50%) rotate(180deg)}.seat-1 .opponent-zone{right:calc(100% + 7px);top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:right center}.seat-3 .opponent-zone{left:calc(100% + 7px);top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:left center}.discard-rack{position:absolute;z-index:2;width:174px;pointer-events:none}.discard-rack>small{display:block;margin-bottom:3px;text-align:center;color:#d6c79f99;font-size:7px;white-space:nowrap}.discard-rack>div{display:grid;grid-template-columns:repeat(6,27px);grid-auto-rows:36px;gap:2px;justify-content:center}.discard-rack img{width:27px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 1px #0005)}.discard-seat-0{left:50%;top:calc(45% + 94px);transform:translate(-50%)}.discard-seat-2{left:50%;bottom:calc(55% + 94px);transform:translate(-50%)}.discard-seat-2>div{transform:rotate(180deg)}.discard-seat-1{left:calc(50% + 154px);top:45%;transform:translateY(-50%) rotate(-90deg)}.discard-seat-3{right:calc(50% + 154px);top:45%;transform:translateY(-50%) rotate(90deg)}.my-hand{z-index:10;filter:drop-shadow(0 8px 5px #0007)}.my-hand button{position:relative}.my-hand button:hover{transform:translateY(-8px)}.my-hand button.selected{transform:translateY(-21px)}.my-hand button.drawn{margin-left:11px;animation:draw-tile .58s cubic-bezier(.18,.84,.32,1.2)}.my-melds{z-index:9;padding:5px;border-radius:5px;background:#071d16a8}.my-melds img{filter:drop-shadow(0 3px 2px #0004)}.table-player.drawing{animation:opponent-draw .68s ease}.game-actions{z-index:12}.play-hint,.locked-wait{z-index:11}@keyframes draw-tile{0%{opacity:0;transform:translate(42px,-55px) rotate(9deg)}65%{opacity:1;transform:translate(6px,-9px) rotate(2deg)}to{transform:translate(0)}}@keyframes opponent-draw{0%,to{filter:none}35%{filter:brightness(1.65);transform:scale(1.04)}}@keyframes countdown-pulse{50%{transform:scale(1.16);text-shadow:0 0 13px #ff5d4d}}@media(max-width:900px){.player-header{height:64px;padding:0 12px}.player-header .mini-brand{font-size:0}.player-status{gap:5px}.audio-controls{gap:4px}.audio-controls button{padding:6px 8px;font-size:9px}.player-chip{padding:7px 9px}.mahjong-table{height:calc(100vh - 64px);min-height:590px;border-width:10px;border-radius:13px}.table-center{top:42%;width:132px;height:111px}.table-center strong{font-size:9px}.table-center .table-metrics b{font-size:20px}.table-compass{top:42%;width:190px;height:168px}.table-player{min-width:105px;max-width:145px;padding:5px 7px}.table-player span{max-width:115px}.table-player.seat-0{bottom:101px}.table-player.seat-1{right:6px;top:42%}.table-player.seat-2{top:5px}.table-player.seat-3{left:6px;top:42%}.opponent-zone img{width:21px;height:29px;margin-left:-10px}.opponent-melds img{width:23px;height:31px}.discard-rack{width:120px}.discard-rack>small{display:none}.discard-rack>div{grid-template-columns:repeat(6,18px);grid-auto-rows:25px;gap:1px}.discard-rack img{width:18px;height:25px}.discard-seat-0{top:calc(42% + 74px)}.discard-seat-2{bottom:calc(58% + 74px)}.discard-seat-1{left:calc(50% + 104px);top:42%}.discard-seat-3{right:calc(50% + 104px);top:42%}.my-hand button{width:clamp(28px,7.15vw,42px)}.my-hand button.drawn{margin-left:5px}.my-melds{bottom:93px;left:5px}.my-melds img{width:27px}.play-hint{bottom:82px}.locked-wait{bottom:128px}.game-actions{bottom:75px}}@media(max-width:560px){.table-player span,.table-player>i{display:none}.table-player{min-width:auto}.seat-wind{width:18px;height:18px;font-size:10px}.table-center,.table-compass,.table-player.seat-1,.table-player.seat-3{top:40%}.discard-seat-0{top:calc(40% + 72px)}.discard-seat-2{bottom:calc(60% + 72px)}.discard-seat-1,.discard-seat-3{top:40%}.my-hand{width:100%;justify-content:center;max-width:100%}.my-hand button{width:min(7.25vw,40px)}.my-melds{bottom:80px}.play-hint{bottom:70px;font-size:8px}.game-actions button{width:44px;height:44px;font-size:11px}}.table-wall{position:absolute;z-index:1;display:flex;justify-content:center;pointer-events:none;filter:drop-shadow(0 5px 3px #0007)}.table-wall span{position:relative;width:15px;height:25px;margin-left:1px;border-radius:3px;background:linear-gradient(100deg,#e8e1c9,#fffdf1 50%,#cec6af);border:1px solid #aa9f82;box-shadow:inset 0 -4px #2a7251}.table-wall span:after{content:"";position:absolute;left:1px;right:1px;top:-6px;height:20px;border-radius:3px;background:linear-gradient(145deg,#318461,#19563f);border:1px solid #d8c787;box-shadow:inset 0 0 0 2px #ffffff16}.wall-bottom{left:50%;bottom:83px;transform:translate(-50%)}.wall-top{left:50%;top:75px;transform:translate(-50%) rotate(180deg)}.wall-right{right:73px;top:45%;transform:translateY(-50%) rotate(-90deg)}.wall-left{left:73px;top:45%;transform:translateY(-50%) rotate(90deg)}.opening-ceremony{position:absolute;inset:0;z-index:30;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#175e44e8 0,#082319ed 55%,#03100cef);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:wait}.opening-ceremony strong{display:block;margin-top:22px;color:#f4dda6;font:700 24px serif;letter-spacing:.12em}.opening-ceremony span{display:block;margin-top:7px;color:#9eb8aa;font-size:10px;letter-spacing:.12em}.shuffle-effect>div{position:relative;width:270px;height:155px;perspective:600px}.shuffle-effect i{position:absolute;left:115px;top:60px;width:34px;height:46px;border-radius:4px;background:linear-gradient(145deg,#fffcef,#d8d1b9);border:1px solid #a99c78;box-shadow:inset 0 -6px #287052,0 4px 8px #0005;animation:shuffle-tile 1.05s ease-in-out infinite alternate}.shuffle-effect i:nth-child(3n){animation-delay:-.19s}.shuffle-effect i:nth-child(3n+1){animation-delay:-.43s}.shuffle-effect i:nth-child(4n){animation-duration:.86s}.shuffle-effect i:nth-child(1){--sx:-105px;--sy:-47px;--sr:-42deg}.shuffle-effect i:nth-child(2){--sx:-72px;--sy:58px;--sr:35deg}.shuffle-effect i:nth-child(3){--sx:84px;--sy:-38px;--sr:67deg}.shuffle-effect i:nth-child(4){--sx:112px;--sy:52px;--sr:-24deg}.shuffle-effect i:nth-child(5){--sx:-22px;--sy:-63px;--sr:18deg}.shuffle-effect i:nth-child(6){--sx:42px;--sy:65px;--sr:-71deg}.shuffle-effect i:nth-child(7){--sx:-122px;--sy:12px;--sr:76deg}.shuffle-effect i:nth-child(8){--sx:126px;--sy:5px;--sr:31deg}.shuffle-effect i:nth-child(n+9):nth-child(-n+16){--sx:-55px;--sy:5px;--sr:-33deg}.shuffle-effect i:nth-child(n+17){--sx:58px;--sy:-7px;--sr:47deg}.dice-tray{display:flex;gap:30px;perspective:700px}.die{width:82px;height:82px;padding:11px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;border-radius:15px;background:linear-gradient(145deg,#fffdf3,#d9d2ba);border:2px solid #b9aa83;box-shadow:inset -7px -8px 10px #9b92775c,inset 5px 5px 8px #fff,0 14px 18px #0007;animation:dice-roll 1.25s cubic-bezier(.12,.66,.31,1.02) both}.die-1{animation-delay:.09s}.die i{width:12px;height:12px;border-radius:50%;background:#153f32;box-shadow:inset 2px 2px 2px #0008;opacity:0}.die i.visible{opacity:1}.die i.red{background:#b52f29}.deal-effect>div{height:100px;display:flex;align-items:end;justify-content:center;perspective:700px}.deal-effect img{width:51px;margin-left:0;opacity:0;filter:drop-shadow(0 6px 3px #0006);animation:opening-deal .52s cubic-bezier(.16,.83,.32,1.15) forwards;animation-delay:calc(var(--deal-index) * 75ms)}@keyframes shuffle-tile{0%{transform:translate3d(var(--sx),var(--sy),15px) rotate(var(--sr));opacity:.8}to{transform:translateZ(40px) rotate(0);opacity:1}}@keyframes dice-roll{0%{transform:translateY(-180px) rotateX(520deg) rotateY(-390deg) rotate(120deg);opacity:0}55%{transform:translateY(9px) rotateX(32deg) rotateY(-18deg)}72%{transform:translateY(-25px) rotateX(-13deg) rotateY(8deg)}to{transform:none;opacity:1}}@keyframes opening-deal{0%{opacity:0;transform:translate(170px,-110px) rotateY(75deg) rotate(12deg)}to{opacity:1;transform:none}}@media(max-width:900px){.table-wall span{width:10px;height:18px}.table-wall span:after{height:14px;top:-4px}.wall-bottom{bottom:68px}.wall-top{top:58px}.wall-right{right:48px;top:42%}.wall-left{left:48px;top:42%}.opening-ceremony strong{font-size:20px}.die{width:66px;height:66px;padding:9px}.die i{width:9px;height:9px}.deal-effect img{width:39px;margin-left:-20px}}@media(max-width:600px)and (orientation:portrait){body,.player-page{min-height:100dvh}.player-header{height:64px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.mahjong-table{height:calc(100dvh - 64px);min-height:calc(100dvh - 64px);border-width:8px}.table-center,.table-compass,.table-player.seat-1,.table-player.seat-3,.discard-seat-1,.discard-seat-3,.wall-left,.wall-right{top:39%}.table-center{width:116px;height:106px}.table-compass{width:176px;height:158px}.table-player.seat-0{bottom:98px}.table-player.seat-1{right:3px}.table-player.seat-3{left:3px}.table-player.seat-2{top:3px}.table-player b{font-size:9px}.discard-rack{width:108px}.discard-rack>div{grid-template-columns:repeat(6,16px);grid-auto-rows:22px}.discard-rack img{width:16px;height:22px}.discard-seat-0{top:calc(39% + 70px)}.discard-seat-2{bottom:calc(61% + 70px)}.discard-seat-1{left:calc(50% + 94px)}.discard-seat-3{right:calc(50% + 94px)}.wall-bottom{bottom:63px}.wall-top{top:52px}.wall-left{left:42px}.wall-right{right:42px}.my-hand{bottom:max(3px,env(safe-area-inset-bottom))}.my-hand button{width:min(7.15vw,39px)}.my-melds{bottom:76px}.game-actions{right:4px;bottom:68px}.game-actions button{width:42px;height:42px}.play-hint{bottom:64px}.locked-wait{bottom:116px;right:4px;max-width:180px}.opening-ceremony{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){body,.player-page{min-height:100dvh;overflow:hidden}.player-header{height:44px;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.player-header .mini-brand span{width:27px;height:30px;font-size:15px}.player-status>i,.player-chip{font-size:8px}.player-chip{padding:5px 8px}.audio-controls button{padding:4px 7px;font-size:8px}.mahjong-table{height:calc(100dvh - 44px);min-height:0;border-width:8px;border-radius:10px}.table-center,.table-compass,.table-player.seat-1,.table-player.seat-3,.discard-seat-1,.discard-seat-3,.wall-left,.wall-right{top:43%}.table-center{width:116px;height:84px;border-radius:9px}.table-center strong{font-size:8px}.table-center>span{display:none}.table-metrics{margin-top:5px}.table-metrics p{padding:4px}.table-center .table-metrics b{font-size:17px}.table-metrics small{font-size:6px}.table-compass{width:166px;height:124px}.table-compass i{width:19px;height:19px;font-size:9px}.table-player{padding:3px 6px;min-width:auto;max-width:150px}.table-player b{font-size:8px}.seat-wind{width:17px;height:17px;font-size:9px}.table-player span,.table-player>i{display:none}.table-player.seat-0{bottom:61px}.table-player.seat-2{top:2px}.table-player.seat-1{right:4px}.table-player.seat-3{left:4px}.opponent-zone img{width:17px;height:23px;margin-left:-8px}.opponent-melds img{width:19px;height:25px}.discard-rack{width:102px}.discard-rack>small{display:none}.discard-rack>div{grid-template-columns:repeat(6,15px);grid-auto-rows:20px;gap:1px}.discard-rack img{width:15px;height:20px}.discard-seat-0{top:calc(43% + 55px)}.discard-seat-2{bottom:calc(57% + 55px)}.discard-seat-1{left:calc(50% + 86px)}.discard-seat-3{right:calc(50% + 86px)}.table-wall span{width:8px;height:13px}.table-wall span:after{height:10px;top:-3px}.wall-bottom{bottom:43px}.wall-top{top:36px}.wall-left{left:38px}.wall-right{right:38px}.my-hand{bottom:max(1px,env(safe-area-inset-bottom));max-width:82%}.my-hand button{width:min(5.25vw,11.5vh,43px)}.my-hand button.drawn{margin-left:4px}.my-hand button.selected{transform:translateY(-12px)}.my-melds{left:max(3px,env(safe-area-inset-left));bottom:45px;padding:2px}.my-melds img{width:20px}.game-actions{right:max(4px,env(safe-area-inset-right));bottom:44px;gap:4px}.game-actions button{width:37px;height:37px;border-width:1px;font-size:9px}.play-hint{bottom:42px;padding:3px 7px;font-size:7px}.locked-wait{right:max(4px,env(safe-area-inset-right));bottom:84px;padding:4px 7px;font-size:8px}.table-event b{width:76px;height:76px;font-size:34px}.opening-ceremony{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.shuffle-effect>div{transform:scale(.68);margin:-20px auto}.dice-tray{gap:18px}.die{width:54px;height:54px;padding:7px;border-radius:10px}.die i{width:7px;height:7px}.deal-effect>div{height:58px}.deal-effect img{width:31px;margin-left:-16px}.opening-ceremony strong{font-size:15px;margin-top:9px}.opening-ceremony span{font-size:8px;margin-top:3px}}.replay-modal{z-index:60;padding:clamp(8px,3vw,30px);background:#06120edb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.replay-modal>.replay-panel{width:min(980px,100%);max-height:min(90dvh,920px);padding:clamp(18px,3vw,34px);border-radius:14px;border:1px solid #d1b36b;background:linear-gradient(145deg,#faf8ef,#ece7d8);box-shadow:0 30px 80px #0008;color:#17251f}.replay-panel>header{padding-bottom:16px;border-bottom:1px solid #d4ccba}.replay-panel>header small{display:block;margin-top:7px;color:#778078;font-size:10px}.replay-players{display:flex;flex-wrap:wrap;gap:8px;padding:13px 0}.replay-players>span{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #d6cdb9;border-radius:20px;background:#fffaf0;font-size:10px}.replay-players b,.replay-actor>b{display:grid;place-items:center;border-radius:50%;background:#173d2e;color:#e9cd8b;font:700 12px serif}.replay-players b{width:22px;height:22px}.replay-players i{padding:2px 5px;border-radius:8px;background:#d5ae60;color:#18382b;font-size:7px;font-style:normal}.replay-timeline{position:relative;margin:0;padding:0 5px 0 0!important}.replay-timeline:before{content:"";position:absolute;left:116px;top:0;bottom:0;width:1px;background:#c8b88f}.replay-modal .replay-timeline>li{position:relative;display:grid;grid-template-columns:72px 96px 1fr;gap:14px;padding:13px 0;border-top:1px solid #d9d1bf;font-size:11px}.replay-sequence{display:grid;align-content:start;gap:4px;text-align:right}.replay-sequence>b{color:#9c7434;font-size:10px}.replay-sequence time{color:#8d948e;font-size:8px}.replay-actor{position:relative;display:flex;align-items:start;gap:7px;padding-left:8px}.replay-actor>b{position:relative;z-index:1;flex:0 0 28px;width:28px;height:28px;box-shadow:0 0 0 4px #f2eee2}.replay-actor>span{padding-top:6px;color:#5c6962;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-actor.system>b{background:#aa813f}.replay-timeline article{min-width:0;padding:12px 14px;border:1px solid #d8d0bd;border-radius:8px;background:#fffdf7;box-shadow:0 5px 14px #1d382318}.replay-timeline article>header{display:flex;justify-content:flex-start;gap:7px;align-items:center}.replay-timeline article>header strong{font-size:13px;color:#173b2c}.replay-timeline article>header span{padding:2px 6px;border-radius:8px;background:#e9d7ad;color:#77561f;font-size:7px}.replay-timeline article>p{margin:7px 0;color:#536159;line-height:1.55}.replay-tiles{display:flex;align-items:center;gap:9px;margin-top:8px}.replay-tiles img{width:44px;height:59px;filter:drop-shadow(0 3px 2px #0003)}.replay-tiles>b{color:#8f2923}.replay-hand{margin-top:10px}.replay-hand>small{display:block;margin-bottom:5px;color:#8b7042}.replay-hand>div{display:flex;flex-wrap:wrap;gap:2px}.replay-hand img{width:31px;height:42px;filter:drop-shadow(0 2px 1px #0002)}.replay-scores{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.replay-scores span{padding:4px 7px;border-radius:3px;background:#f5ded9;color:#a0453a;font-weight:700}.replay-scores span.gain{background:#dceee1;color:#277149}.event-hu article,.event-round_ended article{border-left:4px solid #b6342b}.event-discard article{border-left:4px solid #d1a44f}.event-draw article{border-left:4px solid #428162}.replay-empty{text-align:center;color:#87928b;padding:40px}.player-page .replay-modal{color:#17251f}@media(max-width:700px){.replay-modal>.replay-panel{max-height:96dvh;padding:16px 12px}.replay-players{overflow:auto;flex-wrap:nowrap}.replay-modal .replay-timeline>li{grid-template-columns:45px 1fr;gap:9px}.replay-timeline:before{left:62px}.replay-actor{padding-left:0}.replay-actor>span{display:none}.replay-timeline article{grid-column:2;padding:10px}.replay-sequence{grid-row:1/3}.replay-hand img{width:25px;height:34px}.replay-tiles img{width:37px;height:50px}}.my-hand{--hand-tile-width:clamp(34px,5vw,63px)}.my-hand .hand-tile{position:relative;flex:0 0 var(--hand-tile-width);width:var(--hand-tile-width)}.my-hand .hand-tile>button{display:block;width:100%}.my-hand .hand-tile.drawn{margin-left:clamp(6px,1vw,13px);animation:draw-tile .58s cubic-bezier(.18,.84,.32,1.2)}.hand-sort-move{transition:transform .36s cubic-bezier(.2,.8,.25,1)}.hand-sort-leave-active{position:absolute;z-index:20;transition:opacity .24s ease,transform .24s ease}.hand-sort-leave-to{opacity:0;transform:translateY(-72px) scale(.78) rotate(5deg)}@media(max-width:900px){.my-hand{--hand-tile-width:clamp(28px,7.15vw,42px)}}@media(max-width:560px){.my-hand{--hand-tile-width:min(7.25vw,40px)}}@media(max-width:600px)and (orientation:portrait){.my-hand{--hand-tile-width:min(7.15vw,39px)}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.my-hand{--hand-tile-width:min(5.25vw,11.5vh,43px)}}.table-player .forbidden-suit{flex:0 0 auto;padding:4px 7px;border:1px solid #ffd98d;border-radius:12px;background:#a92f27;color:#fff5d7;font-size:10px;font-weight:900;line-height:1;box-shadow:0 2px 8px #0005;text-decoration:none}.table-player .forbidden-suit.suit-1{background:#195b91}.table-player .forbidden-suit.suit-2{background:#14704b}@media(max-width:900px){.table-player .forbidden-suit{padding:3px 5px;font-size:8px}}.game-entry-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:auto}.lobby-games .game-entry-actions button{margin-top:0;padding:15px 10px;border:1px solid #ffffff1c;text-align:center}.lobby-games .game-entry-actions .quick-match{background:#cda459;color:#14281f;border-color:#cda459}.match-pulse{display:flex;align-items:center;gap:9px;color:#c8d7cf;font-size:11px}.match-pulse i{width:9px;height:9px;border-radius:50%;background:#68cb89;box-shadow:0 0 #68cb8988;animation:match-pulse 1.25s infinite}@keyframes match-pulse{70%{box-shadow:0 0 0 10px #68cb8900}}.table-wall{--wall-w:15px;--wall-h:25px;--wall-rise:6px;align-items:end;min-height:calc(var(--wall-h) + var(--wall-rise));filter:drop-shadow(0 5px 3px #0008)}.table-wall.opening-wall{z-index:31}.table-wall .wall-stack{position:relative;display:block;flex:0 0 var(--wall-w);width:var(--wall-w);height:var(--wall-h);margin-left:1px;border:0;border-radius:0;background:none;box-shadow:none}.table-wall .wall-stack:after{display:none}.table-wall .wall-tile{position:absolute;inset:0;display:block;width:100%;height:100%;border:1px solid #aaa083;border-radius:3px;background:linear-gradient(100deg,#ddd6bd,#fffdf0 48%,#c9c0a7);box-shadow:inset 0 -4px #2b7453,0 2px 2px #0004;animation:wall-build .34s cubic-bezier(.2,.8,.3,1.15) both;animation-delay:var(--wall-build-delay)}.table-wall .wall-tile-top{z-index:2;transform:translateY(calc(-1 * var(--wall-rise)));background:linear-gradient(145deg,#3b916c,#1a5a42);border-color:#ddcc92;box-shadow:inset 0 0 0 2px #ffffff18,0 3px 3px #0005}.table-wall .wall-tile-bottom{z-index:1}.table-wall.break-wall:before{content:"开门";position:absolute;left:50%;top:calc(-1 * var(--wall-h) - 6px);transform:translate(-50%) rotate(var(--marker-rotate,0));padding:2px 5px;border-radius:8px;background:#c59a49;color:#173b2d;font-size:7px;font-weight:900;white-space:nowrap;box-shadow:0 2px 5px #0005}.wall-draw-leave-active{z-index:4!important;transition:opacity .34s ease,transform .34s cubic-bezier(.2,.8,.3,1)!important;transition-delay:var(--wall-draw-delay)!important}.wall-draw-leave-to{opacity:0;transform:translateY(42px) rotate(12deg) scale(.82)!important}.my-hand .exchange-blocked{filter:saturate(.2) brightness(.62)}.my-hand .exchange-blocked button{cursor:not-allowed}@keyframes wall-build{0%{opacity:0;transform:translateY(-45px) rotate(13deg) scale(.75)}to{opacity:1}}@media(max-width:900px){.table-wall{--wall-w:10px;--wall-h:18px;--wall-rise:4px}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.table-wall{--wall-w:8px;--wall-h:13px;--wall-rise:3px}}.table-wall{--wall-w:17px;--wall-h:28px;--wall-rise:10px;gap:3px;filter:drop-shadow(0 7px 4px #0009)}.wall-bottom{bottom:clamp(108px,18%,168px)}.wall-top{top:clamp(88px,14%,132px)}.wall-left{left:clamp(78px,12%,142px)}.wall-right{right:clamp(78px,12%,142px)}.table-wall .wall-stack{margin:0;isolation:isolate}.table-wall .wall-tile{border:1px solid #c9b98d;border-radius:3px;background:linear-gradient(100deg,#cfc5a5 0 9%,#fffceb 13% 70%,#d7ccb0 82%,#aa9c79);box-shadow:inset 0 -5px #17523d,inset 0 1px #fff,0 2px 2px #0007}.table-wall .wall-tile:after{content:"";position:absolute;inset:2px;border:1px solid #ffffff35;border-radius:2px}.table-wall .wall-tile-top{transform:translate(1px,calc(-1 * var(--wall-rise)));border-color:#e6ce88;background:linear-gradient(135deg,#2d7b60,#0d4937 64%,#062f25);box-shadow:inset 0 0 0 2px #e9d79835,inset -3px -3px 4px #00291f88,0 4px 3px #0007}.table-wall .wall-tile-top:after{background:repeating-linear-gradient(45deg,#e8cb7300 0 4px,#e8cb731b 4px 5px),repeating-linear-gradient(-45deg,#e8cb7300 0 4px,#e8cb7315 4px 5px)}.table-wall.break-wall:before{top:calc(-1 * var(--wall-h) - 12px)}.my-hand .hand-tile.ting:after{content:"听";position:absolute;z-index:4;right:-2px;top:-8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#b52f29;color:#fff6cf;border:1px solid #f0d58c;font-size:10px;font-weight:900;box-shadow:0 2px 5px #0007;pointer-events:none}.my-hand .hand-tile.protected-discard:before{content:"禁";position:absolute;z-index:5;left:50%;top:3px;transform:translate(-50%);display:grid;place-items:center;width:24px;height:17px;border-radius:9px;background:#651b18e8;color:#ffe2a0;border:1px solid #efc968;font-size:9px;font-weight:900;box-shadow:0 2px 6px #0008;pointer-events:none}.my-hand .hand-tile.protected-discard img{filter:brightness(.62) saturate(.65)}.ting-panel{position:absolute;z-index:16;left:50%;bottom:clamp(94px,15%,132px);transform:translate(-50%);display:flex;align-items:center;gap:7px;max-width:min(72vw,780px);padding:7px 10px;border:1px solid #d7b865;border-radius:10px;background:#102c23ef;box-shadow:0 8px 24px #0008;color:#f8e9bd;overflow-x:auto;white-space:nowrap}.ting-panel>strong{position:sticky;left:0;padding-right:7px;border-right:1px solid #d7b86566;font-size:10px;background:#102c23}.ting-panel>span{display:grid;grid-template-columns:27px auto;grid-template-rows:auto auto;column-gap:4px;align-items:center}.ting-panel img{grid-row:1/3;width:27px;height:37px;filter:drop-shadow(0 2px 1px #0005)}.ting-panel b{font-size:9px;color:#ffd980}.ting-panel small{font-size:7px;color:#bed0c7}.declare-confirmed{padding:10px 14px;border:1px solid #d9ba6e;border-radius:18px;background:#183f31e8;color:#f6e7b7;font-size:10px;font-weight:700;white-space:nowrap}.game-actions .confirm-exchange{width:94px;height:58px;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:5px;padding:5px 9px;border:2px solid #ffe3a0;border-radius:16px;background:linear-gradient(145deg,#f3ce75,#b77924 72%,#885014);box-shadow:inset 0 1px #fff8d2,0 7px 18px #0008;color:#17372b;text-shadow:0 1px #fff5c5;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.game-actions .confirm-exchange small{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#173d2f;color:#f8df9d;font-size:8px;text-shadow:none}.game-actions .confirm-exchange b{font-size:12px;white-space:nowrap}.game-actions .confirm-exchange:not(:disabled):hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.08)}.game-actions .confirm-exchange:disabled{background:linear-gradient(145deg,#777b72,#4c554e);border-color:#9da399;color:#d6d9d4;box-shadow:0 3px 9px #0005;opacity:.72}@media(max-width:900px){.table-wall{--wall-w:11px;--wall-h:19px;--wall-rise:7px;gap:2px}.wall-bottom{bottom:clamp(84px,15%,116px)}.wall-top{top:clamp(64px,11%,91px)}.wall-left{left:54px}.wall-right{right:54px}.ting-panel{bottom:105px;max-width:82vw;padding:5px 7px}.ting-panel>span{grid-template-columns:23px auto}.ting-panel img{width:23px;height:31px}}@media(max-width:600px)and (orientation:portrait){.wall-bottom{bottom:88px}.wall-top{top:68px}.wall-left{left:50px}.wall-right{right:50px}.ting-panel{bottom:112px;max-width:90vw}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.table-wall{--wall-w:9px;--wall-h:15px;--wall-rise:5px;gap:1px}.wall-bottom{bottom:61px}.wall-top{top:49px}.wall-left{left:55px}.wall-right{right:55px}.ting-panel{bottom:48px;max-width:68vw;padding:3px 6px}.ting-panel img{width:18px;height:25px}.ting-panel b{font-size:7px}}.replay-video-panel{width:min(1180px,100%)!important;max-height:96dvh!important;background:#111b17!important;color:#eef5ed!important}.replay-video-panel>header{border-color:#ffffff20!important}.replay-video-panel>header small{color:#9eb0a7!important}.replay-video-stage{margin-top:14px}.replay-video-table{position:relative;aspect-ratio:16/9;min-height:480px;overflow:hidden;border:10px solid #482f1d;border-radius:22px;background:radial-gradient(circle at center,#30765d,#164b39 68%,#0c3427);box-shadow:inset 0 0 0 3px #b68a49,inset 0 0 70px #001c14,0 14px 35px #0008}.replay-video-table:before{content:"";position:absolute;inset:14%;border:1px solid #e6cb7a25;transform:rotate(45deg);pointer-events:none}.replay-video-center{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;min-height:120px;display:grid;place-items:center;align-content:center;gap:4px;padding:12px;border:1px solid #d7bb6c;border-radius:15px;background:#0c2d23e8;box-shadow:0 8px 20px #0007;text-align:center}.replay-video-center>span{font-size:8px;color:#b9c9c1}.replay-video-center>strong{color:#f2d589;font:900 22px serif}.replay-video-center>img{width:38px;height:51px;filter:drop-shadow(0 4px 2px #0007)}.replay-video-center>p{margin:2px 0 0;font-size:9px;color:#dae5df}.replay-video-seat{position:absolute;z-index:2;width:44%;display:grid;gap:4px}.replay-video-seat>header{display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-size:9px}.replay-video-seat>header span{color:#efd284}.replay-video-seat>header i{padding:2px 5px;border-radius:7px;background:#a8352d;color:#fff2d0;font-style:normal}.video-seat-0{left:28%;bottom:8px}.video-seat-1{right:-11.5%;top:40%;transform:rotate(-90deg)}.video-seat-1>header{transform:rotate(90deg)}.video-seat-2{left:28%;top:8px;transform:rotate(180deg)}.video-seat-2>header,.video-seat-2 img{transform:rotate(180deg)}.video-seat-3{left:-11.5%;top:40%;transform:rotate(90deg)}.video-seat-3>header{transform:rotate(-90deg)}.video-open-hand,.video-melds{display:flex;justify-content:center;min-height:37px}.video-open-hand img,.video-melds img{width:27px;height:37px;margin-left:0;filter:drop-shadow(0 2px 1px #0005)}.video-melds img{width:22px;height:30px}.video-river{position:absolute;left:50%;bottom:48px;transform:translate(-50%);width:168px;display:grid;grid-template-columns:repeat(9,17px);gap:1px;justify-content:center}.video-river img{width:17px;height:23px}.video-seat-2 .video-river{bottom:43px}.video-seat-1 .video-river,.video-seat-3 .video-river{bottom:42px}.replay-video-controls{display:grid;grid-template-columns:38px 64px 38px 1fr auto auto;align-items:center;gap:8px;padding:12px 4px 0}.replay-video-controls button,.replay-video-controls select{height:34px;border:1px solid #cfaf65;border-radius:8px;background:#183b2e;color:#f5dfa4}.replay-video-controls .video-play{background:#d0a750;color:#173326;font-weight:900}.replay-video-controls input{accent-color:#d0a750}.replay-video-controls span{font-size:9px;color:#b9c8c0}.replay-video-controls select{padding:0 7px}@media(max-width:760px){.replay-video-panel{padding:10px!important}.replay-video-table{min-height:0;aspect-ratio:10/14}.replay-video-seat{width:62%}.video-seat-0{left:19%;bottom:8px}.video-seat-2{left:19%;top:8px}.video-seat-1{right:-25%;top:44%}.video-seat-3{left:-25%;top:44%}.replay-video-center{width:130px;min-height:96px}.replay-video-center>strong{font-size:17px}.video-open-hand img{width:20px;height:28px}.video-river{bottom:34px;grid-template-columns:repeat(9,13px);width:130px}.video-river img{width:13px;height:18px}.replay-video-controls{grid-template-columns:34px 58px 34px 1fr}.replay-video-controls>span,.replay-video-controls>select{display:none}}.replay-video-table{min-height:0;--replay-tile-w:clamp(16px,2.15vw,27px);--replay-river-w:clamp(12px,1.35vw,17px)}.replay-video-table .replay-video-seat{grid-template-rows:auto auto auto auto;align-content:start;box-sizing:border-box;min-width:0;padding:0 3px}.replay-video-table .video-open-hand,.replay-video-table .video-melds{display:flex;width:100%;min-width:0;gap:1px;overflow:hidden;box-sizing:border-box}.replay-video-table .video-open-hand img{flex:1 1 var(--replay-tile-w);width:var(--replay-tile-w);min-width:0;max-width:var(--replay-tile-w);height:auto;margin:0;object-fit:contain}.my-hand .hand-tile.forbidden-start{margin-left:clamp(5px,1vw,12px)}.replay-video-table .video-open-hand img.forbidden-start{margin-left:clamp(3px,.55vw,7px)}.replay-video-table .video-melds{margin-top:2px}.replay-video-table .video-melds img{flex:1 1 calc(var(--replay-tile-w) * .82);width:calc(var(--replay-tile-w) * .82);min-width:0;max-width:calc(var(--replay-tile-w) * .82);height:auto;margin:0;object-fit:contain}.replay-video-table .video-river{position:relative;order:-1;left:auto;bottom:auto;transform:none;align-self:center;margin:0 auto 4px;grid-template-columns:repeat(9,var(--replay-river-w));grid-auto-rows:auto;gap:2px;width:calc(var(--replay-river-w) * 9 + 16px);min-height:calc(var(--replay-river-w) * 1.35);overflow:visible}.replay-video-table .video-seat-1 .video-river,.replay-video-table .video-seat-2 .video-river,.replay-video-table .video-seat-3 .video-river{bottom:auto}.replay-video-table .video-river>span{position:relative;display:block;width:var(--replay-river-w);min-width:0}.replay-video-table .video-river img{display:block;width:var(--replay-river-w);height:auto;margin:0}.replay-video-table .video-river>span.claimed img{opacity:.42;filter:grayscale(1) brightness(.55)}.replay-video-table .video-river em{position:absolute;z-index:5;left:50%;top:-8px;transform:translate(-50%);padding:2px 3px;border:1px solid #f1d58b;border-radius:5px;background:#9e2923;color:#fff4cc;font-size:6px;font-style:normal;font-weight:900;line-height:1;white-space:nowrap}.replay-video-seat>header{width:max-content;max-width:100%;margin-inline:auto}.replay-video-seat.winner>header{padding:2px 7px;border-radius:9px;background:#8f241fe8;box-shadow:0 0 0 1px #f1cf72,0 0 13px #f0c75a77}.replay-video-seat.discarder>header{padding:2px 7px;border-radius:9px;background:#321716e8;box-shadow:0 0 0 1px #df7067}.replay-result-mark{display:flex;justify-content:center;align-items:center;gap:5px;width:max-content;max-width:100%;margin:0 auto;padding:2px 6px;border-radius:7px;white-space:nowrap}.replay-result-mark strong{font-size:8px}.replay-result-mark small{font-size:6px}.replay-result-mark.win{background:#9d2923;color:#fff0b9;border:1px solid #e7c46d}.replay-result-mark.loss{background:#291413;color:#ffa49c;border:1px solid #d8645b}@media(max-width:760px){.replay-video-table{--replay-tile-w:clamp(13px,3.5vw,18px);--replay-river-w:clamp(9px,2.5vw,12px)}.replay-video-seat{width:68%}.video-seat-0,.video-seat-2{left:16%}.video-seat-1{right:-29%}.video-seat-3{left:-29%}}.opponent-hand.concealed{align-items:flex-end;gap:2px;filter:drop-shadow(0 4px 3px #001f17aa)}.opponent-hand.concealed img{width:20px;height:31px;margin-left:0;object-fit:contain;filter:none}@media(max-width:900px){.opponent-hand.concealed{gap:1px}.opponent-hand.concealed img{width:15px;height:24px;margin-left:0}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.opponent-hand.concealed img{width:12px;height:20px;margin-left:0}}.return-lobby{height:34px;padding:0 12px;border:1px solid #d5b76c;border-radius:17px;background:#102c22;color:#f3dda5;font-size:10px;font-weight:800;white-space:nowrap}.return-lobby:hover{background:#1d4938}.return-lobby:disabled{opacity:.55}.discard-rack .river-tile{position:relative;display:block;width:27px;height:36px}.discard-rack .river-tile>img{display:block}.discard-rack .river-tile.hu-claimed>img{opacity:.48;filter:grayscale(1) brightness(.55) drop-shadow(0 2px 1px #0007)}.discard-rack .river-tile>em{position:absolute;z-index:5;left:50%;top:-10px;transform:translate(-50%);max-width:88px;padding:2px 4px;border:1px solid #f1d58b;border-radius:6px;background:#9e2923;color:#fff5d4;font-size:7px;font-style:normal;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 2px 5px #0008}.discard-seat-1 .river-tile>em{transform:translate(-50%) rotate(90deg)}.discard-seat-2 .river-tile>em{transform:translate(-50%) rotate(180deg)}.discard-seat-3 .river-tile>em{transform:translate(-50%) rotate(-90deg)}.win-tile-rack{position:absolute;z-index:13;display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #e5c677;border-radius:9px;background:#102d23eb;box-shadow:0 7px 18px #0009;color:#fff;pointer-events:none}.win-tile-rack>img{width:38px;height:51px;object-fit:contain;filter:drop-shadow(0 3px 2px #0007)}.win-tile-rack>div{display:grid;grid-template-columns:22px auto;align-items:center;column-gap:5px}.win-tile-rack b{grid-row:1/3;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#b53128;color:#fff0bc;font:900 13px serif}.win-tile-rack span{font-size:9px;font-weight:900;white-space:nowrap}.win-tile-rack small{font-size:7px;color:#d8c58f;white-space:nowrap}.win-seat-0{right:clamp(12px,5vw,72px);bottom:16px}.win-seat-1{right:12px;top:calc(45% + 72px)}.win-seat-2{right:calc(50% + 150px);top:70px}.win-seat-3{left:12px;top:calc(45% + 72px)}.table-player.winner{border-color:#f2cf72;box-shadow:0 0 0 2px #d8ad4f,0 0 22px #f2c75b66}.table-player.discarder{border-color:#ef796f;box-shadow:0 0 0 2px #a8322c,0 0 18px #a8322c55}.player-result-mark{display:grid;gap:1px;padding:4px 7px;border-radius:8px;line-height:1.12;text-align:center;white-space:nowrap}.player-result-mark strong{font-size:9px}.player-result-mark small{font-size:7px}.player-result-mark.win{background:linear-gradient(145deg,#b42f27,#791b18);border:1px solid #f4d37c;color:#fff4c8}.player-result-mark.win small{color:#f4d998}.player-result-mark.loss{background:#2b1716;border:1px solid #dc7168;color:#ffaaa3}.player-result-mark.loss small{color:#efb6b0}@media(max-width:900px){.return-lobby{height:29px;padding:0 8px;font-size:8px}.discard-rack .river-tile{width:18px;height:25px}.win-tile-rack{gap:3px;padding:3px 4px}.win-tile-rack>img{width:27px;height:36px}.win-tile-rack>div{grid-template-columns:18px auto;column-gap:3px}.win-tile-rack b{width:18px;height:18px;font-size:10px}.win-tile-rack span{font-size:7px}.win-tile-rack small{font-size:6px}.win-seat-0{right:5px;bottom:5px}.win-seat-1{right:3px;top:calc(42% + 62px)}.win-seat-2{right:calc(50% + 92px);top:48px}.win-seat-3{left:3px;top:calc(42% + 62px)}}@media(max-width:600px)and (orientation:portrait){.discard-rack .river-tile{width:16px;height:22px}.win-seat-1,.win-seat-3{top:calc(39% + 58px)}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.discard-rack .river-tile{width:15px;height:20px}.win-tile-rack>div{display:none}.win-tile-rack>img{width:22px;height:30px}.win-seat-0{right:3px;bottom:2px}.win-seat-1{right:2px;top:calc(43% + 43px)}.win-seat-2{right:calc(50% + 74px);top:33px}.win-seat-3{left:2px;top:calc(43% + 43px)}}.opponent-zone{display:flex;align-items:flex-end;gap:5px;max-width:none}.opponent-hand,.opponent-melds{align-items:flex-end;gap:2px;overflow:visible}.opponent-zone img,.opponent-hand.concealed img{flex:0 0 24px;width:24px;height:33px;margin:0;object-fit:contain}.opponent-melds img{flex:0 0 22px;width:22px;height:30px;margin:0}.my-hand{--hand-tile-width:min(63px,5vw,calc((85vw - 40px)/14.5));gap:1px;max-width:calc(100% - 16px);overflow:visible}.my-hand .hand-tile,.my-hand .hand-tile>button{min-width:0;margin-right:0}.my-melds{gap:5px}.my-melds>div{gap:1px}.my-melds img{flex:0 0 36px;margin:0}.discard-rack>div{overflow:visible}.discard-rack .river-tile,.discard-rack .river-tile>img{min-width:0;margin:0}.deal-effect>div{gap:2px}.deal-effect img{flex:0 0 min(42px,6vw);width:min(42px,6vw);height:auto;margin:0}.deal-effect>.deal-table{position:relative;width:min(78vw,860px);height:min(64vh,510px);display:block;perspective:900px}.deal-seat{position:absolute;display:flex;align-items:flex-end;justify-content:center;gap:4px;filter:drop-shadow(0 5px 3px #0008)}.deal-seat-0{left:50%;bottom:0;transform:translate(-50%)}.deal-seat-2{left:50%;top:0;transform:translate(-50%) rotate(180deg)}.deal-seat-1{right:0;top:50%;transform:translateY(-50%) rotate(-90deg)}.deal-seat-3{left:0;top:50%;transform:translateY(-50%) rotate(90deg)}.deal-packet{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:1px!important;opacity:0;animation:deal-packet-arrive .42s cubic-bezier(.18,.82,.3,1.12) forwards;animation-delay:var(--deal-delay)}.deal-packet img{flex:0 0 clamp(19px,2.65vw,34px);width:clamp(19px,2.65vw,34px);margin:0!important;opacity:1!important;animation:none!important}.deal-packet.deal-supplement{margin-left:5px}@keyframes deal-packet-arrive{0%{opacity:0;transform:translateY(-130px) translateZ(90px) rotate(10deg) scale(.72)}70%{opacity:1;transform:translateY(5px) translateZ(0) rotate(-2deg) scale(1.03)}to{opacity:1;transform:none}}.dice-effect{display:grid;place-items:center}.dice-machine{position:relative;width:270px;height:205px;display:grid;place-items:center;border:3px solid #c9a75d;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 50% 44%,#2c4a40 0 9%,#0c211b 10% 54%,#28342f 55% 62%,#070e0c 63% 100%);box-shadow:inset 0 0 0 5px #040908,inset 0 0 0 8px #7f693b,0 18px 45px #000b}.dice-machine:before{content:"";position:absolute;inset:17px;border:2px solid #ffffff35;border-radius:50%;background:radial-gradient(ellipse at 35% 23%,#ffffff24,transparent 35%);box-shadow:inset 0 0 25px #000b;pointer-events:none;z-index:3}.dice-machine:after{content:"東";position:absolute;left:50%;top:50%;width:45px;height:45px;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #d4b565;border-radius:50%;background:#102e24;color:#d9bc73;font:900 22px serif;box-shadow:0 0 0 5px #071712,0 3px 8px #0008;z-index:0}.machine-status-light{position:absolute;right:37px;bottom:30px;width:9px;height:9px;border-radius:50%;background:#65e09a;box-shadow:0 0 9px #65e09a;animation:machine-light .45s steps(2,end) infinite}.dice-machine>small{position:absolute;left:50%;bottom:18px;transform:translate(-50%);color:#bfa86e;font-size:7px;letter-spacing:.2em;white-space:nowrap}.dice-machine .dice-tray{position:relative;z-index:2;width:190px;height:116px;display:block;perspective:800px}.dice-machine .die{position:absolute;top:34px;width:56px;height:56px;padding:7px;border-radius:9px;border:1px solid #c4b996;background:linear-gradient(145deg,#fffdf3,#d9d1b8);box-shadow:inset -5px -6px 8px #8e856966,inset 4px 4px 7px #fff,0 8px 10px #000a;backface-visibility:hidden}.dice-machine .die-0{left:21px;animation:machine-die-left 1.42s cubic-bezier(.16,.7,.2,1) .05s both}.dice-machine .die-1{right:21px;animation:machine-die-right 1.42s cubic-bezier(.16,.7,.2,1) .12s both}.dice-machine .die i{width:8px;height:8px}@keyframes machine-die-left{0%{opacity:.2;transform:translate(62px,-100px) rotateX(720deg) rotateY(-630deg) rotate(260deg) scale(.72)}35%{opacity:1;transform:translate(-20px,13px) rotateX(415deg) rotateY(-370deg) rotate(138deg)}56%{transform:translate(35px,-20px) rotateX(220deg) rotateY(-160deg) rotate(68deg)}74%{transform:translate(-7px,8px) rotateX(86deg) rotateY(-52deg) rotate(24deg)}88%{transform:translate(4px,-4px) rotateX(22deg) rotateY(-12deg) rotate(5deg)}to{opacity:1;transform:none}}@keyframes machine-die-right{0%{opacity:.2;transform:translate(-70px,-105px) rotateX(-680deg) rotateY(740deg) rotate(-290deg) scale(.72)}34%{opacity:1;transform:translate(24px,8px) rotateX(-390deg) rotateY(430deg) rotate(-146deg)}55%{transform:translate(-31px,-18px) rotateX(-205deg) rotateY(185deg) rotate(-72deg)}73%{transform:translate(9px,9px) rotateX(-75deg) rotateY(61deg) rotate(-25deg)}88%{transform:translate(-4px,-3px) rotateX(-18deg) rotateY(13deg) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes machine-light{50%{opacity:.35}}.table-event>div{display:grid;place-items:center;text-align:center}.table-event>div>strong{margin-top:8px;padding:4px 10px;border-radius:13px;background:#0b281fde;color:#ffe3a0;font-size:12px}.table-event>div>span{margin-top:4px;padding:4px 9px;border-radius:10px;background:#071c16e8;color:#fff2cf;font-size:10px;white-space:nowrap}@media(max-width:900px){.opponent-zone{gap:3px}.opponent-hand,.opponent-melds{gap:1px}.opponent-zone img,.opponent-hand.concealed img{flex-basis:15px;width:15px;height:24px;margin:0}.opponent-melds img{flex-basis:16px;width:16px;height:23px;margin:0}.my-hand{--hand-tile-width:min(42px,6.7vw,calc((100vw - 32px)/14.5));max-width:calc(100% - 8px)}.my-melds{gap:3px}.my-melds>div{gap:1px}.my-melds img{flex-basis:27px}.deal-effect img{flex-basis:min(29px,6.4vw);width:min(29px,6.4vw);margin:0}.deal-effect>.deal-table{width:91vw;height:min(60vh,450px)}.deal-seat{gap:2px}.deal-packet{gap:0!important}.deal-packet img{flex-basis:min(20px,4.6vw);width:min(20px,4.6vw)}.dice-machine{width:220px;height:166px}.dice-machine .dice-tray{width:162px;height:96px}.dice-machine .die{top:27px;width:47px;height:47px;padding:6px}.dice-machine .die-0{left:18px}.dice-machine .die-1{right:18px}.dice-machine .die i{width:7px;height:7px}.dice-machine:after{width:38px;height:38px;font-size:18px}.dice-machine>small{bottom:13px}}@media(max-width:600px)and (orientation:portrait){.my-hand{--hand-tile-width:min(39px,6.7vw,calc((100vw - 30px)/14.5))}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.opponent-zone{gap:2px}.opponent-zone img,.opponent-hand.concealed img{flex-basis:12px;width:12px;height:20px;margin:0}.opponent-melds img{flex-basis:13px;width:13px;height:19px;margin:0}.table-center{top:47%;height:70px}.table-compass{top:47%}.wall-top{top:55px}.discard-seat-2{top:80px;bottom:auto}.table-player.seat-0{left:75%;bottom:61px}.my-melds{left:max(4px,env(safe-area-inset-left));bottom:max(1px,env(safe-area-inset-bottom))}.my-hand{--hand-tile-width:min(43px,11.5vh,calc((82vw - 36px)/14.5));max-width:82%}.my-melds img{flex-basis:20px}.deal-effect img{flex-basis:min(25px,6vh);width:min(25px,6vh);margin:0}.deal-effect>.deal-table{width:84vw;height:61vh}.deal-packet img{flex-basis:min(17px,4.2vh);width:min(17px,4.2vh)}.dice-machine{width:172px;height:128px;border-width:2px}.dice-machine:before{inset:10px}.dice-machine .dice-tray{width:130px;height:73px}.dice-machine .die{top:18px;width:39px;height:39px;padding:5px}.dice-machine .die-0{left:13px}.dice-machine .die-1{right:13px}.dice-machine .die i{width:6px;height:6px}.dice-machine:after{width:31px;height:31px;font-size:14px}.dice-machine>small{bottom:8px;font-size:5px}.machine-status-light{right:23px;bottom:18px;width:6px;height:6px}}.table-player.open-ready{border-color:#ffdc72;box-shadow:0 0 0 2px #d79f2d,0 0 24px #ffd75b88;background:linear-gradient(145deg,#532819ed,#17382dea)}.open-ready-status{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px;padding:4px 7px;border:1px solid #fff0a5;border-radius:9px;background:linear-gradient(145deg,#db392d,#8d1815);color:#fff5c7;box-shadow:0 3px 10px #0008,0 0 12px #ffcd5977;text-decoration:none;white-space:nowrap;animation:open-ready-glow 1.4s ease-in-out infinite alternate}.open-ready-status b{font-size:11px;letter-spacing:.08em}.open-ready-status small{font-size:7px;color:#ffe6a4}.opponent-hand.declared{position:relative;padding:3px;border:1px solid #f2ca63;border-radius:5px;background:#2b1715b8;box-shadow:0 0 12px #ffc94c55}.open-hand-label{position:absolute;left:50%;top:-15px;transform:translate(-50%);padding:2px 5px;border-radius:7px;background:#ad2822;color:#fff0af;font-size:7px;font-weight:900;white-space:nowrap}@keyframes open-ready-glow{to{filter:brightness(1.16);box-shadow:0 3px 10px #0008,0 0 20px #ffd86caa}}.open-ready-picker{position:absolute;z-index:55;inset:0;display:grid;place-items:center;padding:12px;background:#02100bbd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.open-ready-picker>section{width:min(760px,94vw);max-height:min(86dvh,650px);overflow:auto;padding:18px;border:2px solid #e9c76e;border-radius:18px;background:linear-gradient(145deg,#173c2e,#0a2119);box-shadow:0 24px 70px #000c,inset 0 0 35px #ffffff08;color:#f8efd8}.open-ready-picker header{display:flex;justify-content:space-between;align-items:start;gap:12px}.open-ready-picker header div{display:grid;gap:3px}.open-ready-picker header small{color:#d4ad54;font-size:8px;letter-spacing:.22em}.open-ready-picker header strong{font-size:22px}.open-ready-picker header p{margin:2px 0 0;color:#afc1b8;font-size:11px}.open-ready-picker header>button{width:31px;height:31px;border:1px solid #ffffff2b;border-radius:50%;background:#ffffff0d;color:#fff;font-size:20px}.open-ready-candidates{display:flex;gap:8px;margin-top:15px;padding:10px;overflow-x:auto;border-radius:11px;background:#061b14}.open-ready-candidates>button{flex:0 0 auto;display:grid;grid-template-columns:39px auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;min-width:118px;padding:6px 9px;border:1px solid #ffffff20;border-radius:10px;background:#16392c;color:#f8ecd0;text-align:left}.open-ready-candidates>button.selected{border-color:#ffe594;background:#75431e;box-shadow:0 0 0 2px #d7ad4e,0 0 15px #efbd4c66}.open-ready-candidates img{grid-row:1/3;width:39px;height:53px;object-fit:contain}.open-ready-candidates span{font-size:11px;font-weight:900}.open-ready-candidates small{color:#d5c08a;font-size:8px}.open-ready-preview{margin-top:13px;padding:10px;border:1px solid #d7b45d66;border-radius:11px;background:#0b281f}.open-ready-preview>strong{display:block;margin-bottom:7px;color:#e4c36f;font-size:10px}.open-ready-preview>div{display:flex;gap:2px;overflow-x:auto}.open-ready-preview img{flex:0 0 36px;width:36px;height:49px;object-fit:contain}.open-ready-preview p{margin:7px 0 0;color:#c5d2cc;font-size:10px}.open-ready-preview p b{color:#ffe18d}.open-ready-picker footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.open-ready-picker footer button{min-width:100px;height:39px;border-radius:10px;font-weight:900}.open-ready-picker .confirm-open-ready{border:1px solid #ffe6a0;background:linear-gradient(145deg,#edc866,#aa681f);color:#193629}.open-ready-picker .confirm-open-ready:disabled{filter:grayscale(1);opacity:.48}.game-actions .choose-open-ready{border-color:#ffe89a;background:linear-gradient(145deg,#d93b30,#8e1a17);color:#fff1b8;box-shadow:0 0 14px #ffcf5966}.replay-video-seat.open-ready>header mark{padding:2px 5px;border:1px solid #f4d57e;border-radius:7px;background:#a32620;color:#fff1b1;font-size:7px;font-weight:900;text-decoration:none;white-space:nowrap}.replay-video-seat.open-ready .video-open-hand{padding:2px;border:1px solid #e9c760;border-radius:4px;background:#351b16a6;box-shadow:0 0 9px #f2c85455}@media(max-width:900px){.open-ready-status{padding:3px 5px}.open-ready-status b{font-size:9px}.open-ready-status small{font-size:6px}.open-ready-picker>section{padding:12px}.open-ready-picker header strong{font-size:17px}.open-ready-preview img{flex-basis:27px;width:27px;height:37px}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.open-ready-picker>section{max-height:94dvh;padding:9px 12px}.open-ready-picker header p{font-size:8px}.open-ready-candidates{margin-top:7px;padding:6px}.open-ready-candidates>button{grid-template-columns:28px auto;min-width:98px;padding:3px 6px}.open-ready-candidates img{width:28px;height:38px}.open-ready-preview{margin-top:7px;padding:6px}.open-ready-preview img{flex-basis:23px;width:23px;height:31px}.open-ready-picker footer{margin-top:7px}.open-ready-picker footer button{height:31px}}.fatal-recovery{position:fixed;z-index:9999;left:50%;top:50%;width:min(390px,calc(100vw - 32px));display:grid;gap:10px;transform:translate(-50%,-50%);padding:24px;border:1px solid #e3c36f;border-radius:16px;background:#102d23f5;box-shadow:0 24px 80px #000c;color:#f7efd9;text-align:center}.fatal-recovery strong{font-size:20px}.fatal-recovery span{color:#b7c7bf;font-size:12px;line-height:1.6}.fatal-recovery button{height:42px;margin-top:5px;border:1px solid #ffe19a;border-radius:9px;background:#c99d47;color:#173529;font-weight:900}.mahjong-table .my-hand{--hand-tile-width:min(62px,4.7vw,calc((92vw - 90px)/14.5));--hand-gap:clamp(4px,.32vw,7px);display:grid;grid-auto-flow:column;grid-auto-columns:var(--hand-tile-width);align-items:end;column-gap:var(--hand-gap);width:max-content;max-width:calc(100% - 24px);overflow:visible}.mahjong-table .my-hand .hand-tile{position:relative;display:block;width:var(--hand-tile-width);min-width:var(--hand-tile-width);max-width:var(--hand-tile-width);margin:0!important;flex:none}.mahjong-table .my-hand .hand-tile.drawn{margin-left:clamp(8px,.7vw,14px)!important}.mahjong-table .my-hand .hand-tile>button{display:block;width:100%!important;min-width:100%;max-width:100%;margin:0!important;padding:0;border:0;background:transparent;overflow:visible}.mahjong-table .my-hand .hand-tile img{display:block;width:100%;height:auto;margin:0!important;object-fit:contain;filter:drop-shadow(0 4px 2px #00150ea8)}.mahjong-table .opponent-hand,.mahjong-table .opponent-melds{display:flex!important;align-items:flex-end;justify-content:center;gap:3px!important;overflow:visible}.mahjong-table .opponent-zone{gap:8px!important}.mahjong-table .opponent-zone img,.mahjong-table .opponent-hand.concealed img,.mahjong-table .opponent-melds img{flex:0 0 24px;width:24px;height:33px;margin:0!important;object-fit:contain;filter:drop-shadow(0 2px 1px #00150eaa)}.mahjong-table .opponent-melds{padding-left:6px;border-left:1px solid #e2c16d88}@media(max-width:900px){.mahjong-table .my-hand{--hand-tile-width:min(40px,6.45vw,calc((100vw - 58px)/14.5));--hand-gap:2px;max-width:calc(100% - 8px)}.mahjong-table .my-hand .hand-tile.drawn{margin-left:4px!important}.mahjong-table .opponent-hand,.mahjong-table .opponent-melds{gap:2px!important}.mahjong-table .opponent-zone{gap:4px!important}.mahjong-table .opponent-zone img,.mahjong-table .opponent-hand.concealed img,.mahjong-table .opponent-melds img{flex-basis:15px;width:15px;height:23px;margin:0!important}.mahjong-table .opponent-melds{padding-left:3px}}@media(max-width:600px)and (orientation:portrait){.mahjong-table .my-hand{--hand-tile-width:min(38px,6.4vw,calc((100vw - 52px)/14.5));--hand-gap:2px}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.mahjong-table .my-hand{--hand-tile-width:min(41px,10.8vh,calc((80vw - 54px)/14.5));--hand-gap:2px;max-width:80%}.mahjong-table .opponent-hand,.mahjong-table .opponent-melds{gap:1px!important}.mahjong-table .opponent-zone img,.mahjong-table .opponent-hand.concealed img,.mahjong-table .opponent-melds img{flex-basis:12px;width:12px;height:19px;margin:0!important}}.round-finished{z-index:50;box-sizing:border-box;padding:clamp(16px,4vh,42px) 14px;overflow:auto;background:radial-gradient(circle at 50% 38%,#214b38e8 0,#07170ff5 58%,#030b08fa);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.round-finished>.settlement-kicker{color:#d7b75f;font-size:10px;font-weight:900;letter-spacing:.28em}.round-finished h2{margin:5px 0 0;color:#fff1c8;font-size:clamp(28px,5vh,48px);text-shadow:0 4px 18px #000}.round-finished>p{margin:4px 0 15px;color:#9fb5a9;font-size:12px}.round-finished>.settlement-board{display:grid;width:min(720px,94vw);gap:5px;padding:8px;border:1px solid #d8b45c80;border-radius:16px;background:#071a13e8;box-shadow:0 20px 55px #000a,inset 0 1px #ffffff12}.settlement-head,.settlement-row{display:grid;grid-template-columns:minmax(150px,1.7fr) minmax(72px,.65fr) minmax(72px,.65fr) minmax(145px,1.3fr);align-items:center;column-gap:9px}.settlement-head{padding:3px 14px 5px;color:#819b8d;font-size:9px;font-weight:800;letter-spacing:.13em;text-align:center}.settlement-head span:first-child,.settlement-head span:last-child{text-align:left}.settlement-row{min-height:62px;padding:6px 14px;border:1px solid #ffffff0d;border-radius:11px;background:linear-gradient(100deg,#163329e8,#0d241be8);color:#eef2e9}.settlement-row.gain{border-color:#d9b45355;background:linear-gradient(100deg,#254532,#12291f)}.settlement-row.loss{background:linear-gradient(100deg,#302821,#14241d)}.settlement-player{display:flex;align-items:center;gap:9px;min-width:0}.settlement-player>b{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;border:1px solid #d6b35d;border-radius:50%;background:#caa44f;color:#173426;font-size:17px;box-shadow:inset 0 1px #fff7b8,0 3px 7px #0007}.settlement-player>span{display:flex;align-items:center;gap:6px;min-width:0}.settlement-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.settlement-player small{padding:2px 5px;border-radius:6px;background:#8e2c24;color:#ffe7ae;font-size:8px;white-space:nowrap}.settlement-round-score,.settlement-total-score{text-align:center;font-variant-numeric:tabular-nums}.settlement-round-score{font-size:24px}.settlement-total-score{color:#e7c775;font-size:21px}.settlement-row.gain .settlement-round-score{color:#ffd56e}.settlement-row.loss .settlement-round-score{color:#d9a49a}.settlement-result{overflow:hidden;color:#a9bbb1;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.settlement-row.gain .settlement-result{color:#e9cf8a}.round-finished>.settlement-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:15px}.round-finished>.settlement-actions button{min-width:116px;padding:11px 20px;border:1px solid #e5c875;border-radius:9px;background:linear-gradient(145deg,#e0be63,#a97728);box-shadow:0 6px 16px #0007;color:#10291e;cursor:pointer}.round-finished>.settlement-actions button:first-child{border-color:#fff3;background:#17372b;color:#eee4cb}@media(max-width:600px){.round-finished{justify-content:flex-start;padding-top:max(18px,env(safe-area-inset-top))}.round-finished h2{font-size:28px}.round-finished>p{margin-bottom:9px}.round-finished>.settlement-board{width:min(94vw,430px);padding:6px}.settlement-head{display:none}.settlement-row{grid-template-columns:minmax(120px,1fr) 68px 72px;grid-template-rows:auto auto;min-height:65px;padding:7px 9px;column-gap:5px}.settlement-player{grid-row:1/3}.settlement-round-score:before{content:"本局 ";display:block;color:#82978c;font-size:7px}.settlement-total-score:before{content:"累计 ";display:block;color:#82978c;font-size:7px}.settlement-round-score{font-size:20px}.settlement-total-score{font-size:18px}.settlement-result{grid-column:2/4;text-align:center;font-size:9px}.round-finished>.settlement-actions{margin-top:10px}.round-finished>.settlement-actions button{min-width:100px;padding:9px 12px}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.round-finished{padding:8px 12px}.round-finished>.settlement-kicker{font-size:7px}.round-finished h2{font-size:22px}.round-finished>p{margin:1px 0 6px;font-size:8px}.round-finished>.settlement-board{width:min(640px,88vw);gap:3px;padding:5px}.settlement-row{min-height:39px;padding:3px 10px}.settlement-player>b{width:27px;height:27px;flex-basis:27px;font-size:13px}.settlement-player strong{font-size:11px}.settlement-round-score{font-size:18px}.settlement-total-score{font-size:16px}.settlement-result{font-size:9px}.round-finished>.settlement-actions{margin-top:6px}.round-finished>.settlement-actions button{min-width:95px;padding:7px 12px}}.table-event.open_ready{z-index:48;background:radial-gradient(circle,#ffd45a6e 0 12%,#b3322640 27%,transparent 58%);animation:open-ready-scene var(--event-duration,2.8s) ease both}.table-event.open_ready>div{position:relative;isolation:isolate}.table-event.open_ready .open-ready-rays{position:absolute;z-index:-1;left:50%;top:50%;width:270px;height:270px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe98b00 0 8deg,#ffe98b8f 9deg 12deg,#ffe98b00 13deg 23deg);animation:open-ready-rays var(--event-duration,2.8s) cubic-bezier(.2,.8,.2,1) both}.table-event.open_ready b{width:142px;height:142px;border:7px double #fff0a1;background:radial-gradient(circle at 38% 28%,#fa6b43,#b71e19 55%,#6e0e12);color:#fff3ac;font-size:68px;box-shadow:0 0 0 7px #8b241cc7,0 0 72px #ffd85fc7;text-shadow:0 4px 0 #741610;animation:open-ready-mark var(--event-duration,2.8s) cubic-bezier(.16,.85,.22,1) both}.table-event.open_ready>div>strong{margin-top:13px;border:1px solid #ffe594;background:#9d211ee8;color:#fff1b2;font-size:17px;box-shadow:0 5px 20px #0008}.table-event.open_ready>div>span{max-width:min(82vw,590px);padding:7px 14px;border:1px solid #e5c36d77;background:#081d16f2;color:#fff4d5;font-size:13px;font-weight:800}@keyframes open-ready-scene{0%{opacity:0}10%,82%{opacity:1}to{opacity:0}}@keyframes open-ready-rays{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(-35deg)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(4deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.42) rotate(35deg)}}@keyframes open-ready-mark{0%{opacity:0;transform:scale(2.5) rotate(-16deg)}16%{opacity:1;transform:scale(.88) rotate(4deg)}25%{transform:scale(1.08) rotate(-2deg)}34%,80%{transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@media(max-width:600px){.table-event.open_ready b{width:105px;height:105px;border-width:5px;font-size:50px}.table-event.open_ready .open-ready-rays{width:205px;height:205px}.table-event.open_ready>div>strong{font-size:14px}.table-event.open_ready>div>span{max-width:88vw;padding:6px 9px;font-size:10px;white-space:normal}}.table-event.hu{z-index:49;background:radial-gradient(circle,#ffe46b70 0 13%,#8e241b4f 31%,#04110a82 62%);animation:hu-scene var(--event-duration,3.3s) ease both}.table-event.hu>div{position:relative;isolation:isolate;display:grid;grid-template-columns:auto auto;place-items:center;column-gap:12px}.table-event.hu .open-ready-rays{position:absolute;z-index:-1;left:50%;top:45%;width:285px;height:285px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(#ffef9a00 0 9deg,#ffdb5fa3 10deg 13deg,#ffef9a00 14deg 25deg);animation:hu-rays var(--event-duration,3.3s) ease-out both}.table-event.hu b{grid-column:1;width:126px;height:126px;border:7px double #fff1a6;background:radial-gradient(circle at 36% 28%,#f25b35,#a71917 58%,#5e0d12);color:#fff0a4;font-size:62px;box-shadow:0 0 0 7px #7e1d18c7,0 0 75px #ffd75dcc;text-shadow:0 4px #6d1511;animation:hu-mark var(--event-duration,3.3s) cubic-bezier(.18,.82,.2,1) both}.table-event.hu .event-winning-tile{grid-column:2;width:82px;height:auto;filter:drop-shadow(0 9px 8px #000a);animation:winning-tile-reveal var(--event-duration,3.3s) cubic-bezier(.18,.82,.2,1) both}.table-event.hu>div>strong,.table-event.hu>div>span{grid-column:1/3}.table-event.hu>div>strong{margin-top:12px;border:1px solid #ffe18b;background:#8c211be8;color:#fff1bd;font-size:17px}.table-event.hu>div>span{max-width:min(86vw,650px);padding:7px 14px;border:1px solid #dec06a80;background:#071d15f2;color:#fff5d9;font-size:13px;font-weight:900}.ceremony-wait{position:absolute;z-index:46;left:50%;top:54%;display:flex;align-items:center;gap:7px;transform:translate(-50%,-50%);padding:8px 13px;border:1px solid #d9ba68;border-radius:20px;background:#0a251ced;box-shadow:0 6px 20px #0009;color:#f4e7c4}.ceremony-wait i{width:8px;height:8px;border-radius:50%;background:#f1c45d;box-shadow:0 0 10px #f1c45d;animation:ceremony-pulse .7s ease-in-out infinite alternate}.ceremony-wait strong{font-size:11px}.ceremony-wait span{color:#aebfb5;font-size:9px}@keyframes hu-scene{0%{opacity:0}8%,86%{opacity:1}to{opacity:0}}@keyframes hu-rays{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(-30deg)}20%,70%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(12deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.38) rotate(38deg)}}@keyframes hu-mark{0%{opacity:0;transform:scale(2.8) rotate(-18deg)}15%{opacity:1;transform:scale(.86) rotate(4deg)}24%{transform:scale(1.08) rotate(-2deg)}32%,86%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes winning-tile-reveal{0%,9%{opacity:0;transform:translate(65px) rotate(14deg) scale(.5)}23%,86%{opacity:1;transform:none}to{opacity:0;transform:scale(1.12)}}@keyframes ceremony-pulse{to{opacity:.35;transform:scale(.72)}}@media(max-width:600px){.table-event.hu b{width:94px;height:94px;font-size:47px}.table-event.hu .event-winning-tile{width:61px}.table-event.hu .open-ready-rays{width:215px;height:215px}.table-event.hu>div>strong{font-size:14px}.table-event.hu>div>span{max-width:90vw;padding:6px 9px;font-size:10px;white-space:normal}.ceremony-wait{top:58%;white-space:nowrap}}.mahjong-table .table-player.turn:before{content:"➤";position:absolute;z-index:12;width:31px;height:31px;display:grid;place-items:center;color:#ffe074;font-size:29px;line-height:1;filter:drop-shadow(0 0 3px #8c4f08) drop-shadow(0 0 9px #ffd45b);pointer-events:none;animation:turn-arrow-pulse .52s ease-in-out infinite alternate}.mahjong-table .table-player.seat-0.turn:before{left:50%;top:-40px;transform:translate(-50%) rotate(90deg)}.mahjong-table .table-player.seat-1.turn:before{left:-40px;top:50%;transform:translateY(-50%)}.mahjong-table .table-player.seat-2.turn:before{left:50%;bottom:-40px;transform:translate(-50%) rotate(-90deg)}.mahjong-table .table-player.seat-3.turn:before{right:-40px;top:50%;transform:translateY(-50%) rotate(180deg)}@keyframes turn-arrow-pulse{0%{opacity:.56;scale:.82}to{opacity:1;scale:1.16}}@media(max-width:900px){.mahjong-table .table-player.turn:before{width:24px;height:24px;font-size:23px}.mahjong-table .table-player.seat-0.turn:before{top:-31px}.mahjong-table .table-player.seat-1.turn:before{left:-31px}.mahjong-table .table-player.seat-2.turn:before{bottom:-31px}.mahjong-table .table-player.seat-3.turn:before{right:-31px}}@media(min-width:1001px){.mahjong-table .wall-right{right:clamp(260px,16vw,410px)}.mahjong-table .wall-left{left:clamp(260px,16vw,410px)}.mahjong-table .table-player.seat-1 .opponent-zone{right:calc(100% - clamp(24px,2vw,42px))}.mahjong-table .table-player.seat-3 .opponent-zone{left:calc(100% - clamp(24px,2vw,42px))}}.game-actions .automatic-hu:disabled{width:auto;min-width:88px;padding:0 14px;border-color:#ffe18a;background:linear-gradient(145deg,#d63b2c,#8d1715);box-shadow:0 0 22px #ffd75b66;color:#fff0b2;opacity:1}.mahjong-table .opponent-hand .concealed-tiles,.mahjong-table .opponent-hand .open-ready-tiles{display:flex;align-items:flex-end;gap:3px}.mahjong-table .opponent-hand .open-ready-tiles{margin-left:7px;padding-left:7px;border-left:2px solid #efcc72;filter:drop-shadow(0 0 5px #ffd46766)}@media(max-width:900px){.mahjong-table .opponent-hand .concealed-tiles,.mahjong-table .opponent-hand .open-ready-tiles{gap:2px}.mahjong-table .opponent-hand .open-ready-tiles{margin-left:4px;padding-left:4px}}.commercial-lobby{position:relative;min-height:calc(100dvh - 82px);padding:clamp(34px,5vw,76px) clamp(20px,6.5vw,108px) 80px;overflow:hidden;background:radial-gradient(circle at 78% 7%,#b88d3c21,transparent 28%),radial-gradient(circle at 7% 28%,#2d8a6230,transparent 27%),linear-gradient(145deg,#06150f,#0a2118 52%,#07160f)}.commercial-lobby:before{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:linear-gradient(30deg,#ffffff09 12%,transparent 12.5%,transparent 87%,#ffffff09 87.5%),linear-gradient(150deg,#ffffff09 12%,transparent 12.5%,transparent 87%,#ffffff09 87.5%);background-size:44px 76px}.commercial-lobby>*{position:relative;z-index:1}.lobby-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:clamp(24px,6vw,90px);align-items:center;max-width:1500px;margin:0 auto;padding:clamp(24px,4vw,54px) 0 clamp(38px,5vw,72px);border-bottom:1px solid #d4b76538}.lobby-hero-copy{max-width:760px}.lobby-season{display:flex;align-items:center;gap:9px;margin:0 0 19px;color:#d7c08a;font-size:11px;font-weight:800;letter-spacing:.2em}.lobby-season i{width:7px;height:7px;border-radius:50%;background:#e1bc61;box-shadow:0 0 13px #e1bc61}.lobby-hero h1{margin:0;color:#f7f0dd;font:700 clamp(42px,5.6vw,82px)/1.06 Georgia,"Noto Serif SC",serif;letter-spacing:-.055em}.lobby-hero h1 em{color:#d7ad59;font-style:normal;text-shadow:0 8px 32px #d7ad5925}.lobby-hero-copy>p:not(.lobby-season){max-width:610px;margin:24px 0 0;color:#9caea4;font-size:13px;line-height:1.9;letter-spacing:.035em}.lobby-trust{display:flex;flex-wrap:wrap;gap:9px 26px;margin-top:30px}.lobby-trust span{display:flex;align-items:baseline;gap:5px;color:#83978c;font-size:10px}.lobby-trust b{color:#f1d58f;font-size:15px}.private-join-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:17px;padding:27px;border:1px solid #e0bf6d59;border-radius:19px;background:linear-gradient(145deg,#173a2ccf,#0a2018ed);box-shadow:0 25px 55px #0006,inset 0 1px #ffffff10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.private-join-card:after{content:"";position:absolute;right:18px;top:18px;width:8px;height:8px;border-radius:50%;background:#69d38e;box-shadow:0 0 10px #69d38e}.private-icon{width:58px;height:66px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#fffaf0,#d9ceb2);box-shadow:0 7px #a97936,0 14px 22px #0006;color:#a72c25;font:800 27px Georgia,serif}.private-join-card>div{display:grid;align-content:center}.private-join-card small{color:#a98e56;font-size:8px;letter-spacing:.19em}.private-join-card strong{margin-top:5px;color:#fff2d2;font-size:18px}.private-join-card p{margin:5px 0 0;color:#7f978b;font-size:10px}.private-join-card label{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;margin-top:8px;padding:5px;border:1px solid #ffffff17;border-radius:11px;background:#04130e}.private-join-card input{min-width:0;height:46px;padding:0 14px;border:0;outline:0;background:transparent;color:#f8ecd0;font-size:21px;font-weight:800;letter-spacing:.22em}.private-join-card input::placeholder{color:#617269}.private-join-card button{padding:0 19px;border:0;border-radius:8px;background:linear-gradient(145deg,#e0ba67,#b78335);color:#10281e;font-size:11px;font-weight:900}.private-join-card button b{margin-left:7px;font-size:17px}.game-gallery-head{display:flex;justify-content:space-between;align-items:end;max-width:1500px;margin:42px auto 0}.game-gallery-head h2{margin:0;color:#f4ecd9;font:700 clamp(25px,2.4vw,34px) Georgia,"Noto Serif SC",serif}.game-gallery-head>span{color:#788e82;font-size:10px}.game-gallery-head .eyebrow{margin-bottom:9px}.premium-games{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1500px;margin:22px auto 0}.premium-games article{min-height:290px;padding:0;border:1px solid #ffffff13;border-radius:15px;background:linear-gradient(150deg,#15382a,#0b241a);box-shadow:0 14px 35px #0003;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.premium-games article:hover{transform:translateY(-5px);border-color:#dab86066;box-shadow:0 23px 48px #0006}.premium-games article.featured{border-color:#d5ae5252}.premium-games .game-card-art{position:relative;height:112px;overflow:hidden;border-bottom:1px solid #ffffff0d;background:radial-gradient(circle at 73% 31%,#e3bd5c2b,transparent 30%),linear-gradient(120deg,#0b281d,#1c4b37)}.premium-games .game-card-art:before{content:"萬 筒 條";position:absolute;left:25px;bottom:-11px;color:#ffffff07;font:800 45px Georgia,serif;letter-spacing:.12em}.premium-games .game-card-art i{position:absolute;left:25px;top:24px;width:55px;height:2px;background:#d4ab52;box-shadow:18px 8px #d4ab5270}.premium-games .game-card-art img{position:absolute;z-index:2;right:27px;top:11px;width:76px;height:96px;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 13px 8px #0007)}.premium-games .game-card-art>span{position:absolute;left:25px;top:48px;max-width:none;padding:5px 9px;border:1px solid #d6b05c52;border-radius:15px;background:#06150fab;color:#d8bd80;font-size:8px;font-weight:900;letter-spacing:.12em}.premium-games .game-card-copy{display:block;padding:22px 25px 16px}.premium-games .game-card-copy p{display:flex;align-items:center;gap:7px;margin:0;color:#b99b5f;font-size:8px;letter-spacing:.16em}.premium-games .game-card-copy p b{padding:3px 6px;border-radius:8px;background:#a82d26;color:#ffe8ae;font-size:7px;letter-spacing:0}.premium-games .game-card-copy h3{margin:8px 0 9px;color:#fff2d8;font:700 23px Georgia,"Noto Serif SC",serif}.premium-games .game-card-copy>span{display:block;max-width:none;min-height:38px;color:#8fa299;font-size:10px;line-height:1.75}.premium-games .game-entry-actions{grid-template-columns:1.25fr 1fr;gap:7px;margin:0;padding:0 25px 23px}.premium-games .game-entry-actions button{height:41px;padding:0 13px;border:1px solid #ffffff1d;border-radius:8px;color:#d5c8a9;font-size:10px;text-align:center}.premium-games .game-entry-actions .quick-match{display:flex;align-items:center;justify-content:space-between;border-color:#d3ac55;background:linear-gradient(145deg,#dfbb68,#b88336);color:#10281e}.premium-games .quick-match span{color:inherit;font-size:10px}.premium-games .quick-match b{color:#173525;font-size:17px}.premium-matches{max-width:1500px;margin:48px auto 0;padding-top:30px;border-top-color:#d4b76530}.premium-matches>header{display:flex;justify-content:space-between;align-items:end}.premium-matches>header h2{color:#f0e8d5}.premium-matches>header>span{color:#74897e;font-size:9px}.premium-matches article{border-radius:10px;background:#0d281dea;border-color:#ffffff12}.premium-matches article button{border-radius:7px}.table-player.declared-ready{border-color:#79bde8;box-shadow:0 0 0 2px #397fa7,0 0 22px #58bfff55;background:linear-gradient(145deg,#123f4aed,#17382dea)}.declared-ready-status{border-color:#bce8ff;background:linear-gradient(145deg,#2787b8,#145272);box-shadow:0 3px 10px #0008,0 0 12px #68c9ff77;animation:none}.game-actions .declare-ready-action{width:auto;min-width:72px;padding:0 12px;border-color:#c9efff;background:linear-gradient(145deg,#3ca8d0,#17688c);color:#f2fcff}.game-actions .declare-ready-action small{display:block;font-size:7px}.event-result-tiles{grid-column:2;display:flex;align-items:flex-end;gap:10px}.table-event.hu .event-result-tiles .event-winning-tile{grid-column:auto}.event-result-tiles>span{display:grid;justify-items:center;gap:3px}.event-result-tiles>span small{padding:2px 7px;border-radius:8px;background:#d3a443;color:#173428;font-size:8px;font-weight:900}.table-event.hu .horse-tile{width:66px}.table-event.declare_ready{z-index:49;background:radial-gradient(circle,#6cd6ff52 0,#19577449 30%,#04110a82 65%)}.table-event.declare_ready b{width:118px;height:118px;border:6px double #d9f5ff;background:radial-gradient(circle at 35% 28%,#43b8dc,#176f94 58%,#0b3f59);box-shadow:0 0 0 7px #1c7097b5,0 0 70px #57c9ff8f;color:#effcff;font-size:54px}@media(max-width:1050px){.premium-games{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-hero{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:30px}}@media(max-width:720px){.commercial-lobby{min-height:calc(100dvh - 64px);padding:24px 14px 55px}.lobby-hero{grid-template-columns:1fr;padding-top:10px}.lobby-hero h1{font-size:43px}.lobby-hero-copy>p:not(.lobby-season){font-size:11px;margin-top:17px}.lobby-trust{margin-top:20px}.private-join-card{padding:19px}.game-gallery-head{align-items:start;margin-top:30px}.game-gallery-head>span{max-width:135px;text-align:right;line-height:1.5}.premium-games{grid-template-columns:1fr;gap:12px;margin-top:17px}.premium-games article{min-height:250px}.premium-games .game-card-art{height:93px}.premium-games .game-card-art img{top:7px;width:64px;height:80px}.premium-games .game-card-copy{padding:17px 19px 12px}.premium-games .game-card-copy>span{min-height:0}.premium-games .game-entry-actions{padding:0 19px 18px}.premium-matches>header>span{display:none}.premium-matches>div{grid-template-columns:1fr}.table-event.hu .horse-tile{width:51px}.event-result-tiles{gap:6px}.table-event.declare_ready b{width:92px;height:92px;font-size:42px}}@media(max-width:390px){.lobby-hero h1{font-size:37px}.lobby-trust{gap:7px 15px}.private-join-card{grid-template-columns:48px 1fr}.private-icon{width:48px;height:57px;font-size:23px}.private-join-card input{font-size:18px;padding:0 8px}.private-join-card button{padding:0 12px}.game-gallery-head>span{display:none}}.mahjong-table .discard-rack{--river-w:24px;--river-h:32px;--river-gap:2px;width:calc(var(--river-w) * 6 + var(--river-gap) * 5 + 8px)}.mahjong-table .discard-rack>div{grid-template-columns:repeat(6,var(--river-w));grid-auto-rows:var(--river-h);gap:var(--river-gap);width:100%}.mahjong-table .discard-rack .river-tile,.mahjong-table .discard-rack .river-tile>img,.mahjong-table .discard-rack img{width:var(--river-w);height:var(--river-h)}@media(max-width:900px){.mahjong-table .discard-rack{--river-w:15px;--river-h:20px;--river-gap:1px}}@media(max-width:600px)and (orientation:portrait){.mahjong-table .discard-rack{--river-w:14px;--river-h:19px;--river-gap:1px}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.mahjong-table .discard-rack{--river-w:13px;--river-h:15px;--river-gap:1px;width:calc(var(--river-w) * 8 + var(--river-gap) * 7 + 8px)}.mahjong-table .discard-rack>div{grid-template-columns:repeat(8,var(--river-w))}}.replay-video-seat.declared-ready>header{padding:2px 7px;border-radius:9px;background:#123e4be8;box-shadow:0 0 0 1px #71cfff,0 0 13px #57c9ff55}.replay-video-seat.declared-ready>header mark{border-color:#a8e5ff;background:#17698b;color:#effcff}@media(min-width:901px){.mahjong-table .discard-seat-2{bottom:calc(55% + 66px)}}@media(max-width:1000px)and (max-height:600px)and (orientation:landscape){.mahjong-table .discard-seat-0{top:calc(43% + 42px)}}.brand-mark span,.brand-panel h1 em,.login-art:after,.tile-stack i,.mini-brand span,.foundation-mark,.table-compass i,.seat-wind,.opening-ceremony strong,.replay-players b,.replay-actor>b,.replay-video-center>strong,.win-tile-rack b,.dice-machine:after,.lobby-hero h1,.private-icon,.game-gallery-head h2,.premium-games .game-card-art:before,.premium-games .game-card-copy h3{font-family:WebGame CJK,serif}