:root{font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;color:#f7fbff;background:#387dcb;font-synthesis:none;--gold: #ffe79a;--muted: #d6e6fb;--line: #d8eaff36;--ink: #153f60;--display: "Microsoft YaHei", "PingFang SC", sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #e0efff55;background:#1e62a655;border-radius:7px;padding:11px 18px;transition:filter .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fff1aa;outline-offset:4px}input,select{min-height:44px;background:#f7fcff;border:1px solid #9ac7ea;border-radius:5px;padding:10px 14px;color:#183c5a;max-width:100%}select option{color:#183c5a;background:#fff}label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#eef7ff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(26px,3vw,42px);font-weight:800}h2{font-size:24px;font-weight:700}p{font-size:14px;line-height:1.8;color:var(--muted)}small{font-size:11px;color:var(--muted);line-height:1.65}.primary,.quick-start{background:linear-gradient(#fff695,#ffdf55 65%,#f3bb2a);color:#86421c;border:1px solid #fff0a1;box-shadow:inset 0 0 0 2px #efc84f,0 4px #c5912a,0 6px 12px #123f7040;font-weight:800}.primary{display:inline-flex;gap:24px;align-items:center;justify-content:center}.eyebrow{color:#fff0ae;display:block;font-size:12px;margin-bottom:12px;letter-spacing:1px}.gold,.positive{color:#ffe191}.negative{color:#bceaff}.error{color:#ffe5b5}.app{min-height:100dvh;display:flex;flex-direction:column}.loading{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.brand-mark{display:grid;place-items:center;width:46px;height:52px;border:2px solid #f4d26e;border-radius:5px;background:#fffceb;color:#b32037;font:700 32px KaiTi,serif;box-shadow:0 4px #28824c}.bean{display:inline-block;width:13px;height:19px;flex-shrink:0;border-radius:60% 45% 55% 40%;transform:rotate(-25deg);background:radial-gradient(circle at 30% 25%,#fff7ac,#ffdb40 55%,#e6a412);box-shadow:inset -1px -2px 1px #bd791c,1px 2px 1px #14436545}.avatar{width:66px;height:74px;display:inline-flex;position:relative;flex-shrink:0;border-radius:7px;background:linear-gradient(140deg,#dbaf61,#ffeeb3 18%,#bd7d34 50%,#fbe6a1);padding:4px;box-shadow:0 3px 5px #153a6555,inset 0 0 0 1px #fff3c7}.avatar:before{content:"";position:absolute;width:13px;height:13px;top:-6px;left:calc(50% - 7px);background:#c43b49;border:2px solid #f6d88d;transform:rotate(45deg);z-index:1}.avatar svg{width:100%;height:100%;border-radius:4px;background:#9bb4bd;fill:#344a60}.avatar .face{fill:#e9bd99}.avatar .eyes{fill:none;stroke:#4b3035;stroke-width:2;stroke-linecap:round}.avatar .hair{fill:#3b3034}.avatar-1 svg{background:#8fa2bd;fill:#465b7c}.avatar-2 svg{background:#d1a7a5;fill:#8c5664}.avatar-2 .hair{fill:#6c4335}.avatar-3 svg{background:#96b7a2;fill:#3f6d58}.avatar small{position:absolute;bottom:3px;right:4px;color:#fff2c6;font-size:9px;background:#243a4a9c;padding:0 4px;border-radius:2px}.avatar-small{width:42px;height:48px;padding:3px}.avatar-small:before{width:9px;height:9px;top:-4px;left:calc(50% - 5px)}.connection{position:fixed;top:0;left:42%;font-size:11px;background:#194c87ee;color:#fff2be;z-index:500;padding:4px 14px;border-radius:0 0 6px 6px}.connection[data-connected=true]{display:none}.error-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:900;background:#7f303c;border:1px solid #ffcc95;box-shadow:0 4px 20px #18365366;border-radius:7px;padding:11px 16px;font-size:13px;max-width:90%;display:flex;gap:20px;align-items:center}.error-banner button{border:0;padding:0 5px;font-size:22px;background:transparent}.notice{position:fixed;bottom:35px;left:50%;transform:translate(-50%);background:#fff2bf;color:#583b23;padding:12px 22px;z-index:950;border-radius:6px;font-size:13px;max-width:85%;word-break:break-all;box-shadow:0 4px 20px #18365366}.simple-page{background:#225a9c75;border:1px solid #b8ddff55;border-radius:8px;padding:28px 36px;width:min(780px,90%);margin:25px auto;flex:1}.simple-page h1{margin:8px 0 12px}.join-form{display:flex;flex-direction:column;gap:20px;max-width:390px}.create-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.room-code{font-size:32px;letter-spacing:10px}.modal{background:linear-gradient(150deg,#285c9d,#204d86);border:2px solid #f1d38c;box-shadow:0 14px 60px #102b5966}.modal h2{font-size:27px;font-weight:800;color:#fff5c7}.modal h3{color:#fff0ab}.modal p,.ledger-list p,.ledger-list ol{color:#dfedff}.setting{color:#edf7ff}.history-row{color:#eff7ff}.history-row small{color:#c5d9f5}.low-motion *{transition:none!important;animation:none!important}@media (max-height:500px){.simple-page{margin:8px auto;padding:16px 28px}.simple-page h1{font-size:26px;margin:3px 0 8px}.simple-page>.eyebrow{margin-bottom:6px;font-size:10px}.simple-page>p{font-size:11px;margin-bottom:10px}.create-form{gap:12px 20px;margin-top:10px}.create-form label,.join-form label{font-size:11px;gap:5px}.create-form input,.create-form select,.join-form input{min-height:35px;padding:7px 12px}.join-form{gap:12px}.room-code{font-size:24px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.tile{--tile-w: 50px;position:relative;display:inline-flex;justify-content:center;align-items:center;flex:0 0 var(--tile-w);width:var(--tile-w);height:calc(var(--tile-w) * 1.43);border:0;border-radius:6px;padding:calc(var(--tile-w)*.1) calc(var(--tile-w)*.16) calc(var(--tile-w)*.31) calc(var(--tile-w)*.08);isolation:isolate;background:transparent;box-shadow:1px 2px 1px #142b2666,3px 6px 5px #1d182b4d;vertical-align:middle;color:#192e20;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .13s ease,box-shadow .13s ease}.tile-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.tile-face{width:100%;height:100%;display:block;overflow:visible;pointer-events:none}.tile.small{--tile-w: 24px;border-radius:3px;box-shadow:1px 2px 2px #17262166}.tile[data-kind="-1"]{padding:calc(var(--tile-w)*.12) calc(var(--tile-w)*.1) calc(var(--tile-w)*.23)}.tile[data-kind="-1"] .tile-face{border-radius:4px}.tile:disabled{opacity:1;cursor:default}.tile:disabled:hover{filter:none}.tile.locked{background:linear-gradient(90deg,#e3e3cd,#f6f6e8)}.tile.locked .tile-face{opacity:.65}.tile.missing-suit-tile .tile-shell,.tile.missing-suit-tile .tile-face{filter:brightness(.7) saturate(.75)}.tile.selected{outline:2px solid #ffe06e;outline-offset:1px}.my-hand .tile.selected{transform:translateY(-13px);box-shadow:2px 8px 8px #20172c66}.my-hand .tile:hover:not(:disabled):not(.selected){transform:translateY(-3px)}.tile.drawn{margin-left:calc(var(--tile-w)*.4)}.wildcard-tag{position:absolute;z-index:2;right:6%;top:5%;background:#279e9b;color:#fff;font-size:clamp(8px,calc(var(--tile-w)*.23),18px);padding:1px 2px;border-radius:0 3px;line-height:1.1}.tile.small .wildcard-tag{font-size:6px;padding:1px}.recommendation-dot{z-index:3;position:absolute;top:-12px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#ffe36c;box-shadow:0 0 6px #ffd04cc0;pointer-events:none}.lock-mark{position:absolute;right:2px;bottom:3px;background:#82333ee6;color:#fff4d3;border-radius:2px;padding:2px;font-size:9px}.meld{display:inline-flex;gap:1px;margin-right:8px}.recommendation-diamond{top:-20px;left:calc(50% - 6px);width:12px;height:15px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#fffbc1,#ffe469 55%,#eba928);box-shadow:0 0 8px #ffdf69b0}.recommendation-primary{width:22px;height:22px;top:-28px;left:calc(50% - 11px);box-shadow:0 0 12px #ffe36cdd}.recommendation-primary b{display:block;transform:rotate(-45deg);font:700 14px/22px sans-serif;color:#795312}.team-tile-mark{position:absolute;z-index:4;width:78%;aspect-ratio:1;left:9%;top:24%;border:clamp(2px,calc(var(--tile-w)*.05),5px) solid #ffdf35;border-radius:50%;box-shadow:0 0 4px #9e6f08,inset 0 0 3px #fff07c;pointer-events:none}.rack-readable .other-hand button.tile{pointer-events:auto;cursor:pointer}.tile.table-tile{width:calc(var(--tile-w)*var(--table-width)/100);height:calc(var(--tile-w)*var(--table-height)/100);flex:none;padding:0;border-radius:0;box-shadow:none;line-height:0}.table-tile-projection{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(1.5px 3px 1.4px #15231980)}.public-event-stack>span:not(:first-of-type) .table-tile-projection,.meld-stacked .table-tile-projection,.meld-red .meld-tile:not(:first-of-type) .table-tile-projection{filter:drop-shadow(.6px 1px .6px #17281c66)}.room-lobby{width:min(1440px,90%);margin:40px auto 0;flex:1}.room-lobby.match-room,.room-lobby.practice-room{max-width:1040px}.match-room .room-teams,.practice-room .room-teams{grid-template-columns:1fr}.matching-state{display:flex;flex-direction:column;gap:7px;margin:18px 0 6px;padding:15px 20px;border:1px solid #fff2b044;border-radius:9px;background:#183e7040;color:#edf8ff}.matching-state>strong{color:#fff0b6;font-size:18px}.matching-state>span{font-size:14px;line-height:1.5}.matching-state.is-searching{border-color:#ffdf8c;background:#17396f66}.simple-page{width:90%;max-width:780px;flex:1;margin:45px auto}.simple-page h1{margin-top:20px}.join-form{max-width:400px;display:flex;flex-direction:column;gap:24px;margin-top:30px}.room-code{font-size:35px;letter-spacing:12px;font-variant-numeric:tabular-nums}.create-form{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:650px;margin-top:35px}.create-form .primary{grid-column:1/-1}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.section-title h1{margin:0}.segmented{display:flex;background:#120d1455;border:1px solid #ffffff12;padding:4px;border-radius:8px}.segmented button{border:0;padding:10px 17px;background:none;font-size:12px;color:#b8a9ad}.segmented .selected{background:#9f775c33;color:#f0d5a5}.room-invite{display:flex;flex-direction:column;gap:4px;text-align:right}.room-invite strong{font-size:28px;letter-spacing:5px;color:var(--gold)}.room-invite button{font-size:11px;padding:7px 12px}.room-teams{display:grid;grid-template-columns:1fr 1fr;gap:24px}.team-block{padding:24px;background:#ffffff03;border:1px solid #d4ab8430;border-radius:12px}.team-1{border-color:#a4c0c22b}.team-block-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.team-block-title h2{font-size:19px;margin:0;color:var(--gold)}.team-1 h2{color:#b8ccce}.team-block-title>span{font-size:10px;color:#b6a5a6}.team-block-title b{font-size:17px;font-family:serif;color:#eee2ca}.lobby-seat{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.lobby-seat .avatar{height:54px;width:54px;border-radius:16px}.lobby-seat>div{display:flex;flex-direction:column;gap:5px;font-size:13px}.lobby-seat>div>span{font-size:10px;color:#ae9c9f}.lobby-seat>div b{font-size:12px;color:var(--gold);font-weight:400}.ready-tag,.waiting-tag{margin-left:auto;font-size:10px;padding:5px 7px;white-space:nowrap}.ready-tag{background:#89bda01a;color:#b1d3b3;border-radius:4px}.waiting-tag{color:#947d83}.split-state{font-size:11px;margin-top:18px;color:#c9b9b7;line-height:2}.split-state>span{display:block;color:#a39298;font-size:10px}.funding-controls{display:flex;justify-content:space-between;gap:25px;padding:26px 0;margin-top:5px}.funding-controls>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.funding-controls label{font-size:11px;gap:5px}.funding-controls input{width:175px}.funding-controls button{font-size:11px;padding:11px 14px}.funding-controls small{width:100%}.split-controls>span{font-size:11px;color:#b8a7a8}.room-actions{border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;padding:20px 0}.room-actions button{font-size:12px}.room-actions>span{margin-right:auto;font-size:11px;color:#ad989e}.modal-backdrop,.summary-backdrop,.game-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#100c17b5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;display:flex;justify-content:center;align-items:center;padding:24px}.modal{position:relative;max-height:90dvh;width:min(660px,95%);background:#2a212a;border:1px solid #ad8d653d;border-radius:16px;padding:38px;overflow-y:auto;box-shadow:0 30px 80px #0006}.close-modal{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px;padding:0 8px;color:#bdabae}.modal h2{margin:10px 0 25px}.modal h3{font-size:14px;color:#dfc79d;font-weight:500;margin:24px 0 10px}.modal p{font-size:13px}.setting{flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;border-bottom:1px solid var(--line);padding:20px 0}.setting input{min-height:24px;width:22px;accent-color:var(--gold)}.pattern-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;color:#cebda7;padding:20px 0}.history-row{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;padding:18px 0;border:0;border-bottom:1px solid var(--line);font-size:13px;border-radius:0}.history-row strong{font-size:12px;color:var(--gold)}.history-row small{display:block;font-size:9px}.ledger-list{margin:25px 0}.ledger-list details{border-bottom:1px solid var(--line);padding:18px 0}.ledger-list summary{display:flex;justify-content:space-between;align-items:center;font-size:13px}.ledger-list summary small{display:block;margin:5px 0 0 26px}.ledger-list summary i{font-size:10px;color:#8d7d88;margin-right:10px;font-style:normal}.ledger-list summary b{font-size:13px;color:var(--gold);font-weight:500}.ledger-list p,.ledger-list ol{font-size:12px;line-height:2;color:#bdaeb1}.ledger-list>details>small{font-size:9px;word-break:break-all}.summary-backdrop{z-index:200}.summary{background:linear-gradient(160deg,#3e2833,#292129);border:1px solid #d5b27f55;border-radius:16px;width:620px;padding:30px 40px;text-align:center;max-height:96dvh;overflow-y:auto}.summary h1{font-size:32px;margin-bottom:10px}.summary p{font-size:12px;margin-bottom:10px}.summary .eyebrow{font-size:9px;margin-bottom:15px}.summary-net{font-family:serif;font-size:52px;display:block;font-weight:400}.summary-net small{display:block;font-family:sans-serif;font-size:11px}.summary-pools{display:flex;justify-content:space-around;border:1px solid var(--line);border-radius:8px;padding:14px;margin:22px 0;font-size:11px;color:#b7a6aa}.summary-pools b{display:block;font-size:21px;margin:5px;font-family:serif;color:#ead7b1}.summary-rows>div{display:flex;align-items:center;gap:14px;text-align:left;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.summary-rows>div>strong{margin-left:auto;text-align:right;font-size:17px;font-weight:500}.summary-rows small{display:block;font-size:9px}.summary-actions{display:flex;gap:10px;justify-content:center;margin:25px 0 10px}.summary-actions button{font-size:11px;padding:12px}.game-dialog-backdrop{position:absolute;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#1c0d2477}@media (max-width:1000px){.room-lobby{width:92%;margin-top:28px}.section-title h1{font-size:28px}.room-teams{gap:15px}.team-block{padding:16px}.team-block-title{flex-direction:column;align-items:start}.funding-controls{gap:15px}.funding-controls input{width:140px}.split-controls .segmented button{padding:10px}.room-actions>span{display:none}.room-actions button:nth-last-child(2){margin-left:auto}}@media (max-height:600px) and (min-width:650px){.room-lobby{margin-top:20px}.section-title{margin-bottom:18px}.section-title h1{font-size:25px}.section-title .eyebrow{font-size:8px;margin-bottom:10px}.room-lobby>.section-title p{font-size:10px;margin:8px 0}.room-invite strong{font-size:22px}.room-teams{gap:12px}.team-block{padding:12px 18px}.team-block-title{flex-direction:row;align-items:center;margin-bottom:8px}.team-block-title h2{font-size:16px}.team-block-title>span{font-size:8px}.team-block-title b{font-size:14px}.lobby-seat{padding:10px 0;gap:12px}.lobby-seat .avatar{width:40px;height:40px;border-radius:11px}.lobby-seat>div{gap:2px;font-size:11px}.lobby-seat>div>span{font-size:8px}.lobby-seat>div b{font-size:10px}.split-state{font-size:9px;margin-top:10px}.split-state>span{font-size:8px}.funding-controls{padding:15px 0}.funding-controls>div{gap:8px}.funding-controls label{font-size:9px}.funding-controls input{min-height:35px;width:125px;font-size:12px;padding:8px 12px}.funding-controls button{font-size:9px;padding:9px}.funding-controls small{font-size:8px}.split-controls .segmented button{padding:8px;font-size:9px}.room-actions{padding:13px 0;gap:10px}.room-actions button{font-size:10px;padding:9px 15px}.simple-page{margin-top:25px}.simple-page h1{font-size:29px}.simple-page p{font-size:11px}.create-form,.join-form{margin-top:15px;gap:15px}.join-form label{font-size:11px}.join-form .room-code{font-size:27px}}@media (max-height:500px){.modal{padding:24px 30px}.modal h2{font-size:23px;margin:8px 0 15px}.modal p{font-size:11px}.modal .eyebrow{font-size:8px}.setting{padding:14px 0;font-size:12px}.summary{width:600px;padding:18px 30px}.summary .eyebrow{font-size:7px;margin-bottom:7px}.summary h1{font-size:25px;margin-bottom:6px}.summary p{font-size:10px;margin-bottom:5px}.summary-net{font-size:34px}.summary-net small{font-size:9px}.summary-pools{float:left;width:30%;flex-direction:column;margin:10px 15px 10px 0;padding:13px 5px;gap:15px;font-size:9px}.summary-pools b{font-size:18px}.summary-rows>div{gap:9px;padding:7px 0;font-size:10px}.summary-rows .avatar{width:30px;height:30px;border-radius:9px}.summary-rows>div>strong{font-size:13px}.summary-rows small{font-size:8px}.summary-actions{clear:both;margin:14px 0 5px;gap:10px}.summary-actions button{font-size:10px;padding:9px 14px}.summary>small{font-size:8px}}@media (max-width:649px){.simple-page{margin:35px auto}.simple-page h1{font-size:31px}.simple-page p{font-size:12px}.create-form{grid-template-columns:1fr}.section-title{flex-wrap:wrap}.section-title h1{font-size:28px}.room-lobby>.section-title{gap:10px}.room-lobby h1{font-size:26px}.room-lobby .eyebrow{font-size:8px}.room-lobby>.section-title p{font-size:10px;margin-bottom:0}.room-invite{flex-direction:row;align-items:center;width:100%;text-align:left}.room-invite strong{font-size:23px;margin-left:auto}.room-invite button{font-size:10px}.room-teams{grid-template-columns:1fr;gap:15px}.team-block-title{flex-direction:row;align-items:center}.team-block-title h2{font-size:16px}.lobby-seat .avatar{width:44px;height:44px;border-radius:12px}.funding-controls{flex-direction:column}.funding-controls>div{gap:12px}.funding-controls input{width:160px}.room-actions{flex-wrap:wrap;gap:10px}.room-actions button{font-size:11px;padding:10px 14px}.room-actions button:nth-last-child(2){margin-left:0}.modal{width:100%;padding:25px}.modal-backdrop{padding:15px}.modal h2{font-size:25px}.modal p{font-size:12px}.summary-backdrop{padding:10px}.summary{padding:25px;width:95%}.summary-actions{flex-wrap:wrap}}.summary-actions{flex-wrap:wrap}.game-lobby-shell{--hall-header-h: clamp(58px,12.5dvh,100px);--hall-footer-h: clamp(64px,14dvh,108px);background:radial-gradient(ellipse at 22% 35%,#a5dbfa7a,transparent 52%),radial-gradient(ellipse at 85% 60%,#72a8ec90,transparent 55%),linear-gradient(120deg,#4b9ce4,#4b92d9 48%,#3776c6);position:relative;isolation:isolate}.game-lobby-shell:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(158deg,transparent 0,transparent 110px,#b3e7ff09 111px,#b3e7ff09 114px,transparent 116px),radial-gradient(ellipse at 20% 95%,#b9e9ff22,transparent 40%)}.hall-header{height:var(--hall-header-h);flex-shrink:0;padding:10px max(6.5vw,env(safe-area-inset-left)) 8px;display:flex;align-items:center;gap:clamp(12px,2vw,36px);background:linear-gradient(#2b70b329,transparent)}.hall-profile{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;text-align:left}.hall-profile .avatar{width:clamp(42px,4.7vw,70px);height:clamp(48px,5.3vw,79px)}.hall-profile>span:last-child{display:flex;flex-direction:column;gap:5px;min-width:70px;max-width:140px}.hall-profile strong{font-size:clamp(12px,1.6vw,24px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hall-profile small{font-size:clamp(9px,1vw,14px);color:#fff2a7}.hall-balance{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#2865a671,#2c74b52a);border-radius:4px;padding:9px 18px 9px 13px;border-top:1px solid #8ac4ee50}.hall-balance .bean{width:clamp(14px,1.8vw,26px);height:clamp(20px,2.5vw,35px)}.hall-balance strong{font-size:clamp(17px,2.2vw,32px);font-weight:500;font-variant-numeric:tabular-nums}.hall-balance>span{font-size:clamp(9px,1vw,13px);color:#f9e7a8}.hall-brand{background:none;border:0;padding:0;margin-left:auto}.game-logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.game-logo>span:last-child{color:#ffecaf;font-family:KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:clamp(25px,3.2vw,48px);font-weight:900;letter-spacing:3px;text-shadow:0 3px 0 #a65e28,1px 0 0 #bc8236,-1px 0 0 #fff5d3,0 5px 4px #22579a77}.game-logo small{display:block;text-align:center;color:#e8f5ff;font-size:clamp(8px,.8vw,12px);letter-spacing:6px;margin-top:2px;text-shadow:0 1px 1px #30619c}.logo-seal{display:grid;place-items:center;width:34px;height:43px;border-radius:5px;border:1px solid #ffffff;background:linear-gradient(100deg,#fff8dc,#fff);color:#b82237;font:900 35px KaiTi,serif;transform:rotate(-12deg);box-shadow:0 3px #e4d3a2,0 6px #258c4b,1px 8px 5px #224f8650}.hall-header-tools{display:flex;gap:10px;align-items:center;margin-left:auto}.hall-header-tools button{border-radius:6px;font-size:clamp(11px,1.2vw,16px);padding:8px 14px;background:#2162a248;border:1px solid #98c9f85a;box-shadow:inset 0 1px 1px #ffffff26}.hall-header-tools .round-tool{padding:0;width:32px;height:32px;border-radius:50%;font-size:22px}.game-lobby{position:relative;width:100%;flex:1;min-height:0;display:flex;align-items:center;gap:2.5%;padding:1.5dvh 7% 2dvh}.hall-side-actions{flex:0 0 12%;display:flex;flex-direction:column;gap:clamp(9px,2dvh,22px)}.hall-side-actions button{min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:end;border-radius:5px;border:1px solid #caeafa88;padding:10px 4px 5px;position:relative;background:linear-gradient(135deg,#a5cbff,#6a8de1);box-shadow:0 3px 5px #1c5c9144,inset 0 1px #e0f7ff88}.hall-side-actions button:nth-child(2){background:linear-gradient(135deg,#9fe4be,#4fae9b)}.hall-side-actions button:nth-child(3){background:linear-gradient(135deg,#c4e3ff,#619ecf)}.side-token{display:grid;place-items:center;width:clamp(27px,3vw,46px);height:clamp(31px,3.6vw,53px);font:900 clamp(22px,2.8vw,40px) KaiTi,serif;background:#ffffed;color:#1c8052;border-radius:4px;transform:rotate(-11deg);box-shadow:0 3px #d6d4a7,0 5px #2f9c70;margin-top:-8px;margin-bottom:5px}.token-record{color:#7b67b7;transform:rotate(9deg)}.token-join{color:#3f71ae}.hall-side-actions b{font-size:clamp(10px,1.3vw,18px);font-weight:700;text-shadow:0 2px 1px #225d8d}.game-mode-grid{height:min(57dvh,535px);min-height:205px;flex:1;display:grid;gap:clamp(6px,.9vw,14px);grid-template-columns:1.4fr 1fr 1.05fr;grid-template-rows:1fr 1fr}.mode-tile{position:relative;display:block;overflow:hidden;padding:0;border:2px solid #dff2ff;border-radius:7px;box-shadow:0 6px 9px #1b5d9255,inset 0 0 0 1px #fff6;background:#ffeab8;isolation:isolate}.mode-tile:after{content:"";position:absolute;pointer-events:none;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #ffffff3d;border-radius:3px}.mode-blood{grid-column:1;grid-row:1/3;background:linear-gradient(145deg,#ffe389,#ffac45 60%,#ee8a43);border-color:#fff1b4}.mode-solo{grid-column:2;grid-row:1;background:linear-gradient(140deg,#fff6b1,#fbc97b)}.mode-friends{grid-column:2;grid-row:2;background:linear-gradient(145deg,#a7edff,#6ebee5)}.mode-team{grid-column:3;grid-row:1;background:linear-gradient(140deg,#e6e1ff,#a39de8)}.mode-join{grid-column:3;grid-row:2;background:linear-gradient(140deg,#ceffe0,#78d4b6)}.mode-caption{position:absolute;z-index:3;bottom:0;left:0;width:100%;min-height:29%;display:flex;flex-direction:column;justify-content:center;padding:7px 8px;background:linear-gradient(#fffffff5,#f6fbff);color:#203750;border-top:1px solid #ffffff}.mode-caption strong{font-size:clamp(23px,3vw,46px);font-weight:900;letter-spacing:1px;line-height:1.15;text-shadow:0 1px 0 white}.mode-caption small{font-size:clamp(8px,.85vw,13px);color:#45667b;margin-top:3px}.mode-blood .mode-caption{min-height:29%}.mode-blood .mode-caption strong{font-size:clamp(31px,4.1vw,62px);letter-spacing:3px}.mode-blood .mode-caption small{font-size:clamp(9px,1vw,15px)}.mode-corner{position:absolute;z-index:4;top:6px;left:7px;color:#fff4c5;background:#dd7444;padding:3px 8px;border-radius:3px;font-size:clamp(8px,.9vw,13px);font-weight:700}.mode-team .mode-corner{color:#513f83;background:#f8edbc}.mode-art{position:absolute;top:0;right:0;bottom:25%;left:0;overflow:hidden;display:grid;place-items:center}.art-halo{position:absolute;width:180%;aspect-ratio:1;left:-40%;top:-45%;background:repeating-conic-gradient(from 20deg,#fff6 0deg,transparent 8deg,transparent 30deg,#fff5 32deg,transparent 44deg);opacity:.5}.art-ribbon{position:absolute;width:120%;height:25%;left:-10%;bottom:3%;transform:rotate(-8deg);border-top:2px solid #fff6;background:#fffffa33}.art-tiles{display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-15deg) translateY(4px);filter:drop-shadow(8px 12px 7px #8e632040)}.art-tiles .tile{--tile-w: clamp(28px,4.6vw,70px);transform:rotate(5deg)}.art-tiles .tile:first-child{transform:translateY(7px) rotate(-14deg)}.art-tiles .tile:last-child{transform:translateY(9px) rotate(13deg)}.mode-blood .art-tiles{transform:rotate(-14deg) translate(2%,4%)}.mode-blood .art-tiles .tile{--tile-w: clamp(48px,7.3vw,112px)}.mode-blood .art-tiles .tile:nth-child(2){z-index:2;transform:translateY(-17px) rotate(1deg)}.mode-team .art-tiles .tile{--tile-w: clamp(23px,3.5vw,54px)}.team-art-sign{position:absolute;right:7%;bottom:8%;color:#fff;font-size:clamp(20px,3vw,46px);font-weight:900;font-style:italic;text-shadow:0 3px 0 #6d6caf,0 0 3px #6d6caf}.team-art-sign span{font-size:.55em;padding:0 3px}.join-room-art{position:absolute;left:50%;top:9%;transform:translate(-50%) rotate(-5deg);width:45%;aspect-ratio:1.25;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:clamp(36px,6vw,88px);line-height:.7;color:#328570;border:2px solid #eaffeb;border-radius:9px;background:#e8fffad9;box-shadow:0 4px #5cac8f,0 8px 8px #3e99804c}.join-room-art small{font-size:clamp(8px,.9vw,13px);color:#386f66;line-height:1;margin-top:11px}.return-room{position:absolute;right:7%;top:0;z-index:4;background:#1c61a6ef;border-color:#e1cf8a;padding:5px 15px;font-size:11px;box-shadow:0 2px 5px #1b5d9255}.hall-footer{width:100%;height:var(--hall-footer-h);flex-shrink:0;display:flex;align-items:center;gap:4%;padding:8px 7% max(8px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#2d70bd40,#69b1e015)}.hall-footer nav{display:flex;align-items:center;gap:clamp(15px,3.5vw,56px)}.hall-footer nav button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;background:transparent;border:0;font-size:clamp(10px,1.2vw,18px);text-shadow:0 2px 1px #21538d}.hall-footer nav i{display:grid;place-items:center;width:clamp(25px,3vw,43px);height:clamp(28px,3.4vw,49px);color:#335b7f;background:linear-gradient(#fffce7,#f3e5b2);font:normal 800 clamp(17px,2vw,30px) KaiTi,serif;border-radius:5px;border:1px solid #fffeed;box-shadow:0 2px #d2b76e,0 4px 4px #2f64944a}.footer-friend{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#c9f0ff,#9be2df);color:#204c71;border-color:#d9fff5;font-size:clamp(15px,2vw,29px);font-weight:900;padding:7px 16px;box-shadow:0 3px 4px #21588944}.footer-friend>span{background:#fffdef;border:1px solid white;color:#187f5a;transform:rotate(-10deg);padding:2px 5px;font-family:KaiTi,serif;box-shadow:0 2px #3c9e71}.quick-start{display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:clamp(145px,17vw,260px);min-height:clamp(46px,8.5dvh,76px);border-radius:5px;margin-left:auto;padding:8px 18px}.quick-start strong{font-size:clamp(20px,2.5vw,38px);line-height:1.1}.quick-start small{color:#a45a25;font-size:clamp(9px,1vw,15px);margin-top:3px}.hall-currency-note{margin-left:auto;font-size:10px;color:#e1f2ff}.mode-lobby{flex:1;min-height:0;width:86%;margin:0 auto;display:flex;flex-direction:column}.mode-lobby-bar{display:flex;align-items:center;justify-content:space-between;background:#2462ad48;min-height:clamp(50px,13dvh,97px);padding:10px 14px;gap:20px}.mode-player{display:flex;align-items:center;gap:12px}.mode-player>span{display:flex;flex-direction:column;gap:5px}.mode-player strong{font-size:clamp(14px,1.8vw,26px);font-weight:500}.mode-player small{font-size:clamp(9px,1vw,14px);color:#e6f7ff}.mode-switch{display:flex;flex-shrink:0;border:1px solid #5399d5;border-radius:2px;overflow:hidden;background:#225c9d}.mode-switch button{font-size:clamp(14px,1.7vw,25px);padding:10px 25px;background:none;border:0;border-radius:0}.mode-switch .selected{background:linear-gradient(#fff49f,#f4d85b);color:#8d4e20;box-shadow:inset 0 0 0 1px #fff5b5}.invite-seat{width:46px;height:48px;padding:0;font-size:32px;border-radius:3px;background:#73b5e145;border:1px solid #acddfa;color:#c0edff}.mode-lobby-body{flex:1;min-height:0;display:flex;gap:3%;padding:4dvh 1% 3dvh}.scene-grid{flex:1;display:flex;gap:clamp(10px,1.5vw,24px)}.scene-card{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:5px;background:linear-gradient(140deg,#f5fff8,#cbffe6 52%,#6ad5b9);border:2px solid #c7fff1;box-shadow:0 6px 8px #225f9855;padding:5dvh 6px 7dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#195e53}.scene-card:first-child{border-color:#fff6a5;box-shadow:0 0 0 2px #efdc6e,0 0 15px #fff0ac7a,0 6px 8px #225f9860}.scene-1{background:linear-gradient(140deg,azure,#c1fafa 52%,#56c5c6);border-color:#d1fffe;color:#155c6b}.scene-2{background:linear-gradient(140deg,#f0fbff,#c1e9ff 52%,#65b6e8);border-color:#d4f1ff;color:#286598}.scene-3{background:linear-gradient(140deg,#fff9f1,#ffe5d4 52%,#f2b18b);border-color:#ffefe3;color:#955537}.scene-watermark{position:absolute;font-family:KaiTi,serif;font-size:clamp(120px,19vw,300px);left:-15%;top:1%;transform:rotate(-18deg);opacity:.08;font-weight:900}.scene-title{position:relative;font-size:clamp(26px,3.7vw,57px);font-weight:900;letter-spacing:1px;white-space:nowrap;margin-top:0}.scene-base{position:relative;display:flex;align-items:center;font-size:clamp(33px,4.4vw,69px);font-weight:600;line-height:1.2;color:#203852;margin-top:auto;margin-bottom:auto;letter-spacing:-2px}.scene-3 .scene-base{color:#8a4b37}.scene-base>i{font: 700 .45em KaiTi,serif;width:1.2em;height:1.2em;display:grid;place-items:center;margin-right:1px;color:#f36c51;border:2px solid #f27660;border-radius:50%;letter-spacing:0}.scene-badges{position:absolute;right:0;top:0;display:flex;flex-direction:column}.scene-badges>i{font-style:normal;writing-mode:vertical-rl;font-size:clamp(9px,1.15vw,18px);padding:6px 4px;background:linear-gradient(#c786da,#a971ca);color:#fff;border-bottom:2px solid #e4d6ed;letter-spacing:1px}.scene-badges>i:last-child{background:linear-gradient(#ffad6b,#f28c56)}.scene-badges>i:first-child:not(:nth-last-child(2)){background:#f48b65}.scene-range{position:absolute;bottom:0;left:0;right:0;padding:8px 6px;display:flex;align-items:center;justify-content:space-between;gap:3px;background:#ffffff15;color:#285f66;font-size:clamp(9px,1.2vw,18px)}.scene-range>span{font-size:.7em;white-space:nowrap}.scene-range b{font-weight:500;white-space:nowrap}.team-invite-panel{flex:0 0 19%;display:flex;flex-direction:column;align-items:center;background:#215c9c63;border:1px solid #80bde66b;border-radius:5px;padding:14px 10px}.team-invite-panel h2{font-size:clamp(13px,1.5vw,22px);color:#f3e8b4;margin-bottom:16px}.team-invite-panel>.avatar{width:45px;height:52px}.team-invite-panel>strong{font-size:12px;display:flex;gap:7px;margin-top:8px;font-weight:500}.team-invite-panel>strong small{color:#ffe690}.empty-teammate{height:clamp(38px,9dvh,90px);width:65px;border:1px dashed #9fd6f3;background:#8ad2eb26;margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;color:#b9e7ff}.empty-teammate small{font-size:9px}.team-invite-panel p{font-size:10px;line-height:1.6;text-align:center;margin-top:12px}.team-invite-panel>button{background:linear-gradient(#bceebb,#65be8f);border:1px solid #d0f5c1;color:#1e6b58;font-size:12px;font-weight:700;margin-top:auto;padding:7px 18px}.sign-in{min-height:100dvh;display:flex;gap:5%;align-items:center;justify-content:center;padding:7dvh 8%}.sign-in-art{position:relative;width:48%;text-align:center}.sign-in-art .game-logo>span:last-child{font-size:clamp(40px,5.7vw,86px)}.sign-in-art .game-logo small{font-size:16px}.sign-in-art .logo-seal{width:52px;height:65px;font-size:50px}.sign-in-feature{height:clamp(140px,31dvh,280px);position:relative}.sign-in-feature .mode-art{top:0;right:0;bottom:0;left:0}.sign-in-feature .art-tiles .tile{--tile-w: clamp(65px,10vw,140px)}.sign-in-feature .art-halo,.sign-in-feature .art-ribbon{display:none}.sign-in-tags{display:flex;gap:12px;justify-content:center;margin-top:12px}.sign-in-tags>span{font-size:13px;color:#eefaff;background:#215e9c44;border:1px solid #ade1fb50;padding:6px 13px;border-radius:4px}.sign-in-form{width:36%;max-width:430px;background:linear-gradient(140deg,#286ab6b0,#225fabb0);border:2px solid #bddffb8a;box-shadow:inset 0 0 0 3px #2c6caa55,0 10px 20px #2b60994a;padding:30px;border-radius:9px}.sign-in-form h1{color:#fff4be;font-size:clamp(23px,2.7vw,38px);text-align:center;margin-bottom:8px}.sign-in-form>p{text-align:center;margin-bottom:25px}.sign-in-form .quick-start{width:100%;margin:25px 0 18px}.sign-in-form .quick-start strong{font-size:26px}.sign-in-form .quick-start small{font-size:11px}.sign-in-form>small{font-size:10px;color:#d0e7fe;display:block;text-align:center}.gender-choice{border:0;padding:0;margin:18px 0;min-width:0}.gender-choice legend{margin-bottom:10px;font-size:14px;font-weight:650}.gender-choice>div{display:flex;gap:12px}.gender-choice label{display:flex;align-items:center;gap:9px;flex:1;padding:10px 14px;margin:0;border:1px solid #bfd7e666;border-radius:6px;cursor:pointer}.gender-choice label.selected{border-color:#ffe095;background:#ffe09522}.gender-choice input{width:18px;height:18px;margin:0;accent-color:#c99343}.gender-choice:disabled label{opacity:.65;cursor:wait}.game-lobby-shell .modal{background:linear-gradient(145deg,#2c65a8,#214d85);border:2px solid #efd793}.game-lobby-shell .modal p,.game-lobby-shell .ledger-list p,.game-lobby-shell .ledger-list ol{color:#deedff}.game-lobby-shell .modal h3{color:#ffecae}.game-lobby-shell .modal .eyebrow{color:#f7df9d}.game-lobby-shell .room-lobby{margin:12px auto 0}.game-lobby-shell .team-block{background:linear-gradient(135deg,#d9f6ff20,#194e961a);border-color:#a4daf188}.game-lobby-shell .team-block-title h2{color:#fff1b4}.game-lobby-shell .team-1 h2{color:#e1edff}.game-lobby-shell .lobby-seat>div>span,.game-lobby-shell .split-state>span{color:#d5e9ff}@media (max-width:1000px){.hall-header{gap:14px;padding-left:5%;padding-right:5%}.hall-profile{gap:8px}.hall-profile>span:last-child{min-width:50px;max-width:90px}.hall-balance{padding:7px 10px;gap:7px}.hall-brand .logo-seal{display:none}.hall-header-tools{gap:7px}.hall-header-tools .round-tool{width:27px;height:27px;font-size:18px}.hall-header-tools>button:first-child{padding:7px 10px}.game-lobby{padding-left:6%;padding-right:6%}.hall-side-actions{flex-basis:11%}.mode-caption small{font-size:8px}.hall-footer{padding-left:6%;padding-right:6%}.mode-lobby{width:88%}.mode-switch button{padding:9px 21px}.scene-card{padding:5dvh 4px 7dvh}.scene-badges>i{padding:5px 3px}}@media (max-height:500px){.game-lobby-shell{--hall-header-h: 57px;--hall-footer-h: 65px}.hall-header{padding-top:5px;padding-bottom:3px}.hall-profile .avatar{width:37px;height:43px;padding:3px}.hall-profile>span:last-child{gap:2px}.hall-profile small{font-size:8px}.hall-brand .game-logo>span:last-child{font-size:25px}.hall-brand .game-logo small{font-size:7px;letter-spacing:4px}.hall-balance>span{font-size:8px}.game-mode-grid{min-height:0;height:57dvh}.hall-side-actions button{min-height:52px;padding:7px 3px 4px}.side-token{width:25px;height:30px;font-size:23px;margin-bottom:3px;margin-top:-4px}.mode-tile{border-width:1px;border-radius:4px}.mode-caption{padding:5px 4px;min-height:30%}.mode-caption strong{font-size:clamp(20px,3vw,29px)}.mode-blood .mode-caption strong{font-size:32px}.mode-blood .mode-caption small{font-size:8px}.mode-corner{top:4px;left:4px;padding:2px 5px;font-size:8px}.art-tiles .tile{--tile-w: 4.5vw}.mode-blood .art-tiles .tile{--tile-w: 7.4vw}.mode-team .art-tiles .tile{--tile-w: 3.2vw}.hall-footer{padding-top:6px;padding-bottom:6px}.hall-footer nav{gap:26px}.hall-footer nav button{gap:3px;font-size:10px}.hall-footer nav i{width:24px;height:27px;font-size:18px}.footer-friend{padding:5px 11px;font-size:19px;gap:7px}.quick-start{min-height:44px;padding:6px 15px}.quick-start strong{font-size:23px}.quick-start small{font-size:9px}.mode-lobby-bar{min-height:51px;padding:5px 10px}.mode-player>.avatar{width:29px;height:34px;padding:2px}.mode-player>span{gap:2px}.mode-player strong{font-size:14px}.mode-player small{font-size:8px}.mode-switch button{font-size:14px;padding:8px 24px}.mode-lobby-body{padding-top:18px;padding-bottom:13px}.scene-title{font-size:clamp(25px,3.7vw,34px)}.scene-base{font-size:clamp(33px,4.4vw,43px);margin-top:auto}.scene-badges>i{font-size:9px;padding:4px 3px}.scene-range{padding:5px 4px;font-size:11px}.team-invite-panel{padding:8px}.team-invite-panel h2{display:none}.team-invite-panel>.avatar{width:31px;height:36px;padding:2px}.team-invite-panel>strong{font-size:10px;margin-top:4px}.team-invite-panel>strong small{font-size:8px}.empty-teammate{margin-top:7px;width:50px;height:37px;font-size:23px}.empty-teammate small{font-size:7px}.team-invite-panel p{display:none}.team-invite-panel>button{font-size:10px;padding:5px 10px;margin-top:8px}.invite-seat{width:32px;height:34px;font-size:25px}.sign-in{padding-top:20px;padding-bottom:20px}.sign-in-art .game-logo>span:last-child{font-size:45px}.sign-in-art .game-logo small{font-size:10px}.sign-in-art .logo-seal{width:35px;height:45px;font-size:34px}.sign-in-feature{height:140px}.sign-in-feature .art-tiles .tile{--tile-w: 68px}.sign-in-tags{gap:7px;margin-top:8px}.sign-in-tags>span{font-size:10px;padding:4px 9px}.sign-in-form{padding:20px 23px;width:38%}.sign-in-form h1{font-size:23px}.sign-in-form>p{font-size:11px;margin-bottom:16px}.sign-in-form label{font-size:11px;gap:6px}.sign-in-form input{min-height:37px;padding:8px 11px}.sign-in-form .quick-start{margin:16px 0 13px}.sign-in-form .quick-start strong{font-size:22px}.sign-in-form .quick-start small{font-size:9px}.sign-in-form>small{font-size:8px}}@media (orientation:portrait) and (max-width:650px){.game-lobby-shell{--hall-header-h: 82px;--hall-footer-h: 76px}.hall-header{padding-left:5%;padding-right:5%;flex-wrap:wrap;gap:8px 14px}.hall-profile .avatar{width:35px;height:41px}.hall-profile>span:last-child{min-width:65px}.hall-balance{margin-left:auto}.hall-balance strong{font-size:18px}.hall-brand,.hall-header-tools{display:none}.game-lobby{flex-direction:column;gap:22px;padding:12px 5% 25px}.hall-side-actions{flex:0 0 auto;width:100%;flex-direction:row;gap:10px}.hall-side-actions button{flex:1;min-height:55px;flex-direction:row;gap:9px;justify-content:center}.hall-side-actions b{font-size:11px}.side-token{width:24px;height:30px;font-size:23px;margin:0}.game-mode-grid{width:100%;flex:1;height:min(65dvh,540px);min-height:410px;grid-template-columns:1fr 1fr;grid-template-rows:1.3fr 1fr 1fr}.mode-blood{grid-column:1/3;grid-row:1}.mode-solo{grid-column:1;grid-row:2}.mode-friends{grid-column:2;grid-row:2}.mode-team{grid-column:1;grid-row:3}.mode-join{grid-column:2;grid-row:3}.mode-blood .mode-art{top:0;right:40%;bottom:0;left:0}.mode-blood .mode-caption{top:0;bottom:0;left:60%;width:40%;background:#fff6d8cf}.mode-blood .art-tiles .tile{--tile-w: 51px}.mode-blood .mode-caption strong{font-size:26px;letter-spacing:1px}.mode-blood .mode-caption small{font-size:9px}.art-tiles .tile{--tile-w: 40px}.mode-caption strong{font-size:24px}.mode-caption small{font-size:8px}.mode-team .art-tiles .tile{--tile-w: 31px}.team-art-sign{font-size:25px}.join-room-art{font-size:42px}.join-room-art small{font-size:8px}.hall-footer{gap:17px;padding:8px 5%;flex-wrap:wrap;height:auto;min-height:76px}.hall-footer nav{gap:20px;margin-left:auto}.hall-footer nav button{font-size:9px}.hall-footer nav i{width:21px;height:24px;font-size:16px}.footer-friend{font-size:17px;padding:6px 10px}.hall-footer .quick-start{width:100%;margin-top:4px;margin-bottom:8px}.hall-currency-note{display:none}.mode-lobby{width:90%;margin-top:10px}.mode-lobby-bar{flex-direction:column;gap:12px;align-items:stretch;padding:13px}.mode-switch button{flex:1;font-size:15px}.mode-lobby-body{min-height:440px;padding-top:22px}.scene-grid{flex-wrap:wrap;gap:16px}.scene-card{flex-basis:43%;min-height:215px;padding:25px 4px 32px}.scene-title{font-size:30px}.scene-base{font-size:38px}.scene-badges>i{font-size:10px}.scene-range{font-size:12px}.team-invite-panel{display:none}.sign-in{flex-direction:column;gap:15px;padding:45px 7% 35px}.sign-in-art{width:100%}.sign-in-art .game-logo>span:last-child{font-size:46px}.sign-in-art .game-logo small{font-size:11px}.sign-in-feature{height:160px}.sign-in-feature .art-tiles .tile{--tile-w: 68px}.sign-in-tags{gap:8px}.sign-in-tags>span{font-size:10px;padding:5px 10px}.sign-in-form{width:100%;margin-top:15px;padding:27px}.return-room{position:static;width:100%}}.current-room-notice{display:flex;align-items:center;gap:10px;margin:4px 4% 0;padding:8px 12px;border:1px solid #e9ce7a;border-radius:5px;background:#174d83;color:#fff0bd}.current-room-notice>div{display:flex;flex:1;flex-wrap:wrap;gap:4px 14px;align-items:center}.current-room-notice strong{font-size:13px;white-space:nowrap}.current-room-notice span{color:#dceaf7;font-size:11px}.current-room-notice button{white-space:nowrap;padding:7px 10px;min-height:34px;font-size:12px;background:#f8d576;color:#60451e;border-color:#fff0ac}@media (max-height:500px){.current-room-notice{padding:5px 8px;margin-top:0;gap:7px}.current-room-notice span{font-size:10px}.current-room-notice button{padding:5px 8px}}.in-game{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;min-height:0;overflow:hidden;background:#282228}.mahjong-table{--hand-tile-w: clamp(36px,min(5.35vw,18dvh),110px);--edge-tile-w: clamp(16px,min(2.25vw,5.5dvh),46px);--meld-tile-w: var(--edge-tile-w);--center-y: 46%;position:relative;flex:1 1 0;height:100%;min-height:0;min-width:740px;width:100%;overflow:hidden;isolation:isolate;background:#30242a}.table-surface{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.table-header{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(3%,env(safe-area-inset-left));right:max(3%,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:start;gap:20px;z-index:5;pointer-events:none}.table-header button,.table-status{pointer-events:auto}.table-left-controls{display:flex;align-items:start;gap:12px}.table-menu{display:flex;align-items:center;flex-direction:column;padding:0;border:0;background:transparent}.table-menu>span{border-radius:50%;width:clamp(31px,4vw,54px);height:clamp(31px,4vw,54px);display:grid;place-items:center;background:linear-gradient(#49505a99,#19232cbb);color:#abefef;border:1px solid #b4c9cb99;box-shadow:inset 0 0 0 3px #18253166,0 3px 6px #1118;font-size:clamp(21px,2.5vw,35px)}.table-menu small{color:#efe0c9;font-size:clamp(8px,1vw,13px);margin-top:3px;text-shadow:0 1px 3px #000}.table-status{display:flex;flex-direction:column;align-items:start;padding-top:2px;gap:5px}.table-status>span{display:flex;align-items:center;gap:6px;font-size:clamp(17px,2.2vw,30px);color:#fff7df;font-weight:600;text-shadow:0 2px 2px #2b1124}.wall-icon{width:15px;height:17px;background:linear-gradient(#9bd89a 0,#9bd89a 14%,#45986d 15%,#45986d);border:1px solid #bedfae;box-shadow:1px 1px 2px #241423}.table-status>small{color:#ddc6ad;font-size:clamp(8px,.85vw,12px);background:#2c182a55;border-radius:2px;padding:1px 4px}.table-pools{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;gap:24px;color:#f1d2a9;font-size:clamp(9px,1.05vw,15px);background:#2e122b42;border-radius:4px;padding:4px 13px;border:1px solid #dab97420;white-space:nowrap}.table-pools b{margin-left:5px;color:#ffe3a0;font-weight:600;font-size:1.15em;font-variant-numeric:tabular-nums}.table-round{display:flex;align-items:center;flex-direction:column;gap:6px;margin-left:auto;padding-top:6px;text-align:center}.table-round strong{font-size:clamp(12px,1.4vw,20px);color:#e6daca;font-weight:500;text-shadow:0 2px 3px #241322}.table-round button{padding:4px 9px;background:#15243277;border-color:#9fb5be44;font-size:clamp(8px,.85vw,12px)}.table-watermark{position:absolute;top:27%;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:8px;color:#3c102b83;font-weight:600;text-align:center;pointer-events:none}.table-watermark>strong{font-size:clamp(14px,1.6vw,24px);font-weight:600;letter-spacing:2px;white-space:nowrap}.table-watermark>span{font-size:clamp(11px,1.4vw,20px);letter-spacing:1px}.table-seat{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.seat-profile{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px}.seat-avatar{position:relative;display:flex;justify-content:center}.seat-bot-tag,.seat-hu-count{display:none}.seat-info{display:flex;flex-direction:column;align-items:center;gap:1px}.seat-info>strong{font-weight:500;font-size:clamp(9px,1vw,17px);max-width:115px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#ffedcd;text-shadow:0 2px 2px #381424}.seat-info>strong>small{font-size:9px;margin-left:4px;color:#d8efbc}.seat-info>span{display:flex;align-items:center;gap:5px;color:#ffe2a0;font-size:clamp(14px,min(2vw,4.5dvh),30px);background:#32131f90;padding:0 5px;line-height:1.2;font-variant-numeric:tabular-nums}.seat-info>span .bean{width:8px;height:11px}.seat-info>small{font-size:clamp(8px,.7vw,11px);color:#efd4c4}.table-seat .avatar,.my-seat .avatar{width:clamp(40px,min(5.5vw,14dvh),105px);height:clamp(40px,min(5.5vw,14dvh),105px);border-radius:3px}.current-turn .avatar{outline:2px solid #ffc457;box-shadow:0 0 14px #ffad4770}.missing-suit{position:absolute;z-index:2;right:-17px;top:-2px;display:grid;place-items:center;border-radius:50%;width:clamp(20px,2.2vw,40px);height:clamp(20px,2.2vw,40px);background:linear-gradient(#ffbe85,#b82f37);color:#fff6df;border:1px solid #ffe2ac;box-shadow:0 2px 4px #1c152b66;font:700 clamp(15px,2vw,34px) KaiTi,serif}.missing-TIAO{background:linear-gradient(#96ebc7,#147858)}.missing-TONG{background:linear-gradient(#ffe196,#bd822d)}.position-1 .seat-profile{left:6.5%;top:34%}.position-2 .seat-profile{left:70%;top:3%}.position-3 .seat-profile{right:6.5%;top:34%}.position-2 .seat-info>small{display:none}.edge-rack{position:absolute;display:flex;align-items:end;gap:clamp(5px,.7vw,12px);width:max-content;transform-origin:center}.other-hand{display:flex;gap:1px;align-items:end}.edge-rack .other-hand .tile{--tile-w: var(--edge-tile-w)}.rack-1{left:22%;top:36%;transform:translate(-50%,-50%) rotate(90deg)}.rack-2{left:auto;right:36%;top:8%;transform:translateY(-50%) rotate(180deg)}.rack-2.rack-readable{transform:translateY(-50%)}.rack-3{left:78%;top:57%;transform:translate(-50%,-50%) rotate(-90deg)}.last-discard:after{content:"";position:absolute;z-index:4;width:14px;height:21px;left:calc(50% - 7px);top:-25px;clip-path:polygon(50% 100%,12% 47%,0 20%,15% 2%,85% 2%,100% 20%,88% 47%);background:radial-gradient(circle at 35% 20%,#fff4ad,#ffce36 55%,#e68c15);filter:drop-shadow(0 0 4px #ffbd36);animation:discard-marker .8s ease-in-out infinite alternate}@keyframes discard-marker{to{transform:translateY(-4px)}}.table-compass{position:absolute;left:50%;top:var(--center-y);transform:translate(-50%,-50%);width:clamp(72px,min(10vw,25dvh),200px);aspect-ratio:1.28;z-index:2;color:#96fff0;display:grid;place-items:center;filter:drop-shadow(0 3px 4px #3c1528a0)}.compass-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.table-compass>strong{position:relative;z-index:1;font-size:clamp(28px,min(4.1vw,10dvh),73px);font-weight:900;text-shadow:0 0 9px #75e9d28a;line-height:1;font-variant-numeric:tabular-nums}.table-compass .urgent{color:#ffd390;text-shadow:0 0 7px #ffa75999}.wind{position:absolute;color:#bdc0af;font:700 clamp(9px,min(1.2vw,3dvh),21px) KaiTi,serif;line-height:1}.wind-0{bottom:6%;left:30%;width:40%;text-align:center}.wind-2{top:6%;left:30%;width:40%;text-align:center;rotate:180deg}.wind-1{left:9%;top:41%;rotate:90deg}.wind-3{right:9%;top:41%;rotate:-90deg}.table-compass[data-turn="0"] .wind-0,.table-compass[data-turn="1"] .wind-1,.table-compass[data-turn="2"] .wind-2,.table-compass[data-turn="3"] .wind-3{color:#f3ffd6;text-shadow:0 0 5px #bcead2}.turn-message{position:absolute;top:19%;left:50%;transform:translate(-50%);text-align:center;z-index:4;pointer-events:none}.turn-message>strong{font:900 clamp(24px,3.6vw,55px) "KaiTi","STKaiti",serif;color:#ffdf8a;letter-spacing:4px;text-shadow:0 3px 0 #694026,0 5px 8px #2b112e9c;white-space:nowrap}.mahjong-table[data-phase=PLAYING] .turn-message,.mahjong-table[data-phase=RESPONSE] .turn-message{top:auto;bottom:calc(var(--hand-tile-w)*1.43 + 90px)}.mahjong-table[data-phase=PLAYING] .turn-message>strong,.mahjong-table[data-phase=RESPONSE] .turn-message>strong{font-size:clamp(15px,1.8vw,27px);letter-spacing:2px}.phase-instruction{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);max-width:58%;background:#261e30cf;border:1px solid #c5a17155;border-radius:3px;color:#fff1c9;padding:7px 13px;font-size:clamp(11px,1.5vw,22px);line-height:1.4;text-align:center}.phase-instruction b{color:#ffb85f}.phase-instruction small{color:#f3dfc8;font-size:.9em}.phase-instruction>span{display:block;font-size:.65em;color:#edcdb0;margin-top:3px}.dingque-instruction{position:absolute;left:50%;bottom:calc(var(--hand-tile-w)*1.43 + 18px);transform:translate(-50%);background:#251d2eb5;border-radius:3px;padding:5px 14px;color:#ffebbc;font-size:clamp(12px,1.5vw,22px)}.exchange-selection-tools{position:absolute;z-index:9;left:32%;bottom:calc(var(--hand-tile-w)*1.43 + 28px);display:flex;gap:10px}.exchange-selection-tools button{font-size:clamp(10px,1vw,14px);padding:7px 12px;color:#f5e7c9;background:#3020319c;border-color:#b89b6b77}.seat-phase{position:absolute;pointer-events:none;color:#ffe49b;font:900 clamp(18px,2.5vw,38px) KaiTi,STKaiti,serif;text-shadow:0 3px 0 #654024,0 4px 8px #33182b;white-space:nowrap}.seat-phase i{font-style:normal}.position-1 .seat-phase{left:13%;top:40%}.position-2 .seat-phase{left:45%;top:16%}.position-3 .seat-phase{right:13%;top:40%}.game-actions{position:absolute;right:22%;bottom:calc(var(--hand-tile-w)*1.43 + 36px);z-index:9;display:flex;align-items:center;gap:17px}.game-actions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 15px;min-height:43px;background:linear-gradient(#6f5037,#483129);border:1px solid #f4d68b;color:#ffecc3;box-shadow:inset 0 0 0 2px #c09b4c55,0 4px 8px #35102488;font-size:clamp(16px,2vw,29px)}.game-actions>button>small{font:12px Microsoft YaHei,sans-serif;color:#ffe8bb;margin-top:2px}.game-actions .exchange-confirm,.game-actions .action-HU,.game-actions .action-KONG,.game-actions .action-PONG{border-radius:50%;width:clamp(55px,7.3vw,108px);height:clamp(55px,7.3vw,108px);padding:4px;background:radial-gradient(circle at 35% 25%,#fff5b2,#d5ae55 48%,#ba7b28);box-shadow:inset 0 0 0 2px #fff7aa8a,inset -4px -5px 9px #935b19a3,0 5px 7px #2a123080;border:1px solid #ffed9b;color:#fff8d7;font:900 clamp(23px,3.7vw,56px) KaiTi,serif;text-shadow:0 3px 0 #a45b25}.game-actions .exchange-confirm>small{margin-top:-3px;font-size:clamp(9px,1.1vw,16px);color:#fff4c7;text-shadow:none}.game-actions .pass-exchange{width:clamp(34px,4.7vw,65px);height:clamp(34px,4.7vw,65px);border-radius:50%;font:700 clamp(18px,2.5vw,36px) KaiTi,serif}.game-actions .discard-confirm{min-height:40px;border-radius:7px;font-size:clamp(12px,1.3vw,20px);background:linear-gradient(#ffde7e,#c28f38);color:#60371e}.mahjong-table[data-phase=DINGQUE] .game-actions{left:50%;right:auto;top:auto;bottom:calc(var(--hand-tile-w)*1.43 + 60px);transform:translate(-50%);gap:clamp(20px,3.5vw,55px)}.game-actions .suit-button{border-radius:50%;width:clamp(54px,7.5vw,114px);height:clamp(54px,7.5vw,114px);font:900 clamp(34px,5.2vw,78px) KaiTi,serif;padding:0;border:2px solid #ffdcb7;color:#fff6db;text-shadow:0 3px 0 #bb635b;box-shadow:inset 0 0 0 3px #ffddd84d,inset -3px -5px 8px #87363f99,0 0 16px #ec696655,0 5px 8px #2c13367d;background:radial-gradient(circle at 35% 25%,#ffccb3,#d75a60 50%,#9f303f)}.game-actions .suit-TIAO{background:radial-gradient(circle at 35% 25%,#b7ffe0,#35b696 50%,#178c76);border-color:#c7ffe3;box-shadow:inset 0 0 0 3px #ddfff54d,inset -3px -5px 8px #145f5499,0 0 16px #66e6ce55,0 5px 8px #2c13367d;text-shadow:0 3px 0 #238b77}.game-actions .suit-TONG{background:radial-gradient(circle at 35% 25%,#fff1b3,#daa65b 50%,#a57237);border-color:#fff1c3;box-shadow:inset 0 0 0 3px #fff8dd4d,inset -3px -5px 8px #805f3199,0 0 16px #e6c56655,0 5px 8px #2c13367d;text-shadow:0 3px 0 #ac813e}.game-actions .recommended-suit{outline:2px solid #fff2ae;outline-offset:5px}.game-actions .suit-button>small{position:absolute;bottom:-8px;color:#74412b;background:#ffe398;border:1px solid #fff0bc;border-radius:5px;padding:1px 7px;font:700 11px Microsoft YaHei,sans-serif;text-shadow:none}.game-actions .suit-button{position:relative}.own-rack{position:absolute;left:max(6.5%,env(safe-area-inset-left),env(safe-area-inset-right));right:max(6.5%,env(safe-area-inset-left),env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:end;gap:clamp(8px,1.8vw,32px);z-index:8}.my-hand{flex:0 0 auto;display:flex;justify-content:center;align-items:end;gap:clamp(1px,.1vw,2px);pointer-events:auto}.own-rack{pointer-events:none}.my-hand .tile{--tile-w: var(--hand-tile-w)}.my-seat{position:absolute;left:6.5%;bottom:calc(var(--hand-tile-w)*1.43 + 42px);z-index:6;display:flex;align-items:center;flex-direction:column;gap:2px}.my-seat>strong{max-width:110px;font-size:clamp(9px,.9vw,16px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffefd0;text-shadow:0 2px 3px #28112a}.my-seat>span{color:#ffe2a0;font-size:clamp(14px,min(2vw,4.5dvh),30px);background:#32131f90;padding:1px 5px;display:flex;align-items:center;gap:5px}.my-seat .bean{width:8px;height:11px}.seat-info{position:relative}.seat-info>.bean-change,.my-seat>.bean-change{position:absolute;z-index:12;left:50%;top:100%;margin-top:4px;transform:translate(-50%);white-space:nowrap;padding:3px 7px;border-radius:4px;background:#28131fed;font:800 clamp(13px,min(1.8vw,4dvh),24px)/1.2 sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #180d12;pointer-events:none;animation:bean-change-in .24s ease-out}.seat-info>.bean-gain,.my-seat>.bean-gain{color:#ffe080;border:1px solid #f5cb6777}.seat-info>.bean-loss,.my-seat>.bean-loss{color:#ffaca3;border:1px solid #ff827666}.bean-change>span{font:500 clamp(8px,.8vw,12px)/1.1 sans-serif}@keyframes bean-change-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}.low-motion .bean-change{animation:none}@media (prefers-reduced-motion:reduce){.bean-change{animation:none!important}}.table-base{position:absolute;top:64%;left:50%;transform:translate(-50%);color:#4f132bc9;font-size:clamp(14px,2vw,34px);pointer-events:none}.hand-help{position:absolute;bottom:calc(var(--hand-tile-w)*1.43 + 12px);left:50%;transform:translate(-50%);color:#d6ac9f;font-size:clamp(8px,.85vw,12px);pointer-events:none;white-space:nowrap}.table-tools{position:absolute;z-index:7;right:2.7%;top:49%;transform:translateY(-12%);display:flex;flex-direction:column;gap:clamp(7px,1.8dvh,16px)}.table-tools>button{border:0;background:none;display:flex;flex-direction:column;align-items:center;padding:0}.table-tools>button>span{display:grid;place-items:center;width:clamp(30px,3.7vw,54px);height:clamp(30px,3.7vw,54px);border:1px solid #b7cab1b3;border-radius:50%;background:radial-gradient(circle at 35% 25%,#2e6066db,#263e4bc9);color:#c9eeea;font:700 clamp(20px,2.4vw,34px) KaiTi,serif;box-shadow:inset 0 0 0 2px #26363b66,0 3px 6px #20192e80}.table-tools small{color:#f3e0cc;font-size:clamp(9px,1vw,15px);line-height:1.4;text-shadow:0 1px 3px #20142a;margin-top:3px}.table-tool-panel{position:absolute;z-index:35;right:8%;top:15%;bottom:25%;width:min(300px,35%);background:#2c2031f2;border:1px solid #cba969;border-radius:8px;padding:24px;overflow:auto;box-shadow:0 8px 28px #21172f99}.table-tool-panel h3{font-size:19px;font-weight:600;color:#ffe7ae}.table-tool-panel p{font-size:12px;color:#e0c9bf}.table-tool-panel form{display:flex;gap:6px}.table-tool-panel form input{width:70%;min-width:0;font-size:11px}.table-tool-panel button{font-size:11px;padding:8px;background:#5a3b37;border-color:#baa07266}.table-tool-panel>button:not(.close-modal){margin-top:15px}.wait-tiles{display:flex;flex-wrap:wrap;gap:10px}.wait-tiles>span{display:flex;flex-direction:column;align-items:center;gap:7px}.wait-tiles .tile{--tile-w: 27px}.wait-tiles small{font-size:9px;color:#ead0b4}.chat-messages{max-height:150px;overflow:auto}.game-dialog-backdrop{z-index:50;background:#251527a1;padding:15px}.topup-dialog{position:relative;background:linear-gradient(145deg,#4a2935,#302432);border:2px solid #e5c786;border-radius:9px;max-width:95%;max-height:95%;overflow:auto;box-shadow:inset 0 0 0 3px #95693b45,0 10px 45px #23132d88;padding:24px 32px;text-align:center}.topup-dialog h2{font:700 29px KaiTi,serif;color:#ffe4a5;margin:5px 0 10px}.topup-dialog p{color:#e3cec3;font-size:12px;line-height:1.7}.topup-dialog{width:470px}.topup-dialog label{text-align:left;margin:18px 0}.topup-dialog>div{display:flex;justify-content:center;gap:12px}.topup-dialog button{background-color:#694332;border-color:#d8b675}.event-notice{position:absolute;z-index:12;top:51%;left:50%;transform:translate(-50%);color:#ffdf83;font:900 clamp(25px,4vw,56px) KaiTi,serif;text-shadow:0 3px 1px #8e4821,0 6px 12px #3f182e;text-align:center;pointer-events:none;white-space:nowrap;animation:mahjong-event .2s ease-out}@keyframes mahjong-event{0%{opacity:0;transform:translate(-50%,10px) scale(1.15)}to{opacity:1;transform:translate(-50%) scale(1)}}.orientation-hint{display:none}@media (max-height:500px){.table-header{top:7px;left:3%;right:3%}.table-left-controls{gap:9px}.table-menu>span{width:29px;height:29px;font-size:21px}.table-menu small{margin-top:2px;font-size:8px}.table-status{gap:3px}.table-status>span{font-size:17px}.wall-icon{width:10px;height:12px}.table-status>small{font-size:7px}.table-pools{font-size:9px;padding:3px 9px;gap:15px}.table-round{gap:3px;padding-top:2px}.table-round strong{font-size:11px}.table-round button{font-size:7px;padding:3px 6px}.table-seat .seat-info{gap:2px}.table-watermark{gap:4px;top:28%}.table-watermark>strong{font-size:13px;letter-spacing:1px}.table-watermark>span{font-size:11px}.turn-message>strong{font-size:27px;letter-spacing:3px}.phase-instruction{padding:5px 10px;font-size:12px}.dingque-instruction{padding:4px 10px;font-size:12px}.game-actions{right:22%;gap:12px;bottom:calc(var(--hand-tile-w)*1.43 + 35px)}.game-actions .exchange-confirm,.game-actions .action-HU,.game-actions .action-KONG,.game-actions .action-PONG{width:55px;height:55px;font-size:28px}.game-actions .pass-exchange{width:35px;height:35px;font-size:21px}.game-actions .exchange-confirm>small{font-size:9px;margin-top:-3px}.game-actions>button>small{font-size:9px}.game-actions .suit-button{width:56px;height:56px;font-size:39px}.seat-phase{font-size:19px}.exchange-selection-tools{gap:7px}.exchange-selection-tools button{font-size:9px;padding:6px 9px}.game-actions .discard-confirm{min-height:35px;padding:8px 13px;font-size:12px}.hand-help{font-size:8px}.table-tools{right:2.8%;top:48%;gap:7px}.table-tools>button>span{width:28px;height:28px;font-size:20px}.table-tools small{font-size:8px;margin-top:2px}.table-tool-panel{padding:18px;width:270px;top:15%;bottom:25%}.table-tool-panel h3{font-size:16px}.table-tool-panel p{font-size:11px}.table-tool-panel form input{min-height:35px;padding:6px}.table-tool-panel button{padding:7px;font-size:10px}.topup-dialog{padding:16px 25px}.topup-dialog h2{font-size:24px}.topup-dialog p{font-size:10px;margin-bottom:10px}.topup-dialog label{margin:12px 0;font-size:11px}.topup-dialog input{min-height:35px}.topup-dialog button{font-size:11px;padding:9px 14px}.event-notice{font-size:28px}}@media (orientation:portrait) and (max-width:739px){.in-game{overflow-x:auto}.orientation-hint{display:block;position:fixed;z-index:20;bottom:18px;left:15px;right:15px;padding:12px;text-align:center;border-radius:5px;background:#2a2032e6;border:1px solid #efd89877;color:#fff0ba;font-size:12px;pointer-events:none}}@media (min-aspect-ratio:3/1){.mahjong-table{--center-y: 40%;--hand-tile-w: clamp(36px,min(5.35vw,22dvh),110px)}.table-watermark{top:23%}.phase-instruction{top:49%}.turn-message{top:17%}}.game-actions .action-PASS{border-radius:50%;border:1px solid #c5fff0;width:clamp(55px,7.3vw,108px);height:clamp(55px,7.3vw,108px);padding:4px;color:#e2fff3;background:radial-gradient(circle at 35% 25%,#8ce1d1,#269b9f 55%,#216877);box-shadow:inset 0 0 0 2px #c4fff350,inset -4px -5px 9px #1d535c88,0 5px 7px #2a123080;text-shadow:0 3px 0 #287b80;font-size:clamp(28px,4vw,65px)}@media (max-height:500px){.game-actions .action-PASS{width:55px;height:55px;font-size:34px}}.standing-hand{--standing-unit: min(var(--edge-tile-w),3.3dvh);display:block;flex:none;width:calc(var(--standing-unit)*var(--standing-length)/36);height:calc(var(--standing-unit)*var(--standing-depth)/36);overflow:visible;filter:drop-shadow(3px 5px 3px #18271c65)}.rack-2.rack-standing{transform:translateY(-50%)}.mahjong-table[data-dealing=true] .standing-card{animation:standing-deal .2s ease-out backwards;animation-delay:calc(var(--deal-index)*36ms)}@keyframes standing-deal{0%{opacity:0}to{opacity:1}}.meld-bank{display:flex;gap:calc(var(--meld-tile-w)*.36);align-items:end;flex:0 0 auto;padding-top:calc(var(--meld-tile-w)*.55);padding-bottom:11px}.table-meld{position:relative;display:flex;gap:1px;flex:0 0 auto;isolation:isolate}.table-meld .tile{--tile-w: var(--meld-tile-w);border-radius:2px}.meld-tile{position:relative;display:inline-flex}.meld-stacked{position:absolute;z-index:calc(2 + var(--meld-tier));left:calc(var(--meld-column)*(var(--meld-tile-w)*var(--meld-ratio-x) + 1px) - var(--meld-tier)*var(--meld-tile-w)*var(--meld-stack-x));top:calc(var(--meld-row)*(var(--meld-tile-w)*var(--meld-ratio-y) + 1px) - var(--meld-tier)*var(--meld-tile-w)*var(--meld-stack-y))}.meld-count{position:absolute;left:50%;bottom:-13px;transform:translate(-50%);color:#ffe9b4;font:600 clamp(8px,.75vw,12px)/1 sans-serif;text-shadow:0 1px 3px #301620;white-space:nowrap}.meld-origin{position:absolute;bottom:3px;right:-5px;z-index:8;width:12px;height:12px;border-radius:50%;color:#352f25;background:#f6d77c;text-align:center;font:11px/12px sans-serif;box-shadow:0 1px 2px #382019}.meld-source-arrow{display:block;width:100%;height:100%}.meld-bank-open{pointer-events:auto;cursor:pointer;border:0;border-radius:0;padding-inline:0;margin:0;background:none;color:inherit;text-align:inherit}.fa-pick-layer{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;pointer-events:none}.fa-picker{pointer-events:auto;position:absolute;left:18%;right:16%;bottom:calc(var(--hand-tile-w)*1.43 + 41px);min-height:115px;display:grid;grid-template-columns:clamp(42px,5vw,76px) 1fr;align-items:center;gap:clamp(10px,1.6vw,25px);padding:12px 20px 24px 10px;background:linear-gradient(110deg,#4a221ef5,#3d171bdf);border:2px solid #997140;box-shadow:inset 0 0 0 3px #b88c4e33,0 5px 15px #24122188;border-radius:4px}.fa-picker:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #bd8c4d3d;pointer-events:none}.fa-picker h2{position:absolute;bottom:100%;left:12px;margin:0 0 8px;color:#ffe5ae;font:500 clamp(14px,1.8vw,26px) "Microsoft YaHei",sans-serif;text-shadow:0 2px 3px #502225;white-space:nowrap}.fa-picker h2 span{font-size:.85em;color:#f5ce8f}.fa-picker nav{display:flex;flex-direction:column;gap:5px;z-index:1}.fa-picker .fa-suit{display:grid;place-items:center;width:clamp(30px,3.5vw,54px);height:clamp(30px,3.5vw,54px);border-radius:50%;padding:0;font:900 clamp(21px,2.5vw,38px) KaiTi,STKaiti,serif;color:#f7f6df;background:radial-gradient(circle at 30% 25%,#6995b5,#29497b 70%);border:2px solid #a2c4d9;box-shadow:inset 0 0 0 2px #263d6e,0 2px 3px #20122499}.fa-picker .fa-suit-TIAO{background:radial-gradient(circle at 30% 25%,#70a977,#276547 70%);border-color:#97c4a1;box-shadow:inset 0 0 0 2px #294f35,0 2px 3px #20122499}.fa-picker .fa-suit-WAN{background:radial-gradient(circle at 30% 25%,#bf8c76,#853d40 70%);border-color:#d8b38a;box-shadow:inset 0 0 0 2px #72483d,0 2px 3px #20122499}.fa-picker .fa-suit.selected{outline:2px solid #ffe792;outline-offset:3px;filter:drop-shadow(0 0 5px #ffce6d99)}.fa-picker .fa-suit:disabled{opacity:.3}.fa-tile-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(3px,1.1vw,16px);min-width:0}.fa-tile-row .tile{--tile-w: clamp(29px,min(4.8vw,13dvh),76px)}.fa-tile-row .tile:disabled{opacity:.25}.fa-picker p{position:absolute;bottom:4px;left:8px;right:8px;margin:0;text-align:center;font-size:clamp(8px,.85vw,12px);line-height:1.5;color:#e4c5a5}@media (max-height:500px){.fa-picker{padding:9px 13px 21px 9px;gap:10px;bottom:calc(var(--hand-tile-w)*1.43 + 34px)}.fa-picker nav{gap:5px}.fa-picker .fa-suit{width:28px;height:28px;font-size:20px}.fa-picker h2{font-size:14px;margin-bottom:7px}.fa-picker p{font-size:8px}.mahjong-table[data-phase=FA_PICK] .turn-message{display:none}.mahjong-table[data-phase=FA_PICK] .table-compass{top:29%}}.table-motion{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:28;overflow:hidden;transform:translateZ(0)}.fa-confirmation{position:absolute;display:flex;flex-direction:column;align-items:center;isolation:isolate;animation:pick-confirmed 1.3s ease-out both}.fa-confirmation:before{content:"";position:absolute;z-index:-1;top:-28px;right:-35px;bottom:-5px;left:-35px;background:radial-gradient(#fff3bba8,#ffb52e6e 30%,#ffb12a16 58%,transparent 72%);border-radius:50%}.fa-confirmation:after{content:"✦";position:absolute;top:6px;right:-22px;color:#fff3b1;font-size:21px;text-shadow:0 0 12px #ffcc54;animation:burst-ring .65s ease-out}.fa-confirmation .tile{--tile-w: clamp(32px,min(4.7vw,12dvh),72px);outline:2px solid #fff19c;outline-offset:2px;box-shadow:0 4px #b8c9a7,0 8px #1d8d4e,0 0 12px #fff0b4,0 0 32px #ffc448}.fa-confirmation strong{margin-top:13px;white-space:nowrap;font:900 clamp(16px,min(2vw,4dvh),34px)/1.1 KaiTi,STKaiti,serif;color:#ffe49b;text-shadow:0 2px 0 #a86227,0 4px 6px #57222a,0 0 14px #ffc23e}.confirm-seat-0{left:50%;bottom:calc(var(--hand-tile-w)*1.43 + 47px);transform:translate(-50%)}.confirm-seat-1{left:20%;top:37%;transform:translate(-50%,-50%)}.confirm-seat-2{left:50%;top:15%;transform:translate(-50%)}.confirm-seat-3{left:80%;top:37%;transform:translate(-50%,-50%)}@keyframes pick-confirmed{0%{opacity:0;scale:.45}18%{opacity:1;scale:1.08}32%,82%{opacity:1;scale:1}to{opacity:0;scale:.95}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.my-hand.dealing .tile{animation:tile-deal .3s cubic-bezier(.18,.7,.22,1) backwards;animation-delay:calc(var(--deal-index)*47ms)}.my-hand:not(.dealing) .tile.drawn{animation:tile-draw .27s cubic-bezier(.16,.7,.3,1)}.mahjong-table[data-dealing=true] .other-hand .tile{animation:back-deal .25s ease-out backwards;animation-delay:calc(var(--deal-index)*36ms)}@keyframes tile-deal{0%{opacity:0;transform:translate(12vw,-32dvh) rotate(-22deg) scale(.4)}}@keyframes back-deal{0%{opacity:0;transform:translateY(12px) scale(.5)}}@keyframes tile-draw{0%{opacity:0;transform:translate(35px,-85px) rotate(8deg) scale(.8)}}.game-actions button,.seat-phase,.dingque-instruction{animation:control-appear .2s ease-out}@keyframes control-appear{0%{opacity:0;scale:.82}}.fa-picker{animation:tray-appear .25s cubic-bezier(.16,.7,.3,1);transform-origin:50% 100%}@keyframes tray-appear{0%{opacity:0;transform:translateY(25px) scaleX(.5)}}.fa-reveal{position:absolute;left:50%;top:43%;width:200px;height:200px;transform:translate(-50%,-50%);display:grid;place-items:center;perspective:650px}.fa-aura{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(#fff3a38c,#ffc64b26 38%,transparent 65%);border-radius:50%;animation:aura-bloom .7s ease-out both}.fa-flip{width:clamp(60px,7vw,105px);aspect-ratio:.7;padding:5px;border:1px solid #fff5ce;border-radius:7px;background:linear-gradient(110deg,#fffbe3,#fff);box-shadow:0 5px #b1c6a5,0 10px #168b52,0 0 30px #ffe58a;animation:fa-flip .7s cubic-bezier(.2,.65,.25,1) both}.fa-flip svg{backface-visibility:hidden}.fa-reveal strong{position:absolute;left:50%;top:90%;transform:translate(-50%);white-space:nowrap;font:900 clamp(24px,3.5vw,48px) KaiTi,STKaiti,serif;color:#ffe293;text-shadow:0 2px 0 #a76523,0 0 14px #ffc445;animation:fa-title .7s ease-out both}.fa-reveal>i{position:absolute;width:7px;height:7px;top:calc(50% - 3px);left:calc(50% - 3px);background:#fff4bb;box-shadow:0 0 8px #ffc65a;rotate:calc(var(--spark)*30deg);animation:fa-spark .7s ease-out both}@keyframes fa-flip{0%{opacity:0;transform:translate(35px,-90px) rotateY(160deg) rotate(15deg) scale(.35)}45%{opacity:1;transform:rotateY(-12deg) rotate(-5deg) scale(1.15)}78%{opacity:1;transform:rotateY(0) scale(1)}to{opacity:0;transform:translateY(60px) scale(.7)}}@keyframes aura-bloom{0%{opacity:0;scale:.2}50%{opacity:1;scale:1.15}to{opacity:0;scale:1.6}}@keyframes fa-spark{0%{opacity:0;transform:translateY(-25px) scale(.2)}30%{opacity:1}to{opacity:0;transform:translateY(-125px) rotate(65deg) scale(.4)}}@keyframes fa-title{0%{opacity:0;margin-top:12px}30%,75%{opacity:1;margin-top:0}to{opacity:0}}.action-burst{position:absolute;left:50%;top:45%;width:clamp(130px,18vw,260px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;animation:burst-life 1.1s ease-out both;will-change:transform,opacity}.action-burst>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #fff0a160;background:radial-gradient(#ffe38a55,#f6a52e2b 45%,transparent 70%);box-shadow:0 0 40px #ffc73b33,inset 0 0 25px #ffe8a333;animation:burst-ring 1.1s ease-out}.action-burst strong{position:relative;font:900 clamp(80px,12vw,176px) KaiTi,STKaiti,serif;color:#ffe79a;text-shadow:0 4px 0 #b4772c,1px 0 0 #fffbda,-1px 0 0 #fffbda,0 8px 12px #44202b,0 0 28px #ffd35c}.burst-hu strong{color:#fff0b4}.action-burst>i{position:absolute;color:#fff1b9;right:0;top:15%;font-size:40px;animation:burst-ring .6s ease-out}@keyframes burst-life{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.7)}15%{opacity:1;transform:translate3d(-50%,-50%,0) scale(.93)}30%,78%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.1)}}@keyframes burst-ring{0%{scale:.3;opacity:1}to{scale:1.4;opacity:0}}.flying-discard{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);--from-x: 0px;--from-y: 35dvh;animation:flying-tile .26s cubic-bezier(.15,.65,.25,1) both}.flying-discard .tile{--tile-w: clamp(27px,3.5vw,50px)}.flying-discard.source-1{--from-x: -35vw;--from-y: -7dvh}.flying-discard.source-2{--from-x: 0px;--from-y: -38dvh}.flying-discard.source-3{--from-x: 35vw;--from-y: -7dvh}@keyframes flying-tile{0%{opacity:.6;translate:var(--from-x) var(--from-y);scale:1.5;rotate:-10deg}to{opacity:0;translate:0 0;scale:.8;rotate:0deg}}.volume-setting input{width:45%;min-height:24px;padding:0;accent-color:#f4cf6d}.hall-header{animation:hall-header-in .3s ease-out}.mode-tile{animation:hall-card-in .35s ease-out backwards}.mode-tile:nth-child(2){animation-delay:.05s}.mode-tile:nth-child(3){animation-delay:.1s}.mode-tile:nth-child(4){animation-delay:.15s}.mode-tile:nth-child(5){animation-delay:.2s}.scene-card{animation:scene-card-in .3s ease-out backwards}.scene-card:nth-child(2){animation-delay:.06s}.scene-card:nth-child(3){animation-delay:.12s}.scene-card:nth-child(4){animation-delay:.18s}.ready-tag{animation:control-appear .25s ease-out}.summary{animation:summary-in .4s cubic-bezier(.18,.65,.3,1)}.summary-net{animation:summary-number .6s ease-out}@keyframes hall-header-in{0%{opacity:0;translate:0 -12px}}@keyframes hall-card-in{0%{opacity:0;translate:0 22px;scale:.97}}@keyframes scene-card-in{0%{opacity:0;translate:18px 0}}@keyframes summary-in{0%{opacity:0;translate:0 28px;scale:.93}}@keyframes summary-number{0%{opacity:0;scale:.7}}@media (max-height:500px){.fa-reveal{scale:.7}}.low-motion .table-motion>*:not(.fa-confirmation){display:none}@media (prefers-reduced-motion:reduce){.table-motion>*:not(.fa-confirmation){display:none}}@media (min-aspect-ratio:3/1){.confirm-seat-2{left:65%;top:18%}}.game-actions .action-HU{position:relative;overflow:visible}.game-actions .hu-multiplier{position:absolute;left:50%;bottom:-24px;transform:translate(-50%);padding:3px 12px;min-width:58px;border-radius:3px;background:#321823dd;color:#fff0ca;font:600 clamp(12px,1.4vw,20px) sans-serif;white-space:nowrap}.action-burst.source-0{left:64%;top:67%}.action-burst.source-1{left:25%;top:43%}.action-burst.source-2{left:50%;top:24%}.action-burst.source-3{left:76%;top:43%}.burst-pong>span{border-radius:12%;rotate:45deg;background:linear-gradient(135deg,#88d3efc0,#1a599180);border-color:#d7faff}.burst-kong>span{background:radial-gradient(#fff0b388,#e3a43444 45%,transparent 70%)}.action-burst.burst-red-kong>strong{white-space:nowrap;font-size:clamp(29px,min(5vw,11dvh),76px)}.burst-red-kong>span{background:radial-gradient(#fff2ba88,#ea963e44 45%,transparent 70%)}.burst-hu>span{background:radial-gradient(#fff0b377,#e9673344 45%,transparent 70%);border-color:#ffad6b}@media (max-height:500px){.action-burst{width:clamp(90px,min(18vw,32dvh),160px)}.action-burst strong{font-size:clamp(60px,min(12vw,23dvh),112px)}}.action-burst.burst-hu{width:clamp(180px,28vw,420px);min-height:125px;aspect-ratio:auto;padding:18px 12px;animation-duration:1.8s}.action-burst.burst-hu.source-0{top:62%}.hu-result{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.hu-result>small{color:#fff3cb;font-size:clamp(12px,min(1.5vw,3.5dvh),24px);text-shadow:0 2px 3px #6f242b}.action-burst .hu-pattern{font-size:clamp(23px,min(4.2vw,9dvh),66px);line-height:1.2}.hu-additions{max-width:100%;color:#ffe7b0;font-size:clamp(10px,min(1.2vw,3dvh),19px);text-shadow:0 2px 3px #6f242b}.hu-factor{padding:2px 18px;color:#fff1bc;font:900 clamp(20px,min(3vw,7dvh),48px)/1.1 sans-serif;background:#5b172cbb;border-bottom:1px solid #f1ca79;text-shadow:0 2px 0 #a86428}.low-motion .table-motion>.burst-hu{display:grid;animation:none}.low-motion .burst-hu>span,.low-motion .burst-hu>i{animation:none}@media (prefers-reduced-motion:reduce){.table-motion>.burst-hu{display:grid;animation:none}.burst-hu>span,.burst-hu>i{animation:none}}.exchange-notice{position:absolute;bottom:calc(var(--hand-tile-w)*1.43 + 10px);left:50%;transform:translate(-50%);padding:3px 14px;border:1px solid #ffe6a377;border-radius:4px;background:#38202fdb;color:#ffe7a2;font-size:clamp(11px,1.3vw,20px);white-space:nowrap}.my-hand .tile.exchange-incoming{outline:2px solid #ffe07a;outline-offset:1px;animation:exchanged-arrival .42s cubic-bezier(.18,.7,.22,1) backwards,exchanged-glow .65s ease-in-out 1.25s 2 alternate;animation-delay:calc(.65s + var(--exchange-index)*.07s),1.25s}@keyframes exchanged-arrival{0%{opacity:0;translate:0 -110px;rotate:-8deg;scale:.8}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}@keyframes exchanged-glow{0%{filter:brightness(1)}to{filter:brightness(1.12);box-shadow:0 0 14px #ffde69b0}}.my-hand[data-exchange-animated=false] .tile.exchange-incoming{animation:none}.low-motion .exchange-incoming{animation:none!important}@media (prefers-reduced-motion:reduce){.exchange-incoming{animation:none!important}}.low-motion .table-motion>.exchange-notice{display:block}@media (prefers-reduced-motion:reduce){.table-motion>.exchange-notice{display:block}}.exchange-notice-animated{animation:control-appear .2s .65s backwards}.exchange-offers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.exchange-offer{--offer-x: 0px;--offer-y: 22dvh;position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%,-50%)}.exchange-offer-cards{display:flex;gap:1px}.exchange-offer-cards .tile{--tile-w: clamp(16px,min(2.6vw,5dvh),40px)}.exchange-offer-cards>span+span{margin-left:calc(clamp(16px,min(2.6vw,5dvh),40px)/-2)}.exchange-offer strong{font:700 clamp(10px,1.2vw,19px)/1.1 sans-serif;padding:3px 9px;color:#ffe7a0;background:#321825d9;border:1px solid #e5c77666;border-radius:4px;white-space:nowrap}.offer-seat-0{left:50%;top:70%}.offer-seat-1{left:34%;top:45%;--offer-x: -21vw;--offer-y: 0px}.offer-seat-2{left:50%;top:27%;--offer-y: -20dvh}.offer-seat-3{left:66%;top:45%;--offer-x: 21vw;--offer-y: 0px}@keyframes exchange-push{0%{opacity:0;translate:var(--offer-x) var(--offer-y)}to{opacity:1;translate:0 0}}.low-motion .exchange-offer,.low-motion .exchange-notice-animated{animation:none}@media (prefers-reduced-motion:reduce){.exchange-offer,.exchange-notice-animated{animation:none!important}}.offer-pushing{animation:exchange-push .5s ease-out both}.mahjong-table[data-phase=EXCHANGE] .turn-message{display:none}.multi-ron-banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;padding:16px 40px;color:#fff0b1;background:radial-gradient(ellipse,#9e343de6,#7a24345c 60%,transparent 75%);white-space:nowrap;animation:multi-ron-reveal 1.1s ease-out both}.multi-ron-banner>strong{font:900 clamp(35px,min(7vw,16dvh),110px)/1.1 KaiTi,STKaiti,serif;letter-spacing:.1em;text-shadow:0 3px 0 #a56a22,0 0 20px #ffc864}.multi-ron-banner>span{margin-top:8px;font-size:clamp(12px,1.8vw,25px)}@keyframes multi-ron-reveal{0%{opacity:0;scale:1.4}18%,85%{opacity:1;scale:1}to{opacity:0;scale:1.05}}.low-motion .table-motion>.multi-ron-banner{display:flex;animation:none}@media (prefers-reduced-motion:reduce){.table-motion>.multi-ron-banner{display:flex;animation:none}}.my-hand[data-synchronized-exchange=true] .tile.exchange-incoming{animation-delay:calc(var(--exchange-index)*.07s),.8s}.exchange-notice-animated[data-synchronized-exchange=true]{animation-delay:0s}.table-public-areas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.table-zone{position:absolute;width:0;height:0}.zone-melds{--meld-tile-w: clamp(14px,min(2.45vw,5.3dvh),46px)}.zone-melds .meld-bank{width:max-content;transform-origin:0 0;transform:var(--meld-position)}.zone-melds .meld-bank-open:active:not(:disabled){transform:var(--meld-position)}.zone-melds-0{--meld-position: translate(-100%,-100%)}.zone-melds-1{--meld-position: translate(-50%,-100%)}.zone-melds-2{--meld-position: translateY(-50%)}.zone-melds-3{--meld-position: translateX(-50%)}.zone-melds-1 .meld-bank,.zone-melds-3 .meld-bank{flex-direction:column}.zone-melds-0 .meld-red .meld-count{left:auto;right:0;transform:none}.meld-bank-1 .table-meld{flex-direction:column}.meld-bank-3 .table-meld{flex-direction:column-reverse}.meld-bank-2 .table-meld{flex-direction:row-reverse}.zone-readable .meld-bank-2 .table-meld{flex-direction:row}.meld-red,.meld-bank .meld-red{display:grid}.meld-red .meld-tile{grid-area:1/1;transform:translate(calc(var(--red-tier)*var(--meld-tile-w)*var(--meld-stack-x)*-1),calc(var(--red-tier)*var(--meld-tile-w)*var(--meld-stack-y)*-1))}.public-event-bank{--event-gap-x: clamp(3px,.3vw,7px);--event-gap-y: clamp(9px,1.4dvh,15px);--event-tile-w: clamp(12px,min(2.5vw,5.5dvh),48px);position:relative;width:0;height:0;overflow:visible;pointer-events:none}.public-event-stack{display:grid;position:absolute;left:calc(var(--event-x)*(var(--event-tile-w)*var(--event-ratio-x) + var(--event-gap-x)));top:calc(var(--event-y)*(var(--event-tile-w)*var(--event-ratio-y) + var(--event-gap-y)));transform:translate(-50%,-50%)}.public-event-stack>span{grid-area:1/1;display:block;line-height:0;transform:translate(calc(var(--stack-tier)*var(--event-tile-w)*var(--event-stack-x)*-1),calc(var(--stack-tier)*var(--event-tile-w)*var(--event-stack-y)*-1))}.public-event-stack .tile{--tile-w: var(--event-tile-w)}.public-event-stack>small{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);white-space:nowrap;font:600 clamp(7px,.7vw,11px)/1 sans-serif;color:#fff1ca;text-shadow:0 1px 2px #2d1022}.zone-events-1 .public-event-stack>small,.zone-events-3 .public-event-stack>small{top:50%;bottom:auto;transform:translateY(-50%);z-index:1}.zone-events-1 .public-event-stack>small{left:auto;right:calc(100% + clamp(6px,.5vw,12px) + var(--event-top-tier)*var(--event-tile-w)*var(--event-stack-x))}.zone-events-3 .public-event-stack>small{left:calc(100% + clamp(6px,.5vw,12px))}.river-grid{--river-tile-w: clamp(10px,min(2.65vw,5.3dvh,calc(13dvh/var(--river-rows)), calc(2.4vw - .5px) ),49px);width:max-content;display:grid;grid-template-columns:repeat(var(--river-columns),max-content);gap:clamp(1px,.12vw,3px)}.river-grid .tile{--tile-w: var(--river-tile-w)}.river-grid>span{position:relative;display:block;line-height:0}.zone-discards-0 .river-grid{transform:translate(-50%)}.zone-discards-1 .river-grid,.zone-discards-3 .river-grid{grid-template-columns:repeat(var(--river-rows),max-content);transform:translate(-50%,-50%)}.zone-discards-2 .river-grid{transform:translate(-50%,-100%)}.mahjong-table:is([data-phase=PLAYING],[data-phase=RESPONSE]) .game-actions{top:56%;bottom:auto}.chat-bubble{position:absolute;z-index:30;left:calc(100% + 12px);top:5px;display:flex;flex-direction:column;gap:4px;width:max-content;max-width:clamp(130px,22vw,300px);padding:9px 12px;border-radius:10px;background:#fff4dc;border:1px solid #d3b689;color:#4a302a;box-shadow:0 3px 10px #27121c55;font:500 clamp(12px,1.3vw,20px)/1.5 sans-serif;text-align:left;overflow-wrap:anywhere;pointer-events:none}.chat-bubble:before{content:"";position:absolute;left:-7px;top:12px;width:12px;height:12px;background:#fff4dc;border:solid #d3b689;border-width:0 0 1px 1px;transform:rotate(45deg)}.chat-bubble>small{color:#886b40;font:600 .7em/1 sans-serif}.position-3 .chat-bubble,.position-2 .chat-bubble{left:auto;right:calc(100% + 12px)}.position-3 .chat-bubble:before,.position-2 .chat-bubble:before{left:auto;right:-7px;border-width:1px 1px 0 0}.table-seat.has-chat,.my-seat.has-chat{z-index:20}.in-game{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}.mahjong-table{min-width:0;--hand-gap: clamp(1px,.1vw,2px);--hand-lane-left: max(6.5vw,env(safe-area-inset-left),env(safe-area-inset-right));--hand-lane-right: max(24vw,env(safe-area-inset-right));--hand-tile-w: clamp(26px,min(5.35vw,18dvh,calc((100vw - var(--hand-lane-left) - var(--hand-lane-right) - var(--hand-gap)*(var(--hand-slots,14) - 1))/(var(--hand-slots,14) + .4))),110px);--edge-tile-w: clamp(12px,min(2.25vw,5.5dvh),46px)}.own-rack{left:var(--hand-lane-left);right:var(--hand-lane-right)}.my-hand{gap:var(--hand-gap)}.zone-melds-0{--meld-tile-w: clamp(12px,min(2.3vw,5.1dvh),46px)}.mobile-display-control{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(13%,env(safe-area-inset-right));z-index:12;min-height:34px;padding:6px 10px;background:#24343edb;font-size:clamp(11px,1.1vw,16px)}.table-tools{right:max(2.8%,env(safe-area-inset-right))}.table-header{left:max(3%,env(safe-area-inset-left));right:max(3%,env(safe-area-inset-right))}.position-1 .seat-profile,.my-seat{left:max(6.5%,env(safe-area-inset-left))}.position-3 .seat-profile{right:max(6.5%,env(safe-area-inset-right))}.landscape-prompt{display:none}.display-notice{position:absolute;z-index:65;left:50%;bottom:max(15px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(90%,520px);padding:12px 38px 12px 16px;color:#fff0c9;background:#342230f5;border:1px solid #c5a366;border-radius:6px;font-size:13px}.display-notice>button{position:absolute;right:3px;top:3px;padding:5px 9px}@media (orientation:portrait) and (max-width:900px){.landscape-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:max(24px,env(safe-area-inset-top)) 25px max(24px,env(safe-area-inset-bottom));text-align:center;background:#291c2cf2}.landscape-prompt>span{font-size:70px;color:#f7d782}.landscape-prompt>strong{font-size:24px;color:#fff0c9}.landscape-prompt p{max-width:340px;margin:0;color:#ebd8be}.orientation-hint,.mobile-display-control{display:none}}.table-tool-panel.waits-panel{top:6%;bottom:6%;width:min(560px,82vw);padding:24px}.waits-panel h3{font-size:clamp(19px,2.5vw,28px);margin-bottom:12px}.waits-panel>.close-modal{width:40px;height:40px;min-height:40px;font-size:22px}.waits-panel .wait-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:18px 10px}.wait-card{display:flex;flex-direction:column;align-items:center;gap:5px}.waits-panel .wait-card .tile{--tile-w: clamp(42px,min(6vw,13dvh),70px)}.wait-beans{font:600 clamp(13px,1.8vw,18px)/1.25 sans-serif;color:#fff0c7;font-variant-numeric:tabular-nums}.wait-factor{font:700 clamp(13px,1.6vw,17px)/1.25 sans-serif;color:#ffe091}.wait-remaining{font:600 clamp(13px,1.6vw,17px)/1.3 sans-serif;color:#e8d9be;font-variant-numeric:tabular-nums}.wait-card.is-exhausted .tile{filter:grayscale(1) brightness(.72)}.wait-card.is-exhausted .wait-beans,.wait-card.is-exhausted .wait-factor,.wait-card.is-exhausted .wait-remaining{color:#b1a7b2}.waits-panel .waits-note{margin:16px 0 0;color:#d2bdce;font-size:clamp(12px,1.3vw,15px);line-height:1.5}@media (max-height:360px){.table-tool-panel.waits-panel{padding:16px}}@media (orientation:landscape) and (max-height:650px){.mahjong-table{--profile-avatar: clamp(32px,min(5vw,11dvh),56px);--profile-width: clamp(58px,8.5vw,104px);--profile-inset: max(3.5%,env(safe-area-inset-left),env(safe-area-inset-right));--zone-discards-0-x: 50%;--zone-discards-0-y: 57.5%;--zone-discards-1-x: 36.3%;--zone-discards-1-y: 44%;--zone-discards-2-x: 50%;--zone-discards-2-y: 37%;--zone-discards-3-x: 63.7%;--zone-discards-3-y: 46%;--zone-events-0-x: 74%;--zone-events-0-y: min(71%,calc(100% - var(--hand-tile-w)*1.43 - 60px));--zone-events-1-x: 26.5%;--zone-events-1-y: 66%;--zone-events-2-x: 26%;--zone-events-2-y: 20%;--zone-events-3-x: 73.5%;--zone-events-3-y: 24.5%;--zone-melds-1-x: 16%;--zone-melds-1-y: 81%;--zone-melds-3-x: 82%;--zone-melds-3-y: 14%}.seat-profile,.my-seat{width:var(--profile-width)}.table-seat .avatar,.my-seat .avatar{width:var(--profile-avatar);height:var(--profile-avatar)}.position-1 .seat-profile,.my-seat{left:var(--profile-inset)}.position-3 .seat-profile{right:var(--profile-inset)}.position-1 .seat-profile,.position-3 .seat-profile{top:34%}.my-seat{bottom:calc(var(--hand-tile-w)*1.43 + 20px)}.seat-info{position:static}.seat-info>strong,.my-seat>strong{position:absolute;top:calc(var(--profile-avatar) - 12px);left:50%;transform:translate(-50%);width:var(--profile-avatar);max-width:var(--profile-avatar);height:12px;padding:0 2px;font-size:8px;line-height:12px;text-align:center;background:#24343ac9;border-radius:0 0 2px 2px}.seat-info>strong>small{font-size:6px;margin-left:2px}.seat-info>small{display:none}.seat-info>span,.my-seat>span{font-size:clamp(12px,min(1.8vw,3.8dvh),20px);line-height:1.2;gap:3px;padding:1px 3px;white-space:nowrap}.seat-info>span .bean,.my-seat .bean{width:6px;height:9px}.missing-suit{width:19px;height:19px;right:-12px;top:-2px;font-size:15px}.seat-bot-tag{display:block;position:absolute;left:2px;top:2px;padding:0 2px;font:700 7px/11px sans-serif;color:#fff3c2;background:#294f4fe8;border-radius:2px}.seat-hu-count{display:block;position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);padding:1px 4px;color:#ffe093;font:600 8px/12px sans-serif;background:#32212dba;white-space:nowrap;border-radius:2px}.position-2 .seat-hu-count{left:auto;right:calc(100% + 6px);top:0;bottom:auto;transform:none}.rack-1{left:18%;top:37%}.rack-3{left:82%;top:57%}.rack-2{top:11.5%}.table-pools{top:-4px;font-size:8px;padding:2px 8px}.table-tools{--tool-size: clamp(25px,min(3.7vw,7.5dvh),32px);right:max(2.8%,env(safe-area-inset-right));top:calc(34% + var(--profile-avatar) + 30px);transform:none;gap:3px}.table-tools>button>span{width:var(--tool-size);height:var(--tool-size);font-size:19px}.table-tools small{font-size:8px;line-height:1.2;margin-top:1px}.mahjong-table[data-phase=FINISHED] .table-tools{top:calc(34% + var(--profile-avatar) + 20px);gap:2px}.mahjong-table[data-phase=FINISHED] .table-tools>button>span{width:24px;height:24px}.own-rack{bottom:max(14px,env(safe-area-inset-bottom))}.hand-help{bottom:1px;font-size:8px}.mahjong-table:is([data-phase=PLAYING],[data-phase=RESPONSE]) .turn-message{top:53.5%;bottom:auto}.mahjong-table:is([data-phase=PLAYING],[data-phase=RESPONSE]) .turn-message>strong{font-size:12px;letter-spacing:1px}.table-base{top:73%;font-size:12px;opacity:.65}.river-grid{--river-tile-w: clamp(9px,min(2.65vw,5.3dvh,calc(13dvh/var(--river-rows)), calc(2.4vw - .5px) ),49px)}.meld-bank-1 .meld-count{left:auto;right:calc(100% + 5px);top:50%;bottom:auto;transform:translateY(-50%);font-size:8px}.meld-bank-3 .meld-count{left:calc(100% + 5px);top:50%;bottom:auto;transform:translateY(-50%);font-size:8px}}@media (orientation:landscape) and (max-height:350px){.table-tools{--tool-size: 23px}}@media (orientation:landscape) and (max-height:650px) and (min-aspect-ratio:3/1){.mahjong-table{--center-y: 39%;--zone-discards-0-y: 50%;--zone-discards-2-y: 29%;--zone-discards-1-y: 40%;--zone-discards-3-y: 41%;--zone-events-0-x: 78.5%;--zone-events-0-y: calc(100% - var(--hand-tile-w)*1.43 - 68px)}.table-compass{width:min(8vw,18dvh)}.table-compass>strong{font-size:min(3vw,8dvh)}.river-grid{--river-tile-w: clamp(9px,min(2.65vw,4dvh,calc(10.5dvh/var(--river-rows))),30px)}.mahjong-table:is([data-phase=PLAYING],[data-phase=RESPONSE]) .turn-message{top:46%}.rack-2{top:10%}}.ready-preview{position:absolute;z-index:14;left:50%;top:45%;transform:translate(-50%,-50%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,76%);max-height:min(59dvh,calc(100dvh - var(--hand-tile-w)*1.43 - 56px));padding:16px 20px 12px;border:2px solid #dfbd6e;border-top:5px solid #ffe0a1;border-radius:8px;background:linear-gradient(135deg,#f0fbf3,#d6eeeb);color:#34545d;box-shadow:0 10px 36px #36152488,inset 0 0 0 1px #fff9df;font-size:clamp(14px,1.55vw,20px);font-variant-numeric:tabular-nums}.ready-preview>header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding-bottom:10px}.ready-preview>header>strong{color:#315961;font-size:1.1em}.ready-preview>header>span{color:#54727b;font-size:12px}.ready-preview-body{display:grid;grid-template-columns:minmax(155px,.8fr) minmax(0,1.3fr);gap:18px;overflow:auto;overscroll-behavior:contain}.ready-totals{margin:0;padding-right:16px;border-right:1px solid #6a909d55}.ready-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0}.ready-totals dt{flex-shrink:0}.ready-totals dd{margin:0;text-align:right;overflow-wrap:anywhere}.ready-totals .ready-value dd{color:#af5428;font-weight:750}.ready-totals small{display:block;font-size:11px;font-weight:500;color:#56727b}.ready-waits{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:16px 8px;align-content:start;padding:4px 2px 8px}.ready-wait{display:flex;flex-direction:column;align-items:center;gap:3px}.ready-wait .tile{--tile-w: clamp(40px,min(5.6vw,13dvh),65px)}.ready-wait>strong{font-weight:650}.ready-wait>span{color:#54727b}.ready-wait>span>b{color:#af5428;font-weight:700}.ready-preview>p{margin:10px 0 0;padding-top:8px;border-top:1px solid #6a909d33;font-size:clamp(11px,1.1vw,13px);line-height:1.4;text-align:center;color:#54727b}@media (max-height:500px){.ready-preview{width:min(640px,76%);padding:8px 12px 7px;font-size:14px;max-height:60dvh}.ready-preview>header{padding-bottom:5px}.ready-preview>header>span{font-size:11px}.ready-preview-body{grid-template-columns:minmax(143px,.8fr) minmax(0,1.3fr);gap:10px}.ready-totals{padding-right:10px}.ready-totals>div{padding:1px 0;gap:6px}.ready-waits{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:10px 6px}.ready-wait .tile{--tile-w: clamp(35px,min(5.6vw,13dvh),56px)}.ready-preview>p{margin-top:5px;padding-top:4px;font-size:11px}}.hu-bean-effects{position:absolute;z-index:29;top:0;right:0;bottom:0;left:0;pointer-events:none}.hu-bean-seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%,-50%);width:max-content;max-width:29%;padding:12px 20px 10px;border-radius:18px;text-align:center;background:radial-gradient(ellipse,#301925ed,#301925a6 65%,transparent 75%);animation:hu-bean-receipt var(--hu-bean-duration) ease-out both}.hu-bean-seat-0{left:50%;top:64%;max-width:44%}.hu-bean-seat-1{left:25%;top:47%}.hu-bean-seat-2{left:50%;top:24%;max-width:38%}.hu-bean-seat-3{left:75%;top:47%}.hu-bean-seat>span{color:#fff0d2;font-size:clamp(12px,1.5vw,23px);font-weight:750;text-shadow:0 2px 3px #1f111c}.hu-bean-seat>strong{display:block;max-width:100%;font:950 clamp(27px,min(4.4vw,10dvh),84px)/1.1 sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:-.035em}.hu-bean-gain{color:#ffe26a;text-shadow:0 2px 0 #8d531d,0 4px 4px #271222,0 0 18px #ffca3d99}.hu-bean-loss{color:#ff9c83;text-shadow:0 2px 0 #852b2c,0 4px 4px #271222,0 0 15px #e13f4877}.hu-bean-seat>strong.hu-bean-wide{font-size:clamp(15px,min(2.5vw,6dvh),40px)}.hu-bean-seat>small{color:#ffe8c3;font-size:clamp(11px,1.25vw,19px);font-weight:650}@keyframes hu-bean-receipt{0%{opacity:0;scale:.65;translate:0 15px}8%{opacity:1;scale:1.12;translate:0 0}16%,86%{opacity:1;scale:1;translate:0 0}to{opacity:0;scale:1;translate:0 -12px}}@media (max-height:500px){.hu-bean-seat{gap:1px;padding:7px 11px;border-radius:12px}.hu-bean-seat>span{font-size:11px}.hu-bean-seat>small{font-size:10px}}.low-motion .hu-bean-seat{animation:none}@media (prefers-reduced-motion:reduce){.hu-bean-seat{animation:none}}.hu-word-burst,.action-burst.burst-hu{--hu-radius: clamp(48px,8vw,110px);--hu-light: #ffcf63;animation:hu-readable-stage var(--hu-stage-duration,2.8s) ease-out both}.hu-word-burst.source-0,.action-burst.burst-hu.source-0{left:50%;top:61%}.hu-word-burst>strong{white-space:nowrap;font-size:clamp(48px,min(10vw,21dvh),156px);line-height:1.15}.hu-aura{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;isolation:isolate;pointer-events:none}.hu-halo{position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;background:radial-gradient(ellipse,#ffdc7a4d,transparent 68%);box-shadow:0 0 38px #ffce4a33}.hu-orbit{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:2px solid #ffe69b88;border-left-color:transparent;border-right-color:transparent;border-radius:50%;animation:hu-orbit-turn 6s linear infinite;box-shadow:inset 0 0 25px #ffce4a22,0 0 18px #ffce4a33;will-change:transform}.hu-rays{display:none;position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 12deg,#ffcd633d 14deg 17deg,transparent 20deg 36deg);-webkit-mask-image:radial-gradient(ellipse,transparent 8%,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse,transparent 8%,#000 30%,transparent 72%);animation:hu-orbit-turn 18s linear infinite;will-change:transform}.hu-particle{position:absolute;left:50%;top:50%;width:4px;height:9px;border-radius:50%;background:#fff6be;box-shadow:0 0 8px var(--hu-light);rotate:calc(var(--hu-particle)*1turn/var(--hu-visible-particles,var(--hu-particle-count)));transform:translateY(calc(var(--hu-radius)*-1));animation:hu-spark-glow 1.9s ease-out both;animation-delay:calc(var(--hu-particle)*22ms);will-change:scale,opacity}.hu-tier-strong .hu-halo{background:radial-gradient(ellipse,#ffe8a180,#f5aa3533 42%,transparent 72%);box-shadow:0 0 40px #ffca4644}.hu-tier-strong .hu-rays,.hu-tier-grand .hu-rays,.hu-tier-legend .hu-rays{display:block}.hu-tier-grand .hu-halo{top:-7%;right:-7%;bottom:-7%;left:-7%;background:radial-gradient(ellipse,#fff0b58c,#ffbe5355 38%,transparent 72%);box-shadow:0 0 65px #f6c84f66}.hu-tier-grand .hu-orbit{border-width:3px;outline:1px solid #ffe2a34d;outline-offset:10px}.hu-tier-grand .hu-rays{opacity:.9;background:repeating-conic-gradient(transparent 0deg 10deg,#ffe5a16b 13deg 16deg,transparent 19deg 30deg)}.hu-tier-legend{--hu-light: #fff0b5}.hu-tier-legend .hu-halo{top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse,#fff7cda8,#ffd35f77 35%,#ea643333 55%,transparent 74%);box-shadow:0 0 85px #ffc96466,inset 0 0 55px #fff2b344}.hu-tier-legend .hu-orbit{top:1%;right:1%;bottom:1%;left:1%;border:4px double #fff0b5d9;border-left-color:transparent;border-right-color:transparent;outline:2px solid #ffd98866;outline-offset:12px;box-shadow:inset 0 0 35px #fff6b355,0 0 35px #ffd56f77}.hu-tier-legend .hu-rays{top:-35%;right:-35%;bottom:-35%;left:-35%;background:repeating-conic-gradient(transparent 0deg 6deg,#ffe7a991 8deg 11deg,transparent 14deg 24deg);opacity:.9}.hu-tier-legend .hu-particle{width:6px;height:14px}.hu-tier-legend .hu-pattern{color:#fff3b6;text-shadow:0 3px 0 #9a5424,0 6px 8px #541b28,0 0 25px #ffd86b}.hu-tier-legend .hu-factor{border:1px solid #ffe4a0;background:#672238eb;box-shadow:0 0 17px #ffcd5a55}@keyframes hu-readable-stage{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.84)}9%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.04)}18%,91%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}to{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.02)}}@keyframes hu-orbit-turn{to{transform:rotate(1turn)}}@keyframes hu-spark-glow{0%{opacity:0;scale:.4}20%,65%{opacity:1;scale:1}to{opacity:0;scale:.6}}@media (pointer:coarse),(max-height:650px){.hu-tier-normal{--hu-visible-particles: 4}.hu-tier-strong{--hu-visible-particles: 6}.hu-tier-grand{--hu-visible-particles: 8}.hu-tier-legend{--hu-visible-particles: 10}.hu-tier-strong .hu-particle:nth-of-type(n+7),.hu-tier-grand .hu-particle:nth-of-type(n+9),.hu-tier-legend .hu-particle:nth-of-type(n+11){display:none}.hu-aura .hu-halo,.hu-aura .hu-orbit{box-shadow:none}.hu-aura .hu-rays{top:-8%;right:-8%;bottom:-8%;left:-8%}.hu-tier-legend .hu-rays{top:-12%;right:-12%;bottom:-12%;left:-12%}.hu-particle{box-shadow:0 0 4px var(--hu-light)}}.low-motion .table-motion>.hu-word-burst{display:grid}.low-motion :is(.hu-word-burst,.burst-hu,.hu-aura *){animation:none!important}.low-motion .hu-particle{display:none}@media (prefers-reduced-motion:reduce){.table-motion>.hu-word-burst{display:grid}:is(.hu-word-burst,.burst-hu,.hu-aura *){animation:none!important}.hu-particle{display:none}}.fa-history-trigger{position:absolute;left:0;top:58px;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:3px 7px;background:#192e36d9;border:1px solid #c0ba8599;border-radius:4px;font-size:12px;color:#fff1ca}.fa-history-trigger>i{display:grid;place-items:center;width:20px;height:25px;font:700 18px/1 serif;color:#176c4c;background:#f7f4dc;border-radius:2px;border-bottom:3px solid #148054}.fa-history-trigger[aria-expanded=true]{border-color:#ffe096;background:#47564df0}.fa-history-panel{position:absolute;z-index:36;left:max(12%,env(safe-area-inset-left));top:max(52px,8%);width:min(460px,55%);max-height:calc(100% - var(--hand-tile-w)*1.43 - 110px);overflow-y:auto;padding:18px 20px;background:#f4eedcf7;border:2px solid #e7c56e;border-radius:6px;color:#3e483f;box-shadow:0 8px 25px #24152255}.fa-history-panel h2{margin:0 38px 3px 0;font-size:clamp(16px,2vw,23px);color:#3c493f}.fa-history-panel>p{margin:0 28px 14px 0;font-size:11px;line-height:1.4;color:#647060}.fa-history-panel>.close-modal{top:5px;right:5px;min-width:34px;min-height:34px;padding:0;background:#65736522;color:#39493d;border-color:#75857555}.fa-history-rows{display:flex;flex-direction:column;gap:12px}.fa-history-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;min-height:48px}.fa-history-player{display:flex;flex-direction:column;gap:2px;min-width:0}.fa-history-player>strong{font-size:13px;color:#416850}.fa-history-row:first-child .fa-history-player>strong{color:#b86d32}.fa-history-player>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6a7166;font-size:9px}.fa-history-tiles{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.fa-history-tiles .tile{--tile-w: clamp(26px,min(4.5vw,9dvh),42px)}.fa-history-tiles>span{font-size:11px;color:#8e958a}@media (orientation:landscape) and (max-height:650px){.fa-history-trigger{top:44px;gap:2px;min-height:28px;padding:2px 3px;font-size:9px}.fa-history-trigger>i{width:14px;height:20px;font-size:14px}.fa-history-panel{padding:11px 14px;width:min(360px,48%);max-height:calc(100% - var(--hand-tile-w)*1.43 - 88px)}.fa-history-panel>p{margin-bottom:9px;font-size:10px}.fa-history-rows{gap:7px}.fa-history-row{min-height:38px;grid-template-columns:48px minmax(0,1fr);gap:7px}.fa-history-tiles .tile{--tile-w: clamp(24px,min(3.8vw,7dvh),32px)}}@media (orientation:landscape) and (max-height:350px){.fa-history-panel{top:44px;padding:8px 12px;max-height:calc(100% - var(--hand-tile-w)*1.43 - 80px)}.fa-history-panel h2{font-size:14px;line-height:18px}.fa-history-panel>p{font-size:9px;line-height:1.2;margin-bottom:5px}.fa-history-rows{gap:4px}.fa-history-row{min-height:30px}}.river-grid[data-open-details=true]{pointer-events:auto;cursor:pointer}.public-tile-details{position:absolute;z-index:37;left:50%;top:max(44px,12%);transform:translate(-50%);display:flex;flex-direction:column;width:min(680px,76%);max-height:calc(100% - var(--hand-tile-w)*1.43 - 88px);padding:14px 18px;border:1px solid #e1c474;border-radius:7px;color:#fff0c9;background:#25303cf7;box-shadow:0 8px 24px #20162277}.public-details-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;flex:0 0 auto;margin-bottom:9px}.public-details-heading h2{margin:0;font:700 clamp(17px,2.3vw,27px)/1.2 KaiTi,serif;color:#ffe49a}.public-details-heading h2>small{display:block;margin-top:3px;font:500 10px/1.2 sans-serif;color:#c6d4ce}.public-details-close{flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:0;font-size:24px;line-height:1;background:#53656166;border-color:#a7bfad66}.public-details-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding:0 2px 5px}.public-details-content h3{margin:0 0 6px;color:#d6e5da;font:600 11px/1.3 sans-serif}.public-details-content h3>small{color:#afbfba;font-size:10px}.public-details-content section{padding:6px 8px;border-radius:4px;background:#101c2766}.public-details-river{margin-bottom:8px;flex:1 1 auto;min-height:60px;overflow-y:auto}.public-details-melds{flex:0 0 auto;max-height:60%;overflow-y:auto}.public-details-tiles{display:flex;flex-wrap:wrap;gap:5px}.public-details-tiles .tile{--tile-w: clamp(24px,min(4vw,8dvh),40px)}.public-details-content p{color:#bfc9c3;font-size:11px;margin:0}.public-tile-details .meld-bank{--meld-tile-w: clamp(22px,min(3.8vw,8dvh),36px);display:flex;flex-direction:row;flex-wrap:wrap;align-items:start;gap:20px;max-width:100%;padding-bottom:15px}.public-tile-details .meld-bank .table-meld{flex-direction:row}.public-tile-details .meld-count{left:50%;right:auto;top:auto;bottom:-13px;transform:translate(-50%);font-size:8px}@media (orientation:landscape) and (max-height:350px){.public-tile-details{top:36px;max-height:calc(100% - var(--hand-tile-w)*1.43 - 72px);padding:10px 12px}.public-details-heading{margin-bottom:6px}.public-details-content section{padding:6px 8px}}