:root{font-family:Tahoma,SimSun,Songti SC,serif;font-size:12px;color:#252630;background:#e6e6ef;font-synthesis:none;--hall: #4d678c;--cyan: #008ca6;--silver: #e4e5ec;--border: #9b9dab;--system-face: #c0c0c0;--surface-grain: url(/textures/system-grain.svg);--screen-dither: repeating-conic-gradient(#ffffff05 0% 25%, #1025400a 0% 50%);--title-fill: linear-gradient(90deg, #000080, #1084d0)}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #9699ab;border-top-color:#fff;border-left-color:#fff;border-radius:0;background:linear-gradient(#fafaff,#dedee8);padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 0 0 1px #c4c4d0;font-size:11px}button:hover:not(:disabled){background:linear-gradient(#fff,#d7e6f9)}button:active:not(:disabled),button.pressed{border-color:#6c7892;border-bottom-color:#fff;border-right-color:#fff;background:#ced9e9;box-shadow:inset 1px 1px #a4abc0}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px dotted #00469c;outline-offset:2px}input,select{border:1px solid #8f95a9;border-bottom-color:#fff;border-right-color:#fff;background:#fff;padding:3px 5px;min-width:0}input::placeholder{color:#999ba7}input[type=checkbox]{width:12px;height:12px;margin:0;accent-color:#3b849e}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button.primary{background:linear-gradient(#fff,#cedcf2);color:#164c83;border-color:#8fa6c5;border-top-color:#fff;border-left-color:#fff}small{font-size:10px}.game-client{height:100dvh;display:flex;flex-direction:column;overflow:hidden;border:2px solid #c0c0c0;border-top-color:#fff;border-left-color:#fff;background:var(--surface-grain) var(--system-face);box-shadow:inset -1px -1px #404040}.player-portrait{height:48px;width:48px;filter:drop-shadow(1px 1px 1px #00384e88)}.online-indicator,.offline-indicator{display:inline-block;width:6px;height:6px;border:1px solid #367342;border-radius:50%;background:#5ecc3e;box-shadow:inset 1px 1px #c3fb89}.offline-indicator{background:#e5b150;border-color:#a08851}.client-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,1fr);gap:4px;background:var(--surface-grain) var(--system-face);padding:3px 2px 1px}.client-left{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 132px;gap:4px}.table-pane{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #808080;border-bottom-color:#fff;border-right-color:#fff;box-shadow:0 0 0 1px silver;overflow:hidden;background:var(--hall)}.hall-menubar{height:23px;display:flex;justify-content:space-between;align-items:center;gap:9px;padding:0 7px;background:var(--surface-grain) var(--system-face);color:#404040;border-bottom:1px solid #808080;box-shadow:inset 0 1px #fff;flex-shrink:0;font-size:10px}.hall-menubar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hall-menubar b{font-weight:400}.hall-menubar>div{display:flex;align-items:center;gap:8px}.hall-menubar button{border:0;background:none;box-shadow:none;padding:0 4px;border-left:1px solid #b4b6c4;font-size:10px;color:#5c5c6c;white-space:nowrap}.hall-menubar button:first-child{border:1px solid #8f9f49;color:#fff;background:linear-gradient(#bbd15b,#8da530);padding:1px 7px;box-shadow:inset 0 1px #e4ef9d;border-radius:2px}.hall-filterbar{height:25px;display:flex;align-items:center;gap:11px;padding:0 8px;background:var(--hall);color:#c0d0e7;font-size:9px;flex-shrink:0}.hall-search{display:flex;align-items:center;gap:3px;width:151px;border-bottom:1px solid #8aa0bd;color:#a8bfd9}.hall-search input{width:100%;padding:2px 0;color:#e5f1ff;background:none;border:0;box-shadow:none;font-size:9px}.hall-search input::placeholder{color:#bbc9da}.hall-search button{padding:0;box-shadow:none;border:0;background:none;color:#c5d9ef}.hall-filterbar>label:not(.hall-search){display:flex;align-items:center;gap:4px}.hall-filterbar>span{margin-left:auto;color:#aebed4}.hall-filterbar>.sound-toggle{border:0;background:none;box-shadow:none;padding:1px;color:#b6cbe0}.lobby-scene{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:155px;align-content:start;column-gap:1px;row-gap:9px;padding:5px 6px 25px;background:var(--hall);background-image:var(--screen-dither),radial-gradient(ellipse at 50% 30%,#ffffff07,transparent 58%,#17294318);background-size:2px 2px,100% 100%;box-shadow:inset 1px 1px #293f6080;scrollbar-color:#a4afc4 #587094;scrollbar-width:thin}.scene-table{min-width:0;position:relative;text-align:center;height:155px;color:#e5e350;font-family:Tahoma,SimSun,serif;isolation:isolate}.scene-table-enter{height:132px;width:100%;padding:0;border:0;box-shadow:none;background:none!important;position:absolute;top:10px;left:0}.scene-table-enter:hover:not(:disabled){background:none!important}.scene-table-enter:active:not(:disabled){border:0;box-shadow:none;transform:translateY(1px)}.table-sprite{width:190px;max-width:109%;height:143px;pointer-events:none;overflow:visible}.seat-name{position:absolute;z-index:1;display:flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap;text-shadow:1px 1px #273e5d;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}.seat-name.upper{top:9px;left:44%;transform:translate(-10%)}.seat-name.lower{bottom:24px;left:9%}.empty-gem{color:#6baadd;font-size:8px;text-shadow:1px 1px #214c7b}.online-gem{color:#ffdb43;font-size:9px;text-shadow:1px 1px #ae5900}.table-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;height:18px;font-size:10px;color:#d1c848;text-shadow:1px 1px #344b6d;letter-spacing:2px}.table-caption small{position:absolute;right:15px;top:2px;color:#a6b9d2;font-size:8px;letter-spacing:0;text-shadow:none;opacity:.75}.table-hover-label{display:none;position:absolute;left:50%;top:78px;transform:translate(-50%);border:1px solid #dce77e;background:#385778e8;box-shadow:1px 1px #273d59;padding:4px 7px;color:#ffffa8;white-space:nowrap;font-size:10px}.scene-table-enter:hover .table-hover-label,.scene-table-enter:focus-visible .table-hover-label{display:block}.table-favorite{position:absolute;top:9px;left:12px;z-index:2;background:none;border:0;box-shadow:none;padding:0;font-size:12px;color:#91a8c3;opacity:.5}.table-favorite:hover,.table-favorite.is-favorite{opacity:1;color:#f6db37;background:none!important}.scene-empty{grid-column:1/-1;align-self:center;justify-self:center;text-align:center;color:#d4e0f1;padding:70px 20px;font:11px/1.9 Tahoma,SimSun,serif}.scene-empty>span{display:block;font-size:37px;color:#a7bcda;margin-bottom:12px}.scene-empty strong{font-weight:400;font-size:13px}.scene-empty p{color:#aabedc;margin-top:7px}.client-right{display:grid;grid-template-rows:minmax(160px,28%) minmax(0,1fr) 72px;min-width:0;min-height:0;gap:4px}.server-panel,.players-panel,.system-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0;border:1px solid #808080;border-bottom-color:#fff;border-right-color:#fff;background:#f4f4fa;box-shadow:0 0 0 1px silver}.pane-title{height:20px;flex-shrink:0;text-align:center;position:relative;font-size:10px;color:#303030;border-bottom:1px solid #808080;border-top:1px solid #fff;background:var(--surface-grain) var(--system-face);text-shadow:1px 1px #ffffff;line-height:18px;font-weight:700;letter-spacing:1px}.pane-title>span{position:absolute;right:5px;top:0;color:#7b7d8d;font-size:8px;font-weight:400;letter-spacing:0}.server-tree{flex:1;overflow:auto;padding:4px 4px 7px;font-family:Tahoma,SimSun,serif;font-size:10px;scrollbar-width:thin;scrollbar-color:#bbbfd2 #eceef6;color:#414b67}.server-root{display:flex;align-items:center;gap:4px;height:18px;white-space:nowrap}.server-root>span:nth-child(2){font-size:11px}.tree-box{font-family:Arial,sans-serif;font-size:9px!important;border:1px solid #9096a8!important;width:9px;height:9px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;line-height:7px;box-shadow:none!important;background:#fff!important;color:#657183;flex-shrink:0}.server-game{margin-left:14px;border-left:1px dotted #a5adc2}.server-game-line{height:18px;display:flex;align-items:center;gap:5px;margin-left:-5px}.tree-game-select{padding:0 3px 0 0;background:none!important;border:0;box-shadow:none;justify-content:flex-start;font-size:10px;height:17px;color:#435778;white-space:nowrap}.game-tree-icon{width:12px;text-align:center;color:#397db3;font-size:10px}.game-tree-icon.xiangqi{color:#98752c}.game-tree-icon.mahjong{color:#237d40}.game-tree-icon.doudizhu{color:#294b72}.server-game-line.selected>.tree-game-select{color:#023e8d;text-shadow:0 0 .1px #3d74b6}.tree-count{font-size:9px;color:#727688}.server-room-children{margin-left:13px;padding:0 0 2px}.server-room-children>button{display:flex;justify-content:flex-start;border:0;box-shadow:none;background:none;width:100%;text-align:left;padding:0;height:17px;font-size:10px;gap:4px;white-space:nowrap;color:#59617a}.server-room-children>button.selected{background:#cbddf4;color:#104a90}.server-room-children>button:hover{background:#e0e8f7}.tree-branch{color:#9aabc0;font-size:9px;margin-top:-3px}.room-bullet{font-size:9px;color:#bb3b43;text-shadow:0 -1px 1px #ffe2db,1px 1px #671c36}.room-bullet.playing{color:#55ad25;text-shadow:0 -1px #d4fb9b}.server-room-children small{font-size:9px;color:#777e90}.unavailable-tree{color:#9397a6;display:block;height:18px;font-size:9px;padding-left:10px}.players-panel{background:#c5e6ff}.player-table-scroll{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#b8c4dc #d8e6f5}.player-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap;table-layout:auto}.player-table thead{position:sticky;top:0;z-index:1;background:var(--surface-grain) #d4d4d4}.player-table th{font-weight:400;text-align:left;height:20px;padding:1px 6px;font-size:9px;color:#56596e;border-right:1px solid #808080;border-bottom:1px solid #808080;box-shadow:inset 1px 1px #fff}.player-table th button{padding:0;border:0;background:none!important;box-shadow:none;font-size:9px;color:inherit;white-space:nowrap}.player-table td{height:22px;padding:0 6px;color:#d74766;font-size:10px}.player-table tbody tr{cursor:pointer}.player-table tbody tr:hover{background:#b2d7fa}.player-table tr.selected{background:#8bbcee;outline:1px dotted #3f78be;outline-offset:-1px}.player-table .badge-column{width:29px;text-align:center}.player-table .rank-cell{padding:0 4px;text-align:center}.rank-medal{color:#f5a625;text-shadow:1px 1px #b58333,-1px -1px #fff7b0;font-size:13px}.player-name{display:flex;align-items:center;justify-content:flex-start;padding:0;border:0;background:none!important;box-shadow:none;color:#3b526d;font:10px Tahoma,SimSun,serif;gap:5px;max-width:165px;overflow:hidden;text-overflow:ellipsis}.player-portrait.small{width:17px;height:17px;filter:none}.player-details{font-size:9px;color:#5b708e;height:20px;line-height:19px;flex-shrink:0;padding:0 6px;background:#c4dcf3;border-top:1px solid #9fbfda;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-messages{flex:1;min-height:0;overflow:auto;padding:4px 7px;background:#fff;scrollbar-width:thin;font-size:10px;line-height:1.7;color:#e23748}.system-messages b{font-weight:400;color:#cf1534}.system-rule{color:#178b34}.client-chat{display:flex;min-height:0;flex-direction:column;background:#fff;border:1px solid #808080;border-bottom-color:#fff;border-right-color:#fff}.chat-tabs{height:20px;flex-shrink:0;display:flex;align-items:center;padding:0 5px;background:var(--surface-grain) var(--system-face);border-bottom:1px solid #808080;box-shadow:inset 0 1px #fff;color:#525c73}.chat-tabs>span{height:20px;line-height:19px;padding:0 11px;background:#fafaff;border:1px solid #b5b8cb;border-bottom-color:#fff;margin-top:2px;font-size:10px}.chat-tabs>small{margin-left:10px;color:#8e97a8;font-size:9px}.chat-tabs>button{margin-left:auto;border:0;background:none;box-shadow:none;padding:0;font-family:Arial;font-size:17px;color:#e9b526;text-shadow:1px 1px #97844a}.chat-messages{flex:1;min-height:0;overflow:auto;padding:4px 7px;scrollbar-width:thin;background:#fff;overscroll-behavior:contain}.chat-line{display:flex;gap:5px;font-size:11px;line-height:1.75;overflow-wrap:anywhere}.chat-line time{color:#999eb0;font:9px/20px Tahoma,sans-serif;flex-shrink:0}.chat-line b{font-weight:400;color:#1c61a7;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0}.chat-line>span{color:#323b4e}.chat-form{display:flex;align-items:center;gap:6px;padding:3px;background:var(--surface-grain) var(--system-face);border-top:1px solid #ffffff;min-height:26px;flex-shrink:0}.chat-form>label{display:flex;align-items:center;white-space:nowrap;gap:3px;font-size:10px}.chat-form select{font-size:10px;width:65px;height:20px;padding:1px 2px}.chat-form>input{height:21px;flex:1;padding:2px 5px;font-size:10px}.chat-form>button{height:20px;min-width:49px;padding:1px 6px}.client-status{display:flex;align-items:center;justify-content:space-between;height:20px;flex-shrink:0;border-top:1px solid #ffffff;background:var(--surface-grain) var(--system-face);padding:2px 17px 1px 3px;gap:6px;color:#454545;position:relative;font:9px Tahoma,SimSun,serif}.client-status>span{display:flex;align-items:center;gap:4px;white-space:nowrap;height:15px;padding:0 5px;border:1px solid #808080;border-right-color:#fff;border-bottom-color:#fff;min-width:0}.client-status>span:first-child{flex:1}.client-status:after{content:"";position:absolute;right:2px;bottom:2px;width:11px;height:11px;background:repeating-linear-gradient(135deg,transparent 0 2px,#808080 2px 3px,#ffffff 3px 4px);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.client-status time{margin-left:15px;border-left:1px solid #b8bfce;padding-left:10px;color:#404040;font-size:10px}.connection-banner{height:25px;flex-shrink:0;font-size:10px;background:#fff4c9;border-bottom:1px solid #c9b96c;display:flex;justify-content:center;align-items:center;gap:10px;color:#746329}.connection-banner button{padding:1px 6px;font-size:9px}.toast{position:fixed;z-index:15;left:50%;bottom:32px;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#ffffdc;border:1px solid #8e8e75;box-shadow:2px 2px #0003;padding:10px 12px;font-size:12px;max-width:calc(100vw - 24px);min-width:260px;color:#363b48}.toast button{margin-left:auto;padding:1px 5px;font-size:10px}.restore-window{flex:1;display:flex;justify-content:center;align-items:center;gap:15px;color:#c0d5ed;background:var(--hall)}.restore-window button{margin-left:10px}.live-room-scroll{min-height:0;flex:1;overflow:auto;background:var(--hall);background-image:var(--screen-dither);background-size:2px 2px;scrollbar-width:thin;scrollbar-color:#a4afc4 #587094}.room-view{padding:9px 16px 13px;color:#dae8fc;max-width:800px;margin:auto}.room-view-heading{display:flex;align-items:center;gap:9px;height:27px;font-size:10px}.room-view-heading>span{flex:1;color:#c4d7ef;font-size:10px}.room-view-heading>span b{font-weight:400}.room-view-heading button{font-size:10px;padding:3px 7px;white-space:nowrap;color:#3d4c69}.room-view-heading svg{width:12px;height:12px}.seats{display:flex;gap:16px;max-width:560px;margin:13px auto 9px}.seat-card{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #8198b5;border-bottom-color:#344c6e;border-right-color:#344c6e;background:#56749a;box-shadow:inset 1px 1px #6e8bb0;color:#edec89}.seat-card.own-seat{background:#597da4;border-color:#bbd0d4;border-bottom-color:#365c75;border-right-color:#365c75}.seat-card>div{flex:1;min-width:0}.seat-card strong{font-weight:400;font:11px Tahoma,SimSun,serif;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-card small{display:block;font-size:9px;color:#b9cce1;margin-top:4px}.seat-card>button{font-size:10px;padding:3px 6px;color:#364b67}.you-tag{font-size:9px;color:#c4ebc4}.match-notice{max-width:560px;margin:0 auto;padding:6px 8px;background:#425d81;border:1px solid #8299b4;border-bottom-color:#304767;border-right-color:#304767;display:flex;align-items:center;gap:7px;color:#d1e4f8;font-size:11px;line-height:1.6}.match-notice>span{margin-left:auto;font-size:9px;color:#97b7da}.match-notice.your-turn{color:#f5e66d}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#8ddd65}.status-dot.disconnected{background:#f2b859}.room-actions{display:flex;max-width:560px;margin:9px auto 0;justify-content:flex-end;align-items:center;gap:8px}.room-actions>span{margin-right:auto;color:#c3d7ec;font-size:10px;display:flex;align-items:center;gap:5px}.room-actions>button{color:#314c71;font-size:11px;padding:4px 11px}.retro-dialog{padding:0;width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:var(--surface-grain) #d0d0d0;border:2px solid #404040;border-top-color:#fff;border-left-color:#fff;border-radius:0;box-shadow:inset -1px -1px gray,2px 2px #0005;color:#333d58;font-family:Tahoma,SimSun,serif}.retro-dialog.wide{width:515px}.retro-dialog::backdrop{background:#142f514c}.window-title{height:25px;background:var(--surface-grain),var(--title-fill);border-bottom:1px solid #174b7b;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:11px;padding:0 4px 0 8px;text-shadow:1px 1px #204d7c;font-weight:700}.window-title button{width:19px;height:18px;padding:0;background:var(--surface-grain) var(--system-face);border:1px solid #ffffff;border-bottom-color:#000;border-right-color:#000;box-shadow:inset -1px -1px gray;color:#000;border-radius:0}.dialog-body{padding:20px}.dialog-body h2{font:700 15px Tahoma,SimSun,serif;margin-bottom:12px;color:#2b4a74}.dialog-body>p{font-size:11px;line-height:1.8;color:#505050;margin-bottom:12px}.auth-icon{display:none}.auth-form{display:flex;flex-direction:column;gap:15px;margin-top:18px}.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:11px}.auth-form input{padding:6px;height:29px;background:#fff}.auth-form>button{padding:6px}.auth-form>small{font-size:10px;color:#626262}.text-button{border:0;box-shadow:none;background:none;color:#1e64a4;padding:10px 0;font-size:10px;text-decoration:underline}.form-error{font-size:11px;color:#b62c3b;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-actions>button{padding:4px 9px;font-size:11px}.form-game{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #bcc7dc;background:#e5eaf5;color:#3d557a}.form-game small{display:block;color:#7d8aa3;font-size:10px;margin-top:5px}.form-game-icon{font-size:22px;letter-spacing:-4px;color:#284a79}.help-steps{padding-left:20px;margin:19px 0}.help-steps li{padding:0 0 15px 4px;font-size:11px;line-height:1.8;color:#3f5c7c}.help-steps p{color:#747d94;margin-top:5px}.help-note{padding:10px;border:1px solid #b7c6de;background:#e2e9f5;display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.7;margin-bottom:13px;color:#5f7596}.full-width{width:100%}.muted{color:#585b60;font-size:10px;line-height:1.8}.about-features{display:flex;flex-direction:column;gap:10px;margin:17px 0;color:#414955;font-size:11px}.about-features>span{display:flex;align-items:center;gap:7px}.practice-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.practice-title h2{font-size:16px;margin-bottom:7px}.practice-title p{font-size:10px;color:#555}.pill{font-size:10px;border:1px solid #b5c5dc;padding:3px 8px;background:#e1eaf8;color:#667f9f}.retro-dialog .match-notice{background:#e0e9f8;border:1px solid #b7c9e3;color:#476891}.retro-dialog .board-frame{margin-bottom:0;max-width:430px}@supports selector(::-webkit-scrollbar){:is(.lobby-scene,.live-room-scroll,.server-tree,.player-table-scroll,.chat-messages,.system-messages,.retro-dialog){scrollbar-color:auto;scrollbar-width:auto}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:repeating-conic-gradient(silver,silver 25%,#e0e0e0 0%,#e0e0e0 50%) 0 0 / 2px 2px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-button{background-color:silver;border:1px solid #ffffff;border-right-color:#404040;border-bottom-color:#404040;box-shadow:inset -1px -1px gray}::-webkit-scrollbar-thumb{min-height:28px;background-image:var(--surface-grain)}::-webkit-scrollbar-thumb:active{background-color:#b0b0b0}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:end:increment{display:block;height:14px;background-position:center;background-repeat:no-repeat}::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M3 0h1v1H3zM2 1h3v1H2zM1 2h5v1H1zM0 3h7v1H0z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 0h7v1H0zM1 1h5v1H1zM2 2h3v1H2zM3 3h1v1H3z'/%3E%3C/svg%3E")}}@media(min-width:1500px){.lobby-scene{grid-auto-rows:198px;row-gap:13px;padding-top:20px}.scene-table{height:198px}.scene-table-enter{height:172px;top:14px}.table-sprite{width:207px;height:178px}.seat-name{font-size:10px}.seat-name.lower{bottom:29px}.table-caption{bottom:2px}.client-left{grid-template-rows:minmax(0,1fr) 150px}.client-right{grid-template-rows:minmax(180px,29%) minmax(0,1fr) 85px}.player-table td{height:24px;font-size:11px}.player-name{font-size:11px}.server-tree,.server-room-children>button,.tree-game-select{font-size:11px}.server-room-children>button{height:19px}.server-game-line{height:20px}.player-table th{font-size:10px}}@media(max-width:1100px){.client-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr)}.lobby-scene{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:179px}.player-table td,.player-table th{padding-left:4px;padding-right:4px}.player-name{font-size:9px;gap:3px;max-width:125px}.player-table td{font-size:9px}.player-table .badge-column{width:24px}.hall-menubar{font-size:9px;padding:0 5px}.hall-menubar>div{gap:4px}.hall-menubar button{font-size:9px}.room-view{padding:8px}.room-view-heading>span{font-size:9px}.seats{gap:9px}.seat-card{padding:6px;gap:5px}.room-view-heading button{font-size:9px}}@media(max-width:820px){.client-layout{grid-template-columns:1fr;position:relative}.client-right{display:none}.show-directory .client-right{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;grid-template-rows:40% minmax(0,1fr) 75px;background:#e5e6ef;padding:3px}.lobby-scene{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:181px;row-gap:15px}.client-left{grid-template-rows:minmax(0,1fr) 120px}.room-view{max-width:620px}.seat-name.lower{left:8%}.client-status>span{font-size:8px}.client-status time{font-size:9px;margin-left:7px;padding-left:6px}}@media(max-width:570px){.hall-menubar{height:23px;font-size:9px;gap:3px;padding:0 4px}.hall-menubar>div{gap:1px}.hall-menubar button{font-size:9px;padding:0 3px}.hall-menubar>div>button:last-child{display:none}.hall-filterbar{padding:0 6px;gap:8px;height:26px;font-size:8px}.hall-search{width:131px}.hall-search input{font-size:9px}.lobby-scene{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:178px;gap:15px 2px;padding:9px 4px 23px}.scene-table{height:178px}.table-sprite{width:193px;max-width:112%;height:160px}.seat-name{font-size:9px}.seat-name.upper{left:43%}.seat-name.lower{left:9%}.table-caption small{right:11px}.client-left{grid-template-rows:minmax(0,1fr) 127px}.chat-form{gap:4px}.chat-form label{font-size:9px;gap:2px}.chat-form select{width:51px;font-size:9px}.chat-form input{font-size:9px}.chat-form>button{min-width:39px;padding:1px 3px;font-size:10px}.chat-form>button svg{display:none}.chat-line{font-size:10px;gap:3px}.chat-line b{max-width:104px}.client-status{height:19px;padding:0 16px 0 3px;font-size:8px}.client-status>span:last-child{font-size:0}.client-status time{font-size:9px}.room-view{padding:7px 6px 10px}.room-view-heading{flex-wrap:wrap;height:auto;gap:7px}.room-view-heading>span{order:3;flex-basis:100%;margin-bottom:2px}.room-view-heading>button:last-child{margin-left:auto}.seats{margin:9px 0;gap:6px}.seat-card{padding:6px;gap:5px}.seat-card strong{font-size:10px}.seat-card small{font-size:8px}.seat-card>button{font-size:9px;padding:3px 5px}.seat-card>button svg{display:none}.match-notice{font-size:10px;padding:5px}.match-notice>span{display:none}.room-actions{gap:6px}.room-actions>button{font-size:10px;padding:4px 8px}.room-actions>span{font-size:9px}.dialog-body{padding:17px}.retro-dialog.wide .dialog-body{padding:12px}.dialog-actions{margin-top:13px}.practice-title h2{font-size:15px}.practice-title p{font-size:9px}.connection-banner{font-size:9px;height:auto;min-height:24px;padding:4px}.toast{font-size:11px}.show-directory .server-tree{font-size:12px}.show-directory .server-room-children>button{font-size:11px;height:21px}.show-directory .server-game-line{height:22px}.show-directory .tree-game-select{font-size:11px}.show-directory .player-table td{font-size:10px;height:24px}.show-directory .player-name{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.client-header{--button-face: #c0c0c0;--button-light: #ffffff;--button-shadow: #808080;height:76px;flex-shrink:0;background:var(--surface-grain) var(--button-face);border:0;color:#000;font-family:Tahoma,SimSun,Songti SC,sans-serif}.client-caption{height:22px;margin:0 1px;padding:0 3px 0 4px;display:flex;align-items:center;justify-content:space-between;background:var(--surface-grain),var(--title-fill);box-shadow:inset 0 1px #ffffff24;color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px #000040}.client-caption>span{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.client-caption .toolbar-icon{width:16px;height:16px}.client-caption small{font-size:10px;font-weight:400;color:#e3e7f4;margin-left:8px}.caption-controls{display:flex;align-items:center;gap:3px}.caption-controls button{width:17px;height:16px;padding:0;border:1px solid #ffffff;border-right-color:#000;border-bottom-color:#000;box-shadow:inset -1px -1px gray;background:var(--surface-grain) silver;color:#000}.caption-controls button:hover:not(:disabled){background:var(--surface-grain) silver}.caption-controls button:active:not(:disabled){border-color:gray;border-right-color:#fff;border-bottom-color:#fff;box-shadow:inset 1px 1px #000}.caption-controls svg{stroke-width:2.5;shape-rendering:crispEdges}.main-toolbar{display:flex;align-items:center;height:54px;padding:3px 7px 4px 5px;gap:9px;border-bottom:1px solid #808080;box-shadow:inset 0 1px #fff,0 1px #fff}.main-toolbar:before{content:"";width:4px;height:36px;border-left:1px solid #ffffff;border-right:1px solid #808080;background:repeating-linear-gradient(to bottom,#808080 0 1px,#ffffff 1px 2px,transparent 2px 4px);flex-shrink:0}.identity-capsule{width:164px;height:43px;flex-shrink:0;justify-content:flex-start;gap:8px;padding:4px 7px;border:1px solid #808080;border-right-color:#fff;border-bottom-color:#fff;box-shadow:inset 1px 1px #777;border-radius:0;background:var(--surface-grain) #b8b8b8;color:#000;text-align:left}.identity-capsule:hover:not(:disabled){background:var(--surface-grain) #c4c4c4}.identity-capsule>span{flex:1;min-width:0}.identity-capsule b{display:block;max-width:111px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400}.identity-capsule small{display:flex;align-items:center;gap:5px;font-size:10px;color:#404040;margin-top:5px}.identity-capsule .online-indicator,.identity-capsule .offline-indicator{border-radius:0;box-shadow:none;width:6px;height:6px}.main-toolbar nav{display:flex;align-items:center;justify-content:flex-start;gap:3px;height:100%;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.main-toolbar nav::-webkit-scrollbar{display:none}.main-toolbar nav>button{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;gap:3px;min-width:68px;height:45px;padding:3px 8px;border:1px solid #ffffff;border-right-color:#000;border-bottom-color:#000;box-shadow:inset -1px -1px gray;border-radius:0;background:var(--surface-grain) silver;color:#000;font-size:11px;text-shadow:none}.main-toolbar nav>button:nth-child(4),.main-toolbar nav>button:nth-child(5),.main-toolbar nav>button:nth-child(7){margin-left:6px}.main-toolbar nav>button:hover:not(:disabled){background:var(--surface-grain) #cacaca}.main-toolbar nav>button:active:not(:disabled),.main-toolbar nav>button.pressed{border-color:gray;border-right-color:#fff;border-bottom-color:#fff;box-shadow:inset 1px 1px #000;padding:4px 7px 2px 9px;background:repeating-conic-gradient(silver,silver 25%,#dfdfdf 0%,#dfdfdf 50%) 0 0 / 2px 2px}.client-header button:focus-visible{outline:1px dotted #000000;outline-offset:-4px}.main-toolbar button:disabled{color:gray;opacity:1;text-shadow:1px 1px #ffffff}.main-toolbar button:disabled .toolbar-icon{filter:grayscale(1);opacity:.45}.main-toolbar nav>button>span{line-height:12px;white-space:nowrap}.toolbar-icon{width:24px;height:24px;image-rendering:pixelated;shape-rendering:crispEdges;overflow:visible;filter:none}.header-account{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding-left:9px;margin-left:auto;border-left:1px solid #808080;box-shadow:-1px 0 #fff;font-size:10px;color:#404040;white-space:nowrap}.header-account button{background:transparent;color:navy;box-shadow:none;border:0;padding:0;font-size:10px;text-decoration:underline}.header-account button:hover:not(:disabled){background:transparent}.client-tabbar{display:flex;align-items:flex-end;height:26px;flex-shrink:0;gap:8px;padding:3px 7px 0;background:var(--surface-grain) silver;border-top:1px solid #ffffff;border-bottom:1px solid #808080}.announcement{font:10px Tahoma,SimSun,serif;color:#404040;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38%;margin-right:8px}.game-tabs{display:flex;align-items:flex-end;gap:3px;height:100%}.game-tabs button{position:relative;height:21px;padding:2px 10px;min-width:85px;border:1px solid #ffffff;border-right-color:#000;border-bottom-color:gray;border-radius:2px 2px 0 0;box-shadow:inset -1px 0 gray;background:var(--surface-grain) silver;color:#202020;font-size:11px;gap:5px}.game-tabs button:hover:not(:disabled){background:var(--surface-grain) #d1d1d1}.game-tabs button.active{height:23px;margin-bottom:-1px;border-bottom:1px solid #dfdfdf;background:var(--surface-grain) #dfdfdf;color:#000;box-shadow:inset 1px 1px #fff,inset -1px 0 gray;z-index:1}.game-tabs button:focus-visible{outline:1px dotted #000000;outline-offset:-4px}.tab-symbol{font-size:10px;color:navy}.tab-symbol.xiangqi,.tab-symbol.doudizhu{color:maroon}.tab-symbol.mahjong{color:green}.mobile-directory{display:none}@media(max-width:1100px){.main-toolbar{gap:7px}.identity-capsule{width:149px;gap:6px}.identity-capsule b{max-width:98px;font-size:10px}.main-toolbar nav>button{min-width:61px;padding-left:5px;padding-right:5px;font-size:10px}.main-toolbar nav>button:active:not(:disabled),.main-toolbar nav>button.pressed{padding-left:6px;padding-right:4px}.header-account{display:none}.announcement{max-width:33%;font-size:9px}.game-tabs button{min-width:76px;padding-left:7px;padding-right:7px;font-size:10px}}@media(max-width:820px){.announcement{display:none}.game-tabs{margin-right:auto}.mobile-directory{display:inline-flex;align-self:center;height:19px;padding:1px 5px;background:var(--surface-grain) silver;border:1px solid #ffffff;border-right-color:#000;border-bottom-color:#000;box-shadow:inset -1px -1px gray;color:#000;white-space:nowrap;font-size:10px}}@media(max-width:570px){.client-caption{font-size:11px}.client-caption small{display:none}.main-toolbar{gap:5px;padding-left:3px;padding-right:3px}.main-toolbar:before{display:none}.identity-capsule{width:109px;padding:4px;gap:4px}.identity-capsule .toolbar-icon{width:20px;height:20px}.identity-capsule b{max-width:72px;font-size:9px}.identity-capsule small{font-size:9px;margin-top:5px}.main-toolbar nav>button{min-width:55px;font-size:10px}.main-toolbar nav>button:nth-child(4),.main-toolbar nav>button:nth-child(5),.main-toolbar nav>button:nth-child(7){margin-left:3px}.client-tabbar{padding-left:3px;padding-right:3px;gap:3px}.game-tabs{gap:2px}.game-tabs button{min-width:62px;padding:2px 3px;font-size:9px;gap:3px}.mobile-directory{font-size:9px;padding:1px 3px;box-shadow:none}}.retro-dialog{max-height:calc(100dvh - 24px)}.retro-dialog:has(.account-center)>.window-title{position:sticky;top:0;z-index:3}.retro-dialog:has(.account-center){width:640px}.account-center{font:12px Tahoma,SimSun,serif;color:#222}.account-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.account-heading .player-portrait{width:44px;height:44px}.account-heading strong{font-size:14px;display:block;margin-bottom:6px}.account-heading span{font-size:11px;color:#555}.account-tabs{display:flex;align-items:end;gap:2px;padding:0 4px}.account-tabs button{border-radius:0;padding:7px 10px;font-size:12px}.account-tabs button[aria-pressed=true]{padding-top:10px;margin-bottom:-2px;z-index:1;border-bottom:0;box-shadow:inset 1px 1px #fff}.account-panel{border:2px solid;border-color:#fff #808080 #808080 #fff;padding:16px;min-height:290px}.account-panel p{font-size:12px;line-height:1.7;margin:0 0 10px}.account-panel .auth-form{margin-top:0}.account-fields{display:flex;flex-direction:column;gap:13px;border:0;min-width:0;padding:0;margin:0}.account-fields>button,.account-panel>button{padding:6px 14px;align-self:flex-start;min-width:100px}.account-group{padding:14px;border:2px groove #fff;margin:0 0 18px;min-width:0}.account-group:last-child{margin-bottom:0}.account-group legend,.avatar-picker legend{padding:0 6px;color:navy}.avatar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:0;padding:10px 4px;border:1px solid #999;min-width:0}.avatar-picker button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 2px;font-size:10px}.avatar-picker button[aria-pressed=true]{outline:1px dotted #000;outline-offset:-4px;background:#d0d8e4;box-shadow:inset 1px 1px #777}.avatar-picker .player-portrait{width:36px;height:36px}.account-facts{display:grid;grid-template-columns:60px 1fr;gap:8px;margin:0 0 5px;font-size:11px}.account-facts dt{color:#555}.account-facts dd{margin:0;overflow-wrap:anywhere}.form-success{font-size:12px;color:#16572a;line-height:1.7}.account-panel .account-feedback{margin:14px 0 0}.mail-notice{background:#ffffe1;border:1px solid #a3a387;padding:9px;font-size:11px;line-height:1.8;margin-top:12px!important}.mail-notice a{display:block;color:navy;text-decoration:underline}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:5px}.auth-links button{font-size:12px}.session-list{background:#fff;border:2px inset #ddd;max-height:235px;overflow-y:auto;margin-bottom:12px}.session-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:11px;border-bottom:1px solid #ddd}.session-row:last-child{border:0}.session-row strong{font-size:12px}.session-row small{display:block;margin-top:5px;color:#555;font-size:10px}.session-row em{display:inline-block;margin-left:7px;color:#006000;font-size:10px;font-style:normal}.session-row button{flex-shrink:0;padding:5px 9px}.session-list+button+.auth-form{margin:18px 0}.account-panel .account-footnote{margin:14px 0 0;color:#555;font-size:11px}.deletion-notice{background:#ffffe1;padding:12px;border:1px solid #9f9370;margin-bottom:16px}.deletion-notice strong{color:maroon}.deletion-notice p{margin:8px 0 0}.auth-form .confirm-delete{flex-direction:row;align-items:center;gap:8px}.confirm-delete input{width:14px;height:14px;accent-color:#000080}.danger-button{color:maroon}@media(max-width:520px){.retro-dialog:has(.account-center) .dialog-body{padding:12px}.account-panel{padding:12px 10px}.account-tabs{gap:0;padding:0}.account-tabs button{padding:7px;font-size:11px}.avatar-picker{grid-template-columns:repeat(3,1fr)}.account-group{padding:10px}}.client-left{grid-template-rows:minmax(0,1fr) 172px}.enhanced-chat .chat-tabs{height:25px;gap:6px;padding-left:3px}.chat-tabs [role=tablist]{align-self:stretch;display:flex;align-items:end;gap:2px}.chat-tabs [role=tab]{font:11px Tahoma,SimSun,serif;height:23px;padding:2px 8px;border-radius:0}.chat-tabs [role=tab][aria-selected=true]{background:#fff;border-bottom-color:#fff;box-shadow:inset 1px 1px #fff}.chat-tabs em{background:navy;color:#fff;font:10px Tahoma,sans-serif;padding:0 3px;margin-left:5px}.enhanced-chat .chat-tabs>small{margin-left:0}.enhanced-chat .chat-emoticon{margin-left:auto;margin-right:4px}.enhanced-chat .chat-outbox-button{margin-left:auto;color:maroon;text-shadow:none;font:10px Tahoma,SimSun,serif;padding:2px 5px}.chat-outbox-button+.chat-emoticon{margin-left:0}.outbox-list{max-height:50dvh;overflow:auto}.outbox-list article{border-bottom:1px solid #999;padding:10px 0;font-size:12px;overflow-wrap:anywhere}.outbox-list p{margin:6px 0}.outbox-list small{color:maroon;font-size:11px}.outbox-list article>div{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.outbox-list button{font-size:11px;padding:4px 6px}.chat-scroll-wrap{flex:1;min-height:0;position:relative}.enhanced-chat .chat-messages{height:100%;overflow-anchor:none}.chat-history-control{text-align:center;color:#777;font-size:10px;padding:3px 0}.chat-history-control button{border:0;box-shadow:none;background:none;font-size:10px;color:navy;text-decoration:underline;padding:2px 8px}.chat-date{font:9px Tahoma,sans-serif;color:#818181;text-align:center;margin:3px 0}.enhanced-chat .chat-line{align-items:baseline}.enhanced-chat .chat-text{min-width:0;white-space:pre-wrap}.chat-line small{flex-shrink:0;font:9px Tahoma,SimSun,serif;color:#777;margin-left:4px}.chat-line .chat-sent{color:#758675}.chat-pending.failed .chat-line>small{color:maroon}.chat-retry{display:flex;align-items:center;gap:5px;margin:2px 0 5px 32px;color:maroon;font-size:10px;flex-wrap:wrap}.chat-retry button{padding:1px 5px;font-size:10px}.chat-retry button:first-of-type{color:navy}.chat-new-messages{position:absolute;bottom:5px;right:10px;padding:4px 9px;font-size:10px;color:navy;background:#ffffe1;box-shadow:1px 1px #555}.chat-error{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;background:#ffffe1;color:maroon;font-size:10px}.chat-error button{padding:1px 4px;font-size:10px}.chat-empty{padding:12px;color:#666;font-size:11px}.enhanced-chat .chat-form input{min-width:0}@media(max-width:600px){.client-left{grid-template-rows:minmax(0,1fr) 152px}.chat-tabs [role=tab]{padding:2px 6px;font-size:10px}.enhanced-chat .chat-line b{max-width:85px}}.board-frame{width:min(100%,440px);margin:12px auto;padding:5px;border:5px solid #b8894c;border-color:#d6a466 #8c5c2f #704725 #c19355;background:linear-gradient(#8b542b38,#522f1a66),url(/assets/gomoku-v1/board-wood.webp) center / cover;box-shadow:inset 0 0 0 1px #f8dc9980,0 1px 0 1px #402e24,2px 4px 5px #142b4059}.board-surface{display:grid;grid-template-columns:14px minmax(0,1fr) 14px;grid-template-rows:14px auto 14px;background:linear-gradient(#ffecc52e,#fce2aa2e),url(/assets/gomoku-v1/board-wood.webp) center / cover;box-shadow:inset 0 0 0 1px #6d452b99,inset 0 0 8px #93592733,0 0 0 1px #edc38a66}.board-coordinates{display:grid;color:#674420;font:9px Tahoma,sans-serif;text-align:center;align-items:center;-webkit-user-select:none;user-select:none}.coordinates-top,.coordinates-bottom{grid-template-columns:repeat(15,minmax(0,1fr));grid-column:2}.coordinates-top{grid-row:1}.coordinates-bottom{grid-row:3}.coordinates-left,.coordinates-right{grid-template-rows:repeat(15,minmax(0,1fr));grid-row:2}.coordinates-left{grid-column:1}.coordinates-right{grid-column:3}.gomoku-board{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));aspect-ratio:1;position:relative;isolation:isolate}.board-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.board-grid-lines{fill:none;stroke:#785329;stroke-width:.65}.board-star-points{fill:#67451f}.gomoku-stone{display:block;flex-shrink:0;border-radius:50%;background-position:center;background-size:119.05% 119.05%;background-repeat:no-repeat;box-shadow:.5px 1px 1px #3d240e80,inset 0 0 0 .5px #271d182e;pointer-events:none}.stone-black{background-color:#20252b;background-image:url(/assets/gomoku-v1/stone-black.webp)}.stone-white{background-color:#eee9dc;background-image:url(/assets/gomoku-v1/stone-white.webp)}.seat-card>.gomoku-stone{width:23px;height:23px}.point{position:relative;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;box-shadow:none;background:none!important;touch-action:manipulation}.point:active:not(:disabled){border:0;box-shadow:none;transform:none}.point:disabled{opacity:1}.point>.gomoku-stone{position:absolute;top:7%;right:7%;bottom:7%;left:7%}.empty-point>.gomoku-stone{visibility:hidden}.point.empty-point:focus-visible>.gomoku-stone{visibility:visible;opacity:.48}@media(hover:hover){.point.empty-point:hover:not(:disabled)>.gomoku-stone{visibility:visible;opacity:.48}}.point:focus-visible{outline-offset:-1px;z-index:2;outline-color:#684025}.last-move-marker{position:absolute;top:31%;right:31%;bottom:31%;left:31%;background:url(/assets/gomoku-v1/last-move.svg) center / contain no-repeat;pointer-events:none}@media(max-width:1100px){.board-frame{max-width:395px}}@media(max-width:820px){.board-frame{max-width:430px}}@media(max-width:520px){.board-frame{margin:10px auto;padding:3px;border-width:4px}.board-surface{grid-template-columns:11px minmax(0,1fr) 11px;grid-template-rows:11px auto 11px}.board-coordinates{font-size:7px}.seat-card>.gomoku-stone{width:20px;height:20px}}.ddz-room-view{max-width:880px}.ddz-game{--card-width: 62px;margin:10px auto 0;color:#fff3ce}.ddz-status{min-height:31px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #92aaa7;border-bottom-color:#29483f;background:#294f47;font-size:11px}.ddz-status>i{width:6px;height:6px;background:#c4d0a7;flex-shrink:0}.ddz-status>i.your-turn{background:#f5d856;box-shadow:0 0 5px #f5d85680}.ddz-status>span{margin-left:auto;white-space:nowrap;color:#e5cd90;font-size:10px}.ddz-felt{position:relative;min-height:310px;border:7px solid;border-color:#b68c55 #69452d #563c29 #bd945e;background:linear-gradient(#052b2580,#053d3140),url(/assets/doudizhu-v1/felt.webp) center/cover;box-shadow:inset 0 0 0 1px #e3c38960,inset 0 0 34px #01282080,0 1px #1f332e}.ddz-felt:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #d9c48230;border-radius:35%;pointer-events:none}.ddz-bottom-cards{position:absolute;top:12px;left:50%;transform:translate(-50%);text-align:center;--card-width: 33px;font-size:10px}.ddz-bottom-cards>div{display:flex;gap:4px;margin:5px 0}.ddz-bottom-cards small{font-size:8px;color:#b5cdb1}.ddz-player{position:absolute;width:137px;padding:7px;border:1px solid #a2bd9370;background:#112c269c;box-shadow:1px 1px #092b25}.ddz-player-left{top:23px;left:12px}.ddz-player-right{top:23px;right:12px}.ddz-player-bottom{bottom:12px;left:12px;width:172px}.ddz-player.active-player{border-color:#e6c568;box-shadow:0 0 0 1px #c5a64770,inset 0 0 15px #bd9a2420}.ddz-player-heading{display:flex;gap:6px;align-items:center}.ddz-player-heading>div{min-width:0}.ddz-player-heading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#f4e9c9}.ddz-player-heading small{display:flex;align-items:center;color:#c6bd9d;font-size:9px;margin-top:4px;height:16px}.ddz-player-heading small img{width:16px;height:16px;margin-right:3px}.ddz-player-state{display:flex;gap:7px;justify-content:space-between;margin-top:6px;font-size:10px;min-height:13px}.ddz-card-count{color:#f6dc86}.ddz-player>button{margin-top:6px;color:#263a30;padding:3px 12px}.ddz-table-play{position:absolute;top:124px;left:8%;right:8%;text-align:center;--card-width: 40px}.ddz-play-caption{font-size:10px;margin-bottom:8px;color:#f1dfb2}.ddz-play-cards{display:grid;grid-template-columns:repeat(var(--card-count),minmax(0,1fr));width:min(100%,calc(var(--card-count) * 24px + 16px));padding-right:16px;margin:0 auto;text-align:left}.ddz-table-label{color:#d6e4bc70;display:grid;justify-items:center;gap:6px}.ddz-table-label>span{font:25px Georgia,serif}.ddz-table-label>strong{font:14px SimSun,serif;letter-spacing:3px}.ddz-table-label small{font-size:9px}.ddz-table-footnote{position:absolute;bottom:14px;right:14px;color:#b9c8a27a;font-size:9px}.ddz-hand-area{border:1px solid #789188;border-top:0;padding:9px 12px 0;background:linear-gradient(#1c413c,#183932)}.ddz-hand-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:13px;font-size:10px}.ddz-hand-heading>span{color:#acc1b5;font-size:9px}.ddz-hand{display:grid;grid-template-columns:repeat(var(--card-count),minmax(0,1fr));margin:0 auto;width:min(100%,calc(var(--card-count) * 30px + var(--card-width) - 30px));padding:7px calc(var(--card-width) - 18px) 5px 0;min-height:calc(var(--card-width) * 1.45 + 12px)}.ddz-swipe-hint{display:none}.ddz-hand-card{position:relative;display:block;width:var(--card-width);height:fit-content;border:0;padding:0;border-radius:4px;box-shadow:1px 2px 2px #001d29aa;background:transparent!important;touch-action:manipulation;transition:transform 90ms}.ddz-hand-card:disabled{opacity:1;cursor:default}.ddz-hand-card.selected{transform:translateY(-11px);outline:2px solid #f4d76e}.ddz-hand-card:active:not(:disabled){border:0;box-shadow:1px 2px 2px #001d29aa}.ddz-hand-card:focus-visible{outline:2px dotted #ffed93;outline-offset:1px;z-index:1}.ddz-controls{min-height:33px;display:flex;justify-content:center;gap:9px;align-items:center}.ddz-controls button{min-width:56px;color:#293b32;padding:4px 10px}.ddz-controls button.primary{background:linear-gradient(#f5e4ad,#d4b461);border-color:#fff0b8 #796833 #796833 #fff0b8;color:#393015}.ddz-selection-info{min-height:22px;padding:3px 0;text-align:center;color:#ebcf8c;font-size:10px}.ddz-practice-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#34483e;font-size:13px}.ddz-practice-header>span{font-size:9px;color:#5e6860}.retro-dialog:has(.ddz-game){width:min(780px,calc(100vw - 20px));max-width:780px}.retro-dialog:has(.ddz-game) .dialog-body{padding:12px}.retro-dialog .ddz-felt{min-height:280px}.ddz-player .score-win{color:#f9d47a}.scene-table.ddz-scene-table .seat-name.upper{left:10%;top:4px;max-width:65%}.scene-table.ddz-scene-table .seat-name.lower{left:0;bottom:24px;max-width:48%}.scene-table.ddz-scene-table .seat-name.third{right:0;bottom:24px;max-width:48%}.ddz-lobby-player{position:absolute;pointer-events:none}.ddz-lobby-player.seat-0{top:8px;left:45%}.ddz-lobby-player.seat-1{bottom:40px;left:4px}.ddz-lobby-player.seat-2{bottom:40px;right:4px}.ddz-rule-list{font-size:11px;line-height:1.8;padding-left:18px}@media(max-width:600px){.ddz-game{--card-width: 46px}.ddz-player{width:104px;padding:5px}.ddz-player-bottom{width:150px}.ddz-player-left{left:6px}.ddz-player-right{right:6px}.ddz-player-heading{gap:4px}.ddz-player-heading strong{font-size:10px}.ddz-player-heading .player-portrait{width:24px;height:30px}.ddz-bottom-cards{--card-width: 26px}.ddz-bottom-cards>div{gap:2px}.ddz-felt,.retro-dialog .ddz-felt{min-height:285px;border-width:4px}.ddz-table-play{left:3%;right:3%;--card-width: 32px}.ddz-play-cards{padding-right:14px;width:min(100%,calc(var(--card-count) * 18px + 14px))}.ddz-hand-area{padding:9px 7px 0}.ddz-controls{gap:7px}.ddz-controls button{min-width:48px;padding:5px 8px}.ddz-status{font-size:10px;flex-wrap:wrap}.ddz-status>span{font-size:9px}.ddz-hand-heading{align-items:flex-start}.ddz-hand-heading>span{max-width:57%;text-align:right}}@media(prefers-reduced-motion:reduce){.ddz-hand-card{transition:none}}.xq-room-view{--xq-room-board-width: min(540px, max(240px, calc(90dvh - 360px) ));max-width:calc(var(--xq-room-board-width) + 214px);container-type:inline-size}.client-left:has(.xq-room-view){grid-template-rows:minmax(0,1fr) 104px}.xq-room-view .xq-board{max-width:var(--xq-room-board-width)}.xq-room-view .xq-seats{margin:5px auto}.xq-room-view .xq-seats .seat-card{padding:4px 7px}.xq-room-view .xq-seats .xq-piece{width:30px}.xq-room-view .xq-history{height:108px}.xq-room-view .xq-position{margin:7px auto}.retro-dialog.wide:has(.xq-position){width:800px}.retro-dialog:has(.xq-position) .dialog-body{container-type:inline-size}.retro-dialog .xq-board{max-width:min(540px,max(300px,calc(90vh - 246px)))}.xq-position{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;align-items:start;margin:12px auto}.xq-board{width:100%;max-width:540px;position:relative;margin:0 auto;aspect-ratio:9 / 10;background:#d6a45e url(/assets/xiangqi-v1/board-wood.webp) center / 100% 100%;box-shadow:0 2px 4px #26180866;border-radius:3px}.xq-grid,.xq-coordinates{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.xq-coordinates{font:13px Georgia,serif;fill:#624020;text-anchor:middle}.xq-piece{display:inline-block;position:relative;width:44px;aspect-ratio:1;vertical-align:middle;flex-shrink:0;pointer-events:none}.xq-piece>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.xq-square{position:absolute;display:block;width:10.37%;aspect-ratio:1;padding:0;margin:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;box-shadow:none;min-height:0}.xq-square .xq-piece{display:block;width:100%;height:100%}.xq-square:disabled{opacity:1;cursor:default;filter:none}.xq-board .xq-square:hover:not(:disabled),.xq-board .xq-square:active:not(:disabled){background:transparent;border:0;box-shadow:none;transform:translate(-50%,-50%)}.xq-square.selected{outline:2px solid #226b54;outline-offset:-3px;background:#328d5629}.xq-square:focus-visible{outline:2px dashed #153c6f;outline-offset:1px}.xq-square.last-move:after,.xq-square.move-origin:after,.xq-square.hinted:after,.xq-square.in-check:after{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:2px solid #ba7710;border-radius:5px;pointer-events:none}.xq-square.move-origin:after{top:34%;right:34%;bottom:34%;left:34%;border-width:1px;opacity:.65}.xq-square.hinted:after{border-color:#006b8e;border-style:dashed}.xq-square.in-check:after{border-color:#b51620;box-shadow:0 0 0 2px #ffd39c99}.xq-move-target{position:absolute;top:39%;right:39%;bottom:39%;left:39%;border-radius:50%;background:#176244;box-shadow:0 0 0 2px #e8d2a966;pointer-events:none}.xq-capture-target{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border:3px solid #176244;border-radius:50%;pointer-events:none}.xq-record-panel{min-width:0;background:#f2e7cd;border:1px solid #948269;color:#47392a}.xq-record-toggle{display:none}.xq-history{height:238px;overflow-y:auto;list-style:none;padding:8px;margin:0;font-size:11px;line-height:1.8;border-bottom:1px solid #c4b18e}.xq-history>li{display:flex;gap:4px;padding:2px 0}.xq-history>li>span{min-width:19px;color:#8b7c67}.xq-history .side-1{color:#96372b}.xq-history .xq-history-empty{color:#8a765a;padding:14px 2px}.xq-captures{padding:8px;border-bottom:1px solid #c4b18e}.xq-captures>strong{font-size:11px;font-weight:400;color:#7a5e3e}.xq-captures>div{display:flex;flex-wrap:wrap;min-height:30px;align-items:center;margin-top:3px}.xq-captures .xq-piece{width:27px}.xq-captures small{color:#9a8a73}.xq-legend{margin:8px;line-height:1.8;font-size:10px;color:#827154}.xq-seats .xq-piece{width:40px}.xq-draw-offer{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px;background:#f1dda4;color:#654921;font-size:12px}.xq-draw-offer span{flex:1}.xq-practice-options{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px;font-size:11px}.xq-practice-options label{display:flex;gap:6px;align-items:center}.xq-practice-options select{padding:3px 5px}.xq-practice-options>span{margin-left:auto;color:#7a725f}.xq-hint{font-size:11px;color:#796446;min-height:18px}.xq-practice-actions{flex-wrap:wrap}.xq-lobby-board{pointer-events:none}@container (max-width: 450px){.xq-position{grid-template-columns:minmax(0,1fr);gap:9px}.xq-record-panel{display:grid;grid-template-columns:1fr 1fr}.xq-record-panel>.pane-title,.xq-history{grid-column:1 / -1}.xq-history{height:74px}.xq-legend{grid-column:1 / -1;margin:5px 8px}}@media(max-width:650px){.xq-position{grid-template-columns:minmax(0,1fr);gap:9px}.xq-record-panel{display:grid;grid-template-columns:1fr 1fr}.xq-record-panel>.pane-title,.xq-history{grid-column:1 / -1}.xq-history{height:74px}.xq-legend{grid-column:1 / -1;margin:5px 8px}.xq-seats .seat-card{padding:5px;gap:4px}.xq-seats .xq-piece{width:30px}.xq-seats .seat-card small{font-size:9px}}@media(max-width:600px),(max-width:950px)and (max-height:500px){html{--mobile-compact-height: 32px;--mobile-control-height: 36px;--mobile-primary-height: 40px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:0;overflow:hidden}.game-client{position:fixed;top:var(--visible-top, 0px);left:0;width:100%;height:var(--visible-height, 100dvh);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-width:1px}button,select,summary{touch-action:manipulation}input,select,textarea{scroll-margin-block:40px}html .game-client input:not([type=checkbox]),html .retro-dialog input:not([type=checkbox]),html .retro-dialog select{font-size:16px;height:var(--mobile-control-height);min-height:var(--mobile-control-height);line-height:22px;padding:5px 7px}.client-header{height:auto}.client-caption{height:32px;font-size:12px}.client-caption small,.main-toolbar:before{display:none}.caption-controls button{width:36px;height:28px}.main-toolbar{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px}.main-toolbar nav{display:contents}.main-toolbar .identity-capsule,.main-toolbar nav>button{width:100%;min-width:0;height:var(--mobile-primary-height);margin:0;padding:4px 2px;font-size:12px}.main-toolbar nav>button{flex-direction:row;gap:5px}.main-toolbar .identity-capsule{gap:4px}.identity-capsule>span{min-width:0}.identity-capsule b{max-width:100%;font-size:11px}.identity-capsule small{font-size:10px;margin-top:3px}.main-toolbar .toolbar-icon{width:18px;height:18px;flex-shrink:0}.header-account,.announcement{display:none}.client-tabbar{height:36px;padding:2px 3px 0;gap:4px}.game-tabs{flex:1;min-width:0;gap:2px;margin:0}.game-tabs button,.game-tabs button.active{flex:1;min-width:0;height:var(--mobile-compact-height);padding:4px 3px;font-size:12px;white-space:nowrap;gap:3px}.tab-symbol{display:none}.mobile-directory{display:inline-flex;height:var(--mobile-compact-height);padding:4px 6px;font-size:12px;flex-shrink:0}.client-layout{grid-template-columns:minmax(0,1fr);position:relative;padding:3px}.client-left,.client-left:has(.xq-room-view){grid-template-rows:minmax(0,1fr) 136px}.client-right{display:none}.show-directory .client-right{display:grid;position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:5;grid-template-rows:minmax(120px,40%) minmax(0,1fr) 64px}.show-directory .client-left{visibility:hidden}.hall-menubar{height:auto;min-height:var(--mobile-compact-height);flex-wrap:wrap;gap:2px 6px;font-size:11px;padding:0 4px}.hall-menubar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.hall-menubar button{min-height:var(--mobile-compact-height);font-size:12px;padding:4px 6px}.hall-filterbar{height:40px;gap:8px;padding:0 4px;font-size:11px}.hall-search{width:auto;flex:1;min-width:0}.hall-search input{width:100%;padding-inline:2px}.hall-filterbar>span{display:none}.hall-filterbar>label:not(.hall-search){min-height:var(--mobile-control-height);gap:5px;white-space:nowrap}.hall-filterbar input[type=checkbox]{width:16px;height:16px}.hall-filterbar button{min-width:36px;min-height:var(--mobile-control-height)}.lobby-scene{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:178px;gap:10px 2px;padding:6px 3px 18px;overscroll-behavior:contain}.scene-table .seat-name{font-size:11px}.client-status{height:24px;font-size:10px;flex-shrink:0}.client-status>span:last-child{font-size:0}.client-status time{font-size:10px}.server-tree button,.directory-room{min-height:var(--mobile-control-height);font-size:12px}.server-game-line{height:var(--mobile-control-height)}.server-tree .server-room-children button,.server-tree .tree-game-select{font-size:12px}.server-tree .tree-box{width:32px;min-height:var(--mobile-compact-height)}.player-table td{height:32px;font-size:11px}.enhanced-chat .chat-tabs{height:32px;flex-shrink:0;gap:3px}.chat-tabs [role=tab]{height:30px;padding:4px 7px;font-size:12px}.enhanced-chat .chat-tabs>small{display:none}.enhanced-chat .chat-emoticon,.enhanced-chat .chat-outbox-button{min-height:28px;min-width:36px;font-size:12px}.enhanced-chat .chat-form{height:auto;min-height:34px;flex-shrink:0;gap:4px;padding:2px}.chat-form label{display:none}.enhanced-chat .chat-form button{height:30px;min-height:30px;min-width:48px;font-size:13px}html #chat-composer{height:30px;min-height:30px;line-height:20px;padding:4px 6px}.enhanced-chat .chat-messages{padding:4px 6px}.enhanced-chat .chat-line,.chat-history-control{font-size:12px;line-height:1.6}.chat-history-control button,.chat-retry button,.chat-new-messages{min-height:var(--mobile-compact-height);font-size:12px}.game-client:has(.room-view) .main-toolbar{display:none}.room-view,.xq-room-view{width:100%;max-width:none;padding:6px}.room-view-heading{height:auto;min-height:var(--mobile-control-height);flex-wrap:wrap;gap:4px;font-size:12px}.room-view-heading>span{order:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.room-view-heading button,.seat-card button,.room-actions button{min-height:var(--mobile-control-height);font-size:12px;padding:5px 8px;flex-shrink:0}.room-actions button.primary,.seat-card button{min-height:var(--mobile-primary-height)}.seats,.xq-room-view .xq-seats{gap:6px;margin:6px auto}.seat-card,.xq-room-view .xq-seats .seat-card{padding:5px;gap:5px}.seat-card strong{font-size:12px}.seat-card small{font-size:10px}.match-notice{font-size:12px;padding:6px 8px;overflow-wrap:anywhere}.room-actions{position:sticky;bottom:-6px;z-index:2;flex-wrap:wrap;gap:5px;padding:6px 0;background:var(--surface-grain) var(--hall)}.room-actions>span{font-size:11px}.board-frame{width:100%;max-width:440px;margin:8px auto}.xq-position{grid-template-columns:minmax(0,1fr);gap:6px;margin:8px auto}.xq-room-view .xq-board,.retro-dialog .xq-board{max-width:440px}.xq-record-toggle{display:flex;justify-content:space-between;min-height:var(--mobile-control-height);font-size:12px;padding:6px 10px;background:#e2d6b9;color:#47392a}.xq-record-panel:not(.expanded){display:none}.xq-record-panel.expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.xq-record-panel .pane-title,.xq-record-panel .xq-history,.xq-legend{grid-column:1 / -1}.xq-room-view .xq-history,.xq-history{height:100px;font-size:12px}.xq-practice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-block:6px}.xq-practice-options label{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:12px}.xq-practice-options>span{display:none}.ddz-game{--card-width: 58px}.ddz-hand-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c6b176 #214a3e}.ddz-hand{grid-template-columns:repeat(var(--card-count),30px);width:max-content;padding:14px calc(var(--card-width) - 30px) 8px 2px}.ddz-hand-card{touch-action:pan-x pan-y pinch-zoom}.ddz-swipe-hint{display:block;text-align:center;color:#c7d3bb;font-size:11px;margin:2px 0 8px}.ddz-hand-heading{font-size:12px;margin-bottom:0}.ddz-hand-heading>span,.ddz-status,.ddz-selection-info{font-size:11px}.ddz-controls{gap:6px}.ddz-controls button{min-height:var(--mobile-primary-height);flex:1;font-size:13px}.retro-dialog[open],.retro-dialog.wide[open]{width:calc(100% - 12px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-width:800px;max-height:calc(var(--visible-height, 100dvh) - 12px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));top:calc(var(--visible-top, 0px) + env(safe-area-inset-top,0px) + 6px);bottom:auto;left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);margin:0 auto;overflow:hidden}.retro-dialog[open]{display:flex;flex-direction:column}.window-title{height:40px;min-height:40px;font-size:13px;gap:6px}.window-title button{width:36px;height:var(--mobile-compact-height);flex-shrink:0}.retro-dialog .dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px;scroll-padding-block:10px 52px}.dialog-body button:not(.point):not(.xq-square):not(.ddz-hand-card){min-height:var(--mobile-button-height, var(--mobile-control-height));font-size:12px}.ddz-controls,.auth-form{--mobile-button-height: var(--mobile-primary-height)}.auth-form{gap:10px;margin-top:12px}.auth-form label{gap:5px}.auth-links{gap:8px}.dialog-body .dialog-actions{position:sticky;bottom:-10px;z-index:3;display:flex;flex-wrap:wrap;gap:5px;margin:8px -2px -2px;padding:6px 0 2px;background:var(--surface-grain) var(--system-face);box-shadow:0 -1px gray}.dialog-actions>button{flex:1;white-space:nowrap;padding:5px}.practice-title p,.dialog-body>p,.auth-form label{font-size:12px}.practice-title{margin-bottom:8px}.account-tabs{flex-wrap:wrap}.toast,.connection-banner{max-width:100%;flex-wrap:wrap;font-size:12px}}@media(max-width:600px){.client-left:has(.room-view){grid-template-rows:minmax(0,1fr) 112px}.live-room-scroll{container-type:size;scroll-padding-bottom:56px}.xq-room-view .xq-board{max-width:min(100%,max(260px,calc((100cqh - 256px)*.9)))}.room-view .board-frame{max-width:min(100%,max(280px,calc(100cqh - 220px)))}}@media(min-width:601px)and (max-width:950px)and (max-height:500px){.client-caption{display:none}.main-toolbar{grid-template-columns:repeat(8,minmax(0,1fr))}.client-left,.client-left:has(.xq-room-view){grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr)}.lobby-scene{grid-template-columns:repeat(3,minmax(0,1fr))}.game-tabs{flex:0 1 430px;margin-right:auto}.retro-dialog:has(.xq-position) .dialog-body{container-type:normal;display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:14px;align-items:start;align-content:start;grid-template-rows:repeat(5,max-content)}.retro-dialog .xq-position{grid-column:1;grid-row:1 / 6;margin:0;max-height:calc(var(--visible-height, 100dvh) - 84px);overflow:auto;align-content:start}.retro-dialog .xq-board{max-width:min(360px,calc((var(--visible-height, 100dvh) - 84px) * .9))}.retro-dialog:has(.xq-position) .dialog-body>:not(.xq-position){grid-column:2}.retro-dialog .xq-practice-actions{position:static;flex-wrap:wrap}.xq-practice-actions>button{flex:1 1 40%}.retro-dialog:has(.board-frame) .dialog-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;column-gap:14px;align-items:start}.retro-dialog .board-frame{grid-column:1;grid-row:1 / 4;max-width:calc(var(--visible-height, 100dvh) - 84px);margin:0 auto}.retro-dialog:has(.board-frame) .dialog-body>:not(.board-frame){grid-column:2}.retro-dialog:has(.ddz-game) .ddz-game{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0 8px}.retro-dialog .ddz-status{grid-column:1 / -1}.retro-dialog .ddz-felt{min-height:210px;height:calc(var(--visible-height, 100dvh) - 190px)}.retro-dialog .ddz-player{width:110px;padding:4px}.retro-dialog .ddz-player-left,.retro-dialog .ddz-player-right{top:8px}.retro-dialog .ddz-player-bottom{width:140px;bottom:5px}.retro-dialog .ddz-player-heading .player-portrait{width:24px;height:30px}.retro-dialog .ddz-table-play{top:94px;--card-width: 28px}.retro-dialog .ddz-bottom-cards{top:6px;--card-width: 26px}.retro-dialog .ddz-hand-area{min-width:0}}.mj-tile{position:relative;display:inline-block;flex:none;width:var(--mj-tile-width);aspect-ratio:2/3;vertical-align:middle;border-radius:3px;background:#eee3c6 url(data:image/webp;base64,UklGRi4HAABXRUJQVlA4ICIHAADQJgCdASrAACABPkkkkEYioiGmIPK48MAJCWduDsiSm72Kumys/cvrcF8c90F4ACRTdzS+2ZZgMjYSi6PLRMJJRW4FbxeoeSBVLsUY1Ht/+h8jcvXRO8WP6pCKbd8+XVjBE9ARLQjdZDSmnmiGcTjX2nbFR8PZ9Oe8Pkg4uD6fp+LE9wUcntMbkupJX8eN9Tuy//Y53Q4lVKIXyN6ni4P3dQrUluSTfZhTIGBH4JsbpUfFCYEcEFzVXP6/iEs3UH0XcDvpmDiLOftIGZrtWc2Rxf1dNWBd8CPns532jEwkGigkigeYdA8Qn90xLCwPOzJRQMZdh5UVTQxoD4sSNdwIx1/Go0kcEjfHl4/n0606hUIOZUzJ0j48yNx+EvlHXuc+KvT9zq5WdySlw26EhP2U0vzssQQE8okAjubAs8ogAP78QVrGpTo670Ausu3nFldI3VhKuNnAYqXj96oqZR2dKB0Ga2XrB7wnI1egq//u/C/pKKdBFOr/MWff8X6aOj596M7Rf/48MOtBhpP4DJFDocuCROEs8pgcdxPxNbbbPDIA+2802x6qJtk5JtZRokp8Y3k3vKLuABIY5wD8YILresqdhSc1Y3KDKhQZo37L4+NQJe/9S4anYkEyYZE2ee5y+UajPzUBge3NGvsuNnaFM52tmCivqMwJrvUusX+3ZvJcMJcmJp5wv5lD4eumgjWRUJPOSvEi1DM2U5lP572gLS8QnJfk7IYw00LqMN6RbWIb0UPYuD7HUgVoXPf7Z0b35hXucnIldO6a7HK2XvijoCQV9Kq0U1oZ3s6jednUZcbYXEQw5DjcGdVCE4XSXLd4D3mG2JyJwws4Kv3qmblAkAmbo2MACfXpDUlIniqbKyQMLRf7VDt3ZbOPzXl9bq8LUaSDeKYCY2OOu+l7/hmGhwG2EdfMFrtOx+hoUOpMYeVLCV47M0/vEq2eFGMsFuMpfUp8vVMt8Guaql4lTPlYB4fAgPvX9wlOC47nQ7h1LnZQ1V2MABsTpeHsj0POBEhjCwbs7OSQIa75vKry8J5PNDYhlg8W9AfAHYcxcOpSdlgCQ9PKsycTF/uAdga0I+04nxNCbNZu/Wk3mKukosxsfBTFITIMmgu2f7R2yy43JiJNfnhuWKyLlvovMvd5PSVYem+9jIYgcxhWZ4KzY4D8NZ5xcXyXsFaw6o2m2uCmusj0T3vbPPjF95LxBIcOxrkbwkp5EYm5/iDK8LnKPlFvl9at52ny5Jl4rHqhp6hzFpDRTEi7K7Kh6kzfu0gXtWX6uCWclsXb1th/WxT20KpL0HdZicTM9nAgZg64pDyeNngDsxj2fDPZL2/HnPlyhG8gR3sbjiub/zpKRplnDdXfom/sC4Lb0z34coZxQF+/QUBQyldOKuXHJSyvx6pQPrb3Vr5NgIa5Hoi4SF0eMXtcCXWQWJy7jJ8dUSeqgjTuwbrH4dCl3dGLyw6hjwMwMaPEY19UldjHifflkPAombIi8bli+ugz/7EddH9q7nUwIVV1VhW4QfpdW4QXGp41jumwdBciy0e1rafGGcTrLEpC3tgjpIU0XWRL5D0a0rhLoxjP8/LHicb6EUlL3LGnnNDuAh3r8ZLK15PPpyNF/75j/U+LuKXBQXNCBee701xjYVM521SZaywRNu0+h9jj0nnBnXyk3oYAKj3C6KZN27AjevbiTqU8f8jOTSdjYNKPG2tlo3t6uEx6jUJmCRpYFyqU3bI1AyAJOyYZfJ8urBfwEivbLL/DASZTQ9dN+DcS722J2W25ptnNLKmanDvrZ8qul9Mr9B28U6XmvUgWaLvw44lRVvLw6OYQVegB6D3zGC7IgvzKI81f4Xc5lahi9EDcOnzTSWz5ol2LNVq0yffPXCTfARW/lb44xYfOvgVXivi/z3dh3tyauQoQRQQegxS0+61uZKRwUNWuygb6xQKSLFSYsXYd7nsE3rCLOwW1KTO50ET8fBS6Rm1xCQgYEhAXrfkNZ20LkbmwjQPiv1gQJh4KKV0t0fDOWdoPIEu7ecxU8h4RLGeg4A/4rD5NqpNlBmlBWd8Lo4VQlEXd8QBTBJ3/syZmVQmX533JrqPkpQoz4NM9+R6ldGZDPeMx8CjRvDjnfxpZ1D/SKrJboBO3NbV8/KpipXPTxFYh0Dc0F4XjD8pEkg+n5m6KvqgXKgohit1liYUm0ae7yiP8V1sKOnLV0azJOLtQSxxdzNanwPdnXmCTMA/1zg99jhcwRJX4xMwd748GR02MR+gZoPvzCj3MtVGpnQX8bYpLWGkxAkIR8+NImWNhmmZ9J5da8Uz4604F4IlI2dvDC2+fdWg6ts7FL2dYs5MuyCDbE8ccE+CbtNREhZjz0aLh9HE6NwDhOz0qZWlYGsb0BT/NgQwGyKZjdFJk4Epjw5p9U27bho0nw/tcIZ37kpU9YsjIxHAAAA==) center/100% 100%;box-shadow:inset 1px 1px 1px #fff8dd,inset -1px -1px 2px #926f39,0 3px #b2a079,0 5px #2c6954,1px 6px 3px #071b2270}.mj-tile>img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.mj-tile-back{background:linear-gradient(120deg,#3e8167,#22604e);border:2px solid #afc3a2;box-shadow:inset 0 0 0 1px #23543e,inset 0 0 0 3px #6d9980,0 3px #ddceab}.mj-tile-back:after{content:"◇";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--mj-tile-width) * .7);color:#a1b197;overflow:hidden}.mj-game{--mj-tile-width: 36px;min-width:0;color:#263930}.mj-status{display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;background:#e0dfd3;border:1px solid #9a9a88;font-size:12px}.mj-status i{flex:none;width:7px;height:7px;background:#8b9687;border:1px solid #536253}.mj-status i.your-turn{background:#45834c;box-shadow:0 0 0 2px #abc5a2}.mj-status strong{font-weight:400;flex:1}.mj-status>span{color:#626551;font-size:10px;white-space:nowrap}.mj-felt{position:relative;display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1.4fr) minmax(120px,1fr);grid-template-rows:auto 1fr auto;align-items:center;gap:9px;min-height:355px;padding:15px;background:#184734 url(/assets/mahjong-v1/felt.webp) center/cover;border:8px ridge #745231;box-shadow:inset 0 0 25px #08281da8;color:#f5ebcb}.mj-player{min-width:0;padding:6px;border:1px solid #b9c6a44a;background:#092d247d;box-shadow:0 1px 3px #102d285e}.mj-player.active-player{border-color:#d3bf7d;box-shadow:inset 0 0 0 1px #b6a16566}.mj-player-top{grid-area:1/2}.mj-player-bottom{grid-area:3/2}.mj-player-left{grid-area:2/1}.mj-player-right{grid-area:2/3}.mj-player-heading{display:flex;align-items:center;gap:5px;min-width:0}.mj-player-heading .player-portrait{width:28px;height:28px;flex:none}.mj-player-heading>div{min-width:0}.mj-player-heading b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.mj-player-heading small{display:block;font-size:10px;color:#d5d5b9;margin-top:3px}.mj-wind{font-family:serif;font-size:17px;color:#e1cd94;flex:none}.mj-player>button{color:#24382d;width:100%;margin-top:7px;min-height:28px;font-size:11px}.mj-center{grid-area:2/2;text-align:center;font-size:11px;align-self:center;display:flex;flex-direction:column;align-items:center;gap:7px}.mj-compass{font-family:STKaiti,KaiTi,serif;font-size:32px;line-height:1;color:#d2c89770}.mj-center>small{font-size:11px;letter-spacing:1px}.mj-center>small b{color:#fff0bd;font-size:17px}.mj-center>span{color:#d9ddbc;font-size:10px}.mj-center p{line-height:1.9;color:#c1d2b8}.mj-last-tile{--mj-tile-width: 44px;padding:0 0 4px}.mj-hidden-hand{display:flex;justify-content:center;gap:2px;--mj-tile-width: 12px;margin:8px 0 4px}.mj-meld{display:flex;gap:2px;align-items:center;--mj-tile-width: 18px;margin-top:7px;padding-bottom:3px}.mj-meld>small{font-size:9px;margin-right:1px}.mj-score{display:block;padding-top:5px;color:#ffe9a2;font-weight:700;font-size:12px}.mj-action-log{background:#e3e2d3;border:1px solid #999783;border-top:0;padding:5px 9px;font-size:11px}.mj-hand-panel{padding:9px 11px;background:linear-gradient(#dfdecd,#d0d0bd);border:1px solid #9e9e8b;border-top:0}.mj-hand-title{display:flex;justify-content:space-between;gap:6px;font-size:11px}.mj-hand-title span{color:#676d59;font-size:10px}.mj-hand-scroll{display:flex;gap:5px;overflow-x:auto;padding:16px 3px 12px;scroll-padding:3px;overscroll-behavior-x:contain;min-height:82px}.mj-game .mj-hand-tile{display:block;width:var(--mj-tile-width);min-width:var(--mj-tile-width);height:calc(var(--mj-tile-width) * 1.5);min-height:0;padding:0;background:transparent;border:0;outline-offset:4px;box-shadow:none;flex:none;border-radius:3px;touch-action:manipulation}.mj-game .mj-hand-tile:disabled{opacity:1;cursor:default;filter:none}.mj-hand-tile.drawn{margin-left:10px}.mj-game .mj-hand-tile.selected{transform:translateY(-8px);outline:2px solid #2e7154;box-shadow:0 0 0 4px #c4dbc2}.mj-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:32px}.mj-controls button{min-height:31px;font-size:12px}.mj-controls .mj-hu{color:#fff6d7;background:#9b3028;border-color:#d9927a #532a1d #532a1d #d9927a}.mj-controls>span,.mj-notice{font-size:11px;color:#5c6250}.mj-notice{margin:6px 0 0}.mj-spectator{font-size:12px;text-align:center;background:#e0dfcf;padding:9px;margin:0}.mj-rivers,.mj-reveal,.mj-rules{background:#e6e5d9;border:1px solid #a2a391;border-top:0;font-size:11px}.mj-game summary{cursor:pointer;padding:7px 9px;min-height:29px}.mj-river-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:4px 10px 12px}.mj-river-grid>div>div{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px;--mj-tile-width: 20px;row-gap:9px}.mj-reveal>div{display:flex;align-items:center;gap:8px;padding:4px 9px 9px}.mj-reveal>div>b{flex:none}.mj-reveal>div>div{display:flex;gap:3px;overflow-x:auto;padding-bottom:7px;--mj-tile-width: 25px}.mj-winning-tile{padding-left:8px}.mj-practice-header{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:0 0 8px}.mj-practice-header span{font-size:11px;color:#626558}.retro-dialog .mj-felt{min-height:300px}.retro-dialog:has(.mj-game){width:min(850px,calc(100vw - 24px))}.mj-scene-table .table-sprite{object-fit:contain}.mj-scene-table .seat-name.upper{transform:none;left:8px;top:5px;max-width:85px}.mj-scene-table .seat-name.third{right:4px;top:5px;max-width:85px}.mj-scene-table .seat-name.lower{left:auto;right:2px;bottom:29px;max-width:85px}.mj-scene-table .seat-name.fourth{left:4px;bottom:29px;max-width:85px}.mj-lobby-player{position:absolute;pointer-events:none}.mj-scene-table .table-favorite{top:58px;left:4px}.mj-lobby-player .player-portrait{width:25px;height:25px;box-shadow:1px 2px 2px #15292966}.mj-lobby-player.seat-0{left:23%;top:13%}.mj-lobby-player.seat-1{right:19%;top:53%}.mj-lobby-player.seat-2{right:23%;top:13%}.mj-lobby-player.seat-3{left:19%;top:53%}@media(max-width:600px){.mj-status{gap:5px;padding:6px;font-size:11px}.mj-status>span{display:none}.mj-felt{grid-template-columns:minmax(76px,1fr) minmax(102px,1.3fr) minmax(76px,1fr);gap:6px;padding:8px;border-width:5px;min-height:318px}.mj-player{padding:5px}.mj-player-heading{gap:3px;flex-wrap:wrap}.mj-player-heading .player-portrait{width:22px;height:22px}.mj-player-heading>div{flex-basis:100%}.mj-player-heading b{font-size:10px}.mj-player-heading small{font-size:9px}.mj-player-top .mj-player-heading,.mj-player-bottom .mj-player-heading{flex-wrap:nowrap}.mj-player-top .mj-player-heading .player-portrait,.mj-player-bottom .mj-player-heading .player-portrait{display:none}.mj-player-top .mj-player-heading>div,.mj-player-bottom .mj-player-heading>div{flex-basis:auto}.mj-hidden-hand{--mj-tile-width: 8px;gap:1px}.mj-meld{--mj-tile-width: 12px;gap:1px;flex-wrap:wrap}.mj-meld>small{width:100%}.mj-last-tile{--mj-tile-width: 38px}.mj-compass{font-size:24px}.mj-hand-panel{padding:8px}.mj-hand-title{flex-wrap:wrap}.mj-game{--mj-tile-width: 34px}.mj-controls button{min-height:34px;padding:4px 10px}.mj-river-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-rules .ddz-rule-list{padding-left:25px;padding-right:10px}.mj-practice-header{flex-wrap:wrap}}@media(min-width:601px)and (max-height:500px)and (orientation:landscape){.mj-game{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.mj-status{grid-column:1 / -1}.mj-felt,.retro-dialog .mj-felt{grid-column:1;grid-row:2 / 4;min-height:228px;grid-template-columns:minmax(60px,1fr) minmax(76px,1.1fr) minmax(60px,1fr);padding:6px;gap:5px;border-width:5px}.mj-center{gap:4px}.mj-compass{display:none}.mj-last-tile{--mj-tile-width: 30px}.mj-player{padding:4px}.mj-player-heading .player-portrait{display:none}.mj-player-heading{gap:3px}.mj-player-heading b{font-size:10px}.mj-player-heading small{font-size:9px}.mj-hidden-hand{--mj-tile-width: 8px;gap:1px;margin-top:5px}.mj-meld{--mj-tile-width: 12px;gap:1px;flex-wrap:wrap}.mj-meld>small{width:100%}.mj-hand-panel{grid-column:2;grid-row:2 / 4;padding:8px;--mj-tile-width: 32px}.mj-hand-scroll{display:grid;grid-template-columns:repeat(7,var(--mj-tile-width));gap:12px 5px;padding-top:14px;min-height:0}.mj-hand-tile.drawn{margin-left:3px}.mj-hand-title{flex-wrap:wrap}.mj-hand-title span{display:none}.mj-controls{gap:4px}.mj-controls button{min-height:30px;padding:4px 7px}.mj-action-log,.mj-rivers,.mj-rules,.mj-reveal,.mj-spectator{grid-column:1 / -1}.mj-action-log{grid-row:4}.mj-practice-header{display:none}.mj-game:not(:has(.mj-hand-panel)) .mj-felt{grid-column:1 / -1;grid-row:auto}}