:root{color-scheme:dark;--bg: #14241c;--panel: #1d3228;--line: #2e4a3d;--felt: #1b3b2f;--ink: #e8efe9;--dim: #9db5a8;--gold: #e6c14b;--green: #43c07c;--red: #e07a6a;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(ellipse at 50% 40%,#08100c00 28%,#08100c9e),url(./bg-cloud-Cwfby0H8.png);background-repeat:no-repeat,repeat;background-size:cover,512px 512px;background-position:center,center}body[data-bg=lattice]{background-image:radial-gradient(ellipse at 50% 40%,#08100c00 28%,#08100c9e),url(./bg-lattice-DHA3wOkP.png);background-repeat:no-repeat,repeat;background-size:cover,512px 512px}body[data-bg=cloud]{background-image:radial-gradient(ellipse at 50% 40%,#08100c00 28%,#08100c9e),url(./bg-cloud-Cwfby0H8.png);background-repeat:no-repeat,repeat;background-size:cover,512px 512px}body[data-bg=plain]{background-image:radial-gradient(ellipse at 50% 0%,#1b3529 0%,var(--bg) 70%);background-repeat:no-repeat;background-size:cover}.app{max-width:1180px;margin:0 auto;padding:14px 20px}.top{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.top h1{margin:0;font-size:28px;letter-spacing:2px;color:var(--gold)}.sub{color:var(--dim);font-size:13px}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.field{display:flex;align-items:center;gap:12px;margin-bottom:14px}.field span{width:56px;color:var(--dim);font-size:14px;flex:none}.field input{flex:1;background:#12201a;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:16px;padding:10px 12px;outline:none}.field input:focus{border-color:var(--gold)}.row,.actions{display:flex;gap:12px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#244035;color:var(--ink);font-size:15px;padding:10px 22px;border-radius:8px;cursor:pointer}button:hover{border-color:var(--dim)}button.primary{background:var(--gold);border-color:var(--gold);color:#22200f;font-weight:600}button.primary:hover{filter:brightness(1.05)}button.danger{background:#5a2a2a;border-color:#8a4040;color:#f2c9c2}button.danger:hover{background:#6b3232}.hud-danger{margin-left:auto;background:transparent;border:1px solid #8a4040;color:#e0a06a;font-size:13px;padding:6px 14px;border-radius:999px}.hud-danger:hover{background:#8a404033}.hud-ghost{background:transparent;border:1px solid var(--line);color:var(--dim);font-size:13px;padding:6px 14px;border-radius:999px}.hud-ghost:hover{color:var(--gold);border-color:var(--gold)}.hud-ghost.on{color:var(--gold);border-color:var(--gold);background:#e6c14b1f}.block-btn{width:100%;margin-top:16px}.error{color:var(--red);font-size:14px;margin:12px 0 0}.hint{color:var(--dim);font-size:13px;margin:16px 0 0}.home-wrap{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 96px);padding:6px 0}.home-card{width:460px;max-width:calc(100vw - 32px);padding:26px 26px 20px}.bg-switch{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.bg-switch-label{color:var(--dim);font-size:13px;letter-spacing:1px;flex:none}.bg-opts{display:flex;flex-wrap:wrap;gap:6px}.bg-opt{border:1px solid var(--line);background:transparent;color:var(--dim);font-size:12px;padding:5px 11px;border-radius:999px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.bg-opt:hover{color:var(--ink);border-color:var(--gold)}.bg-opt.active{color:var(--bg);background:var(--gold);border-color:var(--gold);font-weight:600}.home-head{text-align:center;color:var(--dim);font-size:14px;letter-spacing:3px;margin-bottom:18px}.steps{list-style:none;margin:0 0 22px;padding:0;display:flex;align-items:flex-start;gap:4px}.step-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;color:var(--dim);transition:color .15s}.step-item:not(:last-child):after{content:"";position:absolute;top:12px;left:calc(50% + 16px);right:calc(-50% + 16px);height:1px;background:var(--line)}.step-item.done:not(:last-child):after{background:#79c39a8c}.step-dot{width:25px;height:25px;border-radius:999px;border:1px solid var(--line);background:#16261f;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;line-height:1}.step-label{font-size:12px;line-height:1.3;text-align:center}.step-item.current{color:var(--gold)}.step-item.current .step-dot{border-color:var(--gold);background:var(--gold);color:#22200f}.step-item.done{color:var(--green);cursor:pointer}.step-item.done .step-dot{border-color:var(--green);color:var(--green)}.step-item.done:hover .step-dot{background:#79c39a2e}.wizard-step{display:flex;flex-direction:column}.wizard-actions{display:flex;gap:12px;margin-top:18px}.wizard-actions button{flex:1;padding:11px 0}.variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.variant{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:var(--felt);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);font-size:14px}.variant:hover{border-color:var(--dim)}.variant.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:#1f3229}.variant-name{font-size:16px;font-weight:600;color:var(--ink)}.variant.active .variant-name{color:var(--gold)}.variant-desc{font-size:12px;line-height:1.6;color:var(--dim)}.variant-tags{display:flex;flex-wrap:wrap;gap:6px}.variant-tags span{font-size:11px;line-height:1;padding:4px 7px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.variant.active .variant-tags span{border-color:#e6c14b80;color:var(--gold)}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 460px){.mode-cards{grid-template-columns:1fr}}.mode-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--felt);border:1px solid var(--line);border-radius:10px;padding:18px 14px;color:var(--ink)}.mode-card:hover{border-color:var(--gold);background:#1f3229}.mode-icon{width:34px;height:34px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.mode-title{font-size:16px;font-weight:600}.mode-desc{font-size:12px;line-height:1.6;color:var(--dim)}.form-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-6px 0 16px}.form-summary span{font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.form-summary span strong{color:var(--gold);font-weight:600}.field input.home-code{font-size:18px;font-weight:600;letter-spacing:4px;text-align:center;text-transform:uppercase;color:var(--gold)}.field input.home-code:focus{border-color:var(--gold)}.field input.home-code[readonly]{background:#16261f;color:var(--dim);cursor:default}.variant-badge{margin-left:10px;font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);vertical-align:middle}.variant-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 12px}.variant-switch[hidden]{display:none}.vs-label{font-size:13px;color:var(--dim)}.vs-opt{font-size:14px;padding:7px 16px;border-radius:999px;background:#244035;border:1px solid var(--line);color:var(--ink);cursor:pointer}.vs-opt:hover:not(:disabled){border-color:var(--dim)}.vs-opt.active{background:#1f3229;border-color:var(--gold);color:var(--gold);font-weight:600;cursor:default}.vs-opt:disabled{cursor:default;opacity:.9}.home-code{background:#12201a;border:1px solid var(--line);border-radius:8px;outline:none}.home-code[readonly]{background:#16261f;color:var(--dim);cursor:default}.banner{border-radius:8px;padding:10px 14px;font-size:14px;margin-bottom:14px}.banner.warn{background:#3a2a20;border:1px solid #6b4a35;color:#f0c9a8}.banner.good{background:#1e3d2c;border:1px solid var(--green);color:var(--green)}.table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.head-right{display:flex;align-items:center;gap:14px}.share-btn{background:transparent;border:1px solid var(--gold);color:var(--gold);font-size:13px;padding:7px 14px;border-radius:999px}.share-btn:hover{background:#e6c14b1f}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid var(--gold);color:var(--gold);padding:10px 18px;border-radius:10px;font-size:14px;max-width:min(640px,calc(100vw - 40px));word-break:break-all;z-index:60;box-shadow:0 10px 30px #0006}.code-line{color:var(--dim);font-size:14px}.code{color:var(--gold);font-size:26px;letter-spacing:6px;font-family:ui-monospace,Consolas,monospace;margin-left:6px}.me{font-size:14px;color:var(--dim)}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media (max-width: 560px){.seats{grid-template-columns:repeat(2,1fr)}}.seat{background:var(--felt);border:1px solid var(--line);border-radius:10px;padding:14px 10px;text-align:center;min-height:108px;display:flex;flex-direction:column;justify-content:center;gap:6px;transition:border-color .15s}.seat.self{border-color:var(--gold)}.seat.ready{background:#1f4032;border-color:var(--green)}.seat.empty{opacity:.55;border-style:dashed}.seat-no{font-size:12px;color:var(--dim)}.seat-name{font-size:17px;font-weight:600;word-break:break-all;display:flex;justify-content:center;align-items:baseline;gap:6px}.seat-score{font-size:13px;font-weight:700}.seat-score.pos{color:var(--green)}.seat-score.neg{color:var(--red)}.seat-score.zero{color:var(--dim)}.seat-state{font-size:12px;color:var(--dim)}.seat.ready .seat-state{color:var(--green)}.seat-state.offline{color:var(--red)}.seat.swappable{cursor:pointer}.seat.swappable:hover{border-color:var(--gold);background:#1f3229}.seat.swappable.empty:hover{opacity:.85}.seat-swap{font-size:11px;line-height:1;color:var(--dim);opacity:.75}.seat-swap.pending{color:var(--gold);opacity:1}.seat-swap.ask{color:#e0a06a;opacity:1}.seat-kick{margin:2px auto 0;font-size:11px;line-height:1;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--dim);cursor:pointer;transition:color .15s,border-color .15s}.seat-kick:hover{color:var(--red);border-color:var(--red)}.seat-tip{margin:-6px 0 14px;font-size:12px;color:var(--dim)}.dealer-roll{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#00000029}.dealer-roll[hidden]{display:none}.dr-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.dr-title{font-size:14px;font-weight:600;color:var(--gold);letter-spacing:1px}.dr-hint{font-size:12px;color:var(--dim)}.dr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-bottom:10px}.dr-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--dim);min-width:0}.dr-row.self{color:var(--ink)}.dr-row.done .dr-val{color:var(--gold);font-weight:600;font-variant-numeric:tabular-nums}.dr-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-text{margin:0;font-size:15px;line-height:1.7;color:var(--ink)}.actions{margin-bottom:14px}.feed{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto;border-top:1px solid var(--line)}.feed li{padding:8px 2px;font-size:13px;color:var(--dim);border-bottom:1px dashed #263c32}.game{padding:12px}.game-hud{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;color:var(--dim)}.hud-group{display:flex;align-items:center;gap:10px;min-width:0}.hud-label{font-size:12px;color:var(--dim);white-space:nowrap}.hud-badge{display:inline-block;padding:2px 10px;border-radius:10px;background:#e6c14b26;color:var(--gold);font-size:12px;font-weight:600;white-space:nowrap}.hud-sep{width:1px;height:16px;background:var(--line);flex:none}.code.small{font-size:18px;letter-spacing:3px;margin-left:4px}.hud-item{color:var(--ink);white-space:nowrap}#table{display:block;width:min(100%,1100px,calc(max(0px,100vh - 250px)*2));height:auto;aspect-ratio:1280 / 640;margin:0 auto;border-radius:12px;background:#14241c;cursor:pointer}.canvas-wrap{position:relative;display:flex;justify-content:center}.countdown{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#000000b8;border:1px solid var(--gold);color:var(--gold);padding:7px 18px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:1px;z-index:5;pointer-events:none}.g-status{margin-top:8px;font-size:14px;color:var(--gold);min-height:18px}.dice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:6;pointer-events:none;background:#00000047}.dice-row{display:flex;gap:26px}.die{width:66px;height:66px;background:linear-gradient(145deg,#fdfbf4,#efe9da);border-radius:12px;box-shadow:0 10px 22px #00000080,inset 0 -5px #d8d0bc,inset 0 2px #fff;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:9px;opacity:0}.dice-overlay.show .die{opacity:1}.die.tumbling{animation:dice-tumble .42s linear infinite}@keyframes dice-tumble{0%{transform:rotate(0) translateY(0) scale(1)}25%{transform:rotate(95deg) translateY(-26px) scale(1.06)}50%{transform:rotate(185deg) translateY(6px) scale(.96)}75%{transform:rotate(275deg) translateY(-16px) scale(1.04)}to{transform:rotate(360deg) translateY(0) scale(1)}}.die .pip{display:block;width:11px;height:11px;border-radius:50%;background:#1c1c2b;box-shadow:inset 0 2px 2px #0006;justify-self:center;align-self:center}.die .pip.red{background:#c62828}.dice-msg{color:var(--gold);font-size:16px;font-weight:600;letter-spacing:1px;background:#000000a8;border:1px solid var(--gold);padding:9px 20px;border-radius:999px;text-shadow:0 2px 4px rgba(0,0,0,.6);max-width:90%;text-align:center}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;min-height:42px}.controls button:disabled{opacity:.45;cursor:default}.chat{position:fixed;right:14px;bottom:14px;width:290px;max-width:calc(100vw - 28px);display:flex;flex-direction:column;background:#14241ceb;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #00000073;overflow:hidden;z-index:30;color:var(--ink)}.chat-bar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#00000040;border-bottom:1px solid var(--line)}.chat-title{font-size:13px;color:var(--gold);letter-spacing:1px}.chat-badge{display:inline-block;margin-right:auto;margin-left:6px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font-size:10px;line-height:15px;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;box-shadow:0 0 0 2px #0000004d}.chat-badge[hidden]{display:none}.chat-min{border:none;background:transparent;color:var(--dim);font-size:16px;line-height:1;cursor:pointer;padding:2px 6px}.chat-min:hover{color:var(--ink)}.chat-log{list-style:none;margin:0;padding:8px 10px;max-height:38vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.4;scrollbar-width:thin}.chat-log li{word-break:break-word}.chat-log .chat-name{color:var(--gold);font-weight:600;margin-right:4px}.chat-log li.self .chat-name{color:var(--green)}.chat-pop{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border-top:1px solid var(--line);max-height:150px;overflow-y:auto}.chat-pop[hidden]{display:none}.chat:not(.collapsed) #chat-emoji:not([hidden]){display:grid;grid-template-columns:repeat(6,1fr)}.chat-chip{border:1px solid var(--line);background:transparent;color:var(--dim);font-size:12px;padding:4px 9px;border-radius:999px;cursor:pointer}.chat-chip:hover{color:var(--ink);border-color:var(--gold)}#chat-emoji .chat-chip{border-radius:8px;font-size:16px;padding:4px 0;text-align:center}.chat-input-row{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--line)}.chat-ico{border:1px solid var(--line);background:transparent;color:var(--dim);font-size:15px;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;border-radius:8px;cursor:pointer;flex:none}.chat-ico:hover,.chat-ico.active{color:var(--gold);border-color:var(--gold)}.chat-input{flex:1;min-width:0;background:#00000040;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 8px;font-size:13px}.chat-input:focus{outline:none;border-color:var(--gold)}.chat-send{flex:none;padding:6px 12px;font-size:13px}.chat.collapsed .chat-log,.chat.collapsed .log-list,.chat.collapsed .chat-pop,.chat.collapsed .chat-input-row{display:none}.chat-tabs{display:flex;gap:2px}.chat-tab{border:none;background:transparent;color:var(--dim);font-size:13px;padding:2px 8px;cursor:pointer;border-radius:6px;line-height:1.4}.chat-tab:hover{color:var(--ink)}.chat-tab.active{color:var(--gold);background:#ffffff14;font-weight:600}.log-list{display:none;list-style:none;margin:0;padding:8px 10px;max-height:38vh;overflow-y:auto;flex-direction:column;gap:4px;font-size:12px;line-height:1.5;scrollbar-width:thin}.chat.show-log .log-list{display:flex}.chat.collapsed .log-list,.chat.show-log .chat-log,.chat.show-log .chat-pop,.chat.show-log .chat-input-row{display:none}.log-list li{display:flex;align-items:baseline;gap:6px;word-break:break-word}.log-list .log-seat{flex:none;color:var(--gold);font-weight:600;font-size:11px;min-width:28px}.log-list .log-action{flex:none;min-width:32px;text-align:center;border-radius:4px;padding:0 4px;font-size:11px;line-height:1.6}.log-list .log-tiles{color:var(--ink)}.log-list .log-note{color:var(--dim);font-size:11px}.log-action.discard{background:#ffffff14;color:var(--dim)}.log-action.chi{background:#4caf5033;color:#81c784}.log-action.peng{background:#2196f333;color:#64b5f6}.log-action.gang,.log-action.angang,.log-action.bugang{background:#ff980033;color:#ffb74d}.log-action.hu{background:#e5484d33;color:#ef9a9a}.log-action.draw{background:#9e9e9e33;color:#bdbdbd}.emote-card{width:min(420px,calc(100vw - 40px))}.emote-hint{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--dim)}.emote-targets{display:flex;gap:8px;margin-bottom:14px}.emote-target{flex:1;min-width:0;padding:9px 6px;font-size:12px;border:1px solid var(--line);border-radius:9px;background:#244035;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emote-target.active{border-color:var(--gold);color:var(--gold);background:#2c4b3d}.emote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.emote-group{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin-top:2px;font-size:12px;color:var(--dim)}.emote-group:after{content:"";flex:1;height:1px;background:var(--line)}.emote-group.good{color:var(--gold)}.emote-group.bad{color:#e08a6a}.emote-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;font-size:11px;border:1px solid var(--line);border-radius:10px;background:#244035;color:var(--ink)}.emote-cell .ico{font-size:22px;line-height:1.15}.emote-cell:disabled{opacity:.38;cursor:default}.emote-cell:not(:disabled):hover{border-color:var(--gold)}.emote-cell.bad:not(:disabled):hover{border-color:#e08a6a}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;z-index:50;overflow-y:auto}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 28px;width:min(580px,calc(100vw - 40px));margin:auto;box-shadow:0 18px 50px #00000073}.modal-card h3{margin:0 0 14px;color:var(--gold);font-size:18px;line-height:1.4}.settle-row{display:flex;justify-content:space-between;padding:7px 4px;font-size:15px;border-bottom:1px dashed #263c32}.settle-table{width:100%;border-collapse:collapse;font-size:13px}.settle-table th{color:var(--dim);font-weight:500;font-size:12px;text-align:right;padding:7px 5px;border-bottom:1px solid var(--line)}.settle-table td{text-align:right;padding:7px 5px;border-bottom:1px dashed #263c32}.settle-table th:first-child,.settle-table td:first-child{text-align:left}.settle-table .pos{color:var(--green)}.settle-table .neg{color:var(--red)}.settle-table .total-col{font-weight:700}.settle-table .me-row{background:#e6c14b29}.settle-table .me-row td{border-bottom-color:#e6c14b59}.settle-table .me-row td:first-child{color:var(--gold);font-weight:700}.settle-row .pos{color:var(--green)}.settle-row .neg{color:var(--red)}#settle-notes{margin-top:10px;font-size:13px;color:var(--dim);line-height:1.7}#settle-totals{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--ink);line-height:1.7}#settle-ok{margin-top:16px;width:100%}.settle-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.settle-actions button{flex:1;padding:11px 0}#settle.modal{background:transparent;pointer-events:none}#settle .modal-card{pointer-events:auto;max-height:calc(100vh - 32px);overflow-y:auto}.settle-restore{position:fixed;left:24px;bottom:24px;z-index:40;background:var(--gold);color:#22200f;border:none;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #00000073}.settle-restore:hover{filter:brightness(1.06)}:root{--sa-t: env(safe-area-inset-top, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);--ls-t: var(--sa-t);--ls-r: var(--sa-r);--ls-b: var(--sa-b);--ls-l: var(--sa-l);--vv-w: 100vw;--vv-h: 100vh;--ld-w: 100vw;--ld-h: 100vh}html.force-landscape{--ls-t: var(--sa-r);--ls-r: var(--sa-b);--ls-b: var(--sa-l);--ls-l: var(--sa-t)}html.force-landscape body{position:fixed;top:0;left:0;width:var(--ld-w);height:var(--ld-h);transform:translate(var(--vv-w)) rotate(90deg);transform-origin:0 0;overflow:hidden}.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--sa-t)) calc(20px + var(--sa-r)) calc(20px + var(--sa-b)) calc(20px + var(--sa-l));background:#08110cfb;text-align:center}.rotate-hint-inner{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:360px}.rotate-icon{width:88px;height:88px;color:var(--gold);animation:rotate-hint-swing 2.6s ease-in-out infinite}@keyframes rotate-hint-swing{0%,22%{transform:rotate(0)}55%,78%{transform:rotate(90deg)}to{transform:rotate(0)}}.rotate-title{margin:0;font-size:20px;letter-spacing:2px;color:var(--gold)}.rotate-text{margin:0;font-size:14px;line-height:1.8;color:var(--dim)}.rotate-actions{display:flex;flex-direction:column;gap:10px;width:100%}.rotate-actions button{min-height:46px;padding:12px 26px;font-size:16px}.rotate-note{margin:0;min-height:18px;font-size:12px;line-height:1.6;color:#e0a06a}.hand-tray{display:none}.force-exit{display:none;position:fixed;top:calc(8px + var(--ls-t));right:calc(8px + var(--ls-r));z-index:120;border-radius:999px;background:#09120deb;border:1px solid var(--gold);color:var(--gold)}.force-exit-icon{display:block;width:22px;height:22px}.force-exit-icon path{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.force-exit:hover{background:#e6c14b29}html.force-landscape .force-exit{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0}html.force-landscape .table-head,html.force-landscape .game-hud{padding-right:52px}html.force-landscape .game-hud>.hud-danger{margin-left:auto}html.mobile-layout,html.mobile-layout body{height:var(--ld-h);min-height:0;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}html.mobile-layout .app{max-width:none;height:100%;padding:calc(4px + var(--ls-t)) calc(8px + var(--ls-r)) calc(4px + var(--ls-b)) calc(8px + var(--ls-l));display:flex;flex-direction:column}html.mobile-layout button,html.mobile-layout .seat.swappable,html.mobile-layout .mode-card,html.mobile-layout .variant{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html.mobile-layout .top{display:none}html.mobile-layout .panel{border-radius:10px;padding:8px}html.mobile-layout .banner{padding:6px 10px;font-size:12px;margin-bottom:6px}html.mobile-layout button{min-height:44px;font-size:15px;padding:10px 18px}html.mobile-layout .field{margin-bottom:10px;gap:10px}html.mobile-layout .field input{min-height:44px;padding:10px 12px}html.mobile-layout #view-home.home-wrap{flex:1;min-height:0;padding:0;overflow-y:auto;align-items:center;align-items:safe center;justify-content:center;justify-content:safe center}html.mobile-layout .home-card{width:min(600px,100%);max-width:100%;padding:10px 14px}html.mobile-layout .steps{margin-bottom:8px}html.mobile-layout .step-dot{width:21px;height:21px;font-size:12px}html.mobile-layout .step-label{font-size:11px}html.mobile-layout .mode-card{padding:10px 12px;gap:5px}html.mobile-layout .mode-icon{width:28px;height:28px;font-size:16px}html.mobile-layout .mode-title{font-size:15px}html.mobile-layout .mode-desc{font-size:11px;line-height:1.5}html.mobile-layout .hint{font-size:12px;margin-top:8px}html.mobile-layout .mode-cards{grid-template-columns:1fr 1fr}html.mobile-layout .seats{grid-template-columns:repeat(4,1fr)}html.mobile-layout .steps{margin-bottom:12px}html.mobile-layout .home-head{margin-bottom:8px}html.mobile-layout .step-item:not(:last-child):after{top:10px}html.mobile-layout .field span{width:48px}html.mobile-layout .bg-switch{margin-top:6px;padding-top:6px}html.mobile-layout #view-table{flex:1;min-height:0;overflow-y:auto}html.mobile-layout .table-head{margin-bottom:6px;flex-wrap:wrap;gap:6px}html.mobile-layout .code{font-size:18px;letter-spacing:3px}html.mobile-layout .seats{gap:6px;margin-bottom:6px}html.mobile-layout .seat{min-height:64px;padding:6px 4px;gap:2px}html.mobile-layout .seat-name{font-size:14px}html.mobile-layout .seat-tip{margin:2px 0 6px;font-size:11px}html.mobile-layout .dealer-roll{margin-bottom:8px;padding:8px 10px}html.mobile-layout .dr-list,html.mobile-layout .actions{margin-bottom:6px}html.mobile-layout .seat.swappable:active{border-color:var(--gold);background:#1f3229}html.mobile-layout .feed{max-height:64px}html.mobile-layout .feed li{padding:5px 2px;font-size:12px}html.mobile-layout #view-game{flex:1;min-height:0;display:flex;flex-direction:column;padding:4px;overflow-y:auto}html.mobile-layout .game-hud{flex:none;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:4px;font-size:12px}html.mobile-layout .hud-group{gap:6px}html.mobile-layout .hud-label{font-size:11px}html.mobile-layout .hud-badge{font-size:11px;padding:1px 8px}html.mobile-layout .hud-sep{height:12px}html.mobile-layout .code.small{font-size:14px;letter-spacing:2px}html.mobile-layout .hud-item{font-size:12px}html.mobile-layout .hud-ghost,html.mobile-layout .hud-danger{min-height:0;font-size:12px;padding:5px 12px}html.mobile-layout .hud-ghost,html.mobile-layout .hud-danger{margin-left:0}html.mobile-layout .canvas-wrap{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}html.mobile-layout #table{width:min(100%,calc(var(--ld-h) * 2));height:auto;aspect-ratio:1280 / 640;max-height:100%;margin:0 auto;border-radius:10px}html.mobile-layout .countdown{top:6px;font-size:13px;padding:5px 14px}html.mobile-layout .g-status{flex:none;margin-top:4px;font-size:13px;min-height:16px}html.mobile-layout .controls{flex:none;gap:8px;margin-top:4px;min-height:0}html.mobile-layout .controls button{flex:1 1 auto;min-width:88px}html.mobile-layout .hand-tray:not(.hidden){display:flex}html.mobile-layout .hand-tray{flex:none;position:relative;flex-direction:column;width:100%;margin:3px auto 0;padding:4px 6px;background:#09120deb;border:1px solid var(--line);border-radius:10px;transition:border-color .15s,box-shadow .15s}html.mobile-layout .hand-tray.active{border-color:#e6c14b8c;box-shadow:0 0 0 1px #e6c14b40 inset}html.mobile-layout .hand-tray-row{display:flex;align-items:flex-end;justify-content:center;gap:3px;overflow-x:auto;overflow-y:hidden;padding-bottom:1px;scrollbar-width:none}html.mobile-layout .hand-tray-row::-webkit-scrollbar{display:none}html.mobile-layout .tile-btn{flex:none;width:44px;height:64px;min-height:0;padding:0;position:relative;border:1px solid #2e4a3d;border-radius:6px;background-color:#f6f2e7;background-size:100% 100%;background-repeat:no-repeat;transition:transform .08s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html.mobile-layout .tile-btn:active:not(:disabled){transform:translateY(-8px)}html.mobile-layout .tile-btn:disabled{opacity:.55}html.mobile-layout .tile-btn.must{box-shadow:inset 0 0 0 2px #e05a4a}html.mobile-layout .tile-btn.plain{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#1a1a2e}html.mobile-layout .tile-btn.drawn{box-shadow:0 0 0 2px var(--gold)}html.mobile-layout .tile-btn.pi{box-shadow:0 0 0 2px #ff5722}html.mobile-layout .tile-btn.fu{box-shadow:0 0 0 2px #ab47bc}html.mobile-layout .tile-btn.drawn:after{content:"新";position:absolute;top:-3px;right:-2px;font-size:9px;line-height:1;padding:1px 2px;border-radius:3px;color:var(--gold);background:#09120deb}html.mobile-layout .tray-gap{flex:none;width:10px}html.mobile-layout .die{width:52px;height:52px;padding:7px}html.mobile-layout .die .pip{width:9px;height:9px}html.mobile-layout .dice-row{gap:18px}html.mobile-layout .dice-msg{font-size:13px;padding:6px 14px}html.mobile-layout .chat{left:calc(8px + var(--ls-l));right:calc(8px + var(--ls-r));top:auto;bottom:calc(8px + var(--ls-b) + var(--kb-bottom, 0px));width:auto;max-width:none;max-height:calc(var(--ld-h) * .46)}html.mobile-layout .chat.collapsed{left:auto;right:calc(8px + var(--ls-r));width:46px;border-radius:12px;overflow:visible}html.mobile-layout .chat.collapsed .chat-bar{padding:0;border-bottom:none;background:transparent}html.mobile-layout .chat.collapsed .chat-title,html.mobile-layout .chat.collapsed .chat-tabs{display:none}html.mobile-layout .chat.collapsed .chat-min{width:100%;height:44px;padding:0;font-size:19px;color:var(--gold)}html.mobile-layout .chat.collapsed .chat-badge{position:absolute;top:-3px;right:-3px;margin:0;box-shadow:0 0 0 2px #14241cf2}html.mobile-layout .chat-bar{padding:4px 8px}html.mobile-layout .chat-log{max-height:calc(var(--ld-h) * .26);font-size:12px}html.mobile-layout .log-list{max-height:calc(var(--ld-h) * .26);font-size:11px;padding:6px 8px;gap:3px}html.mobile-layout .log-list .log-seat{min-width:24px;font-size:10px}html.mobile-layout .log-list .log-action{min-width:28px;font-size:10px}html.mobile-layout .chat-tabs{gap:1px}html.mobile-layout .chat-tab{font-size:12px;padding:2px 6px}html.mobile-layout .chat-ico{width:34px;height:34px;font-size:14px}html.mobile-layout .chat-input{font-size:13px;padding:5px 7px}html.mobile-layout .chat-send{min-height:0;padding:5px 10px;font-size:12px}html.mobile-layout .chat-chip{padding:6px 10px}html.mobile-layout .modal{align-items:center}html.mobile-layout .modal-card{width:min(600px,calc(var(--ld-w) - 20px));max-height:calc(var(--ld-h) - 12px);padding:10px 12px;border-radius:10px;overflow-y:auto}html.mobile-layout .modal-card h3{font-size:15px;margin-bottom:8px}html.mobile-layout #settle-rows,html.mobile-layout #dissolve-rows{overflow-x:auto}html.mobile-layout .settle-table{font-size:11px}html.mobile-layout .settle-table th,html.mobile-layout .settle-table td{padding:3px 4px;white-space:nowrap}html.mobile-layout #settle-notes,html.mobile-layout #settle-totals{font-size:12px;line-height:1.5}html.mobile-layout .settle-actions{margin-top:8px;gap:8px}html.mobile-layout #settle .modal-card{max-height:calc(var(--ld-h) - 16px)}html.mobile-layout .settle-restore{left:calc(8px + var(--ls-l));right:auto;bottom:calc(8px + var(--ls-b));min-height:0;padding:9px 16px;font-size:13px}html.mobile-layout .toast{top:calc(4px + var(--ls-t));font-size:12px;padding:7px 12px;max-width:calc(var(--ld-w) - 20px)}html.mobile-layout.land-narrow .tile-btn{width:40px;height:58px}html.mobile-layout.land-narrow .hand-tray-row{gap:2px}html.mobile-layout.land-narrow .game-hud{gap:8px}html.mobile-layout.land-narrow .g-status{font-size:12px}html.mobile-layout.land-wide .chat{max-height:calc(var(--ld-h) * .56)}html.chat-typing .chat{left:0;right:0;top:auto;bottom:var(--kb-bottom, 0px);width:100%;max-width:none;border-radius:12px 12px 0 0;max-height:58vh;display:flex;flex-direction:column}html.chat-typing .chat-log,html.chat-typing .log-list{flex:1;min-height:0;max-height:none}