:root{color:#f8efd8;background:#0a2019;font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--felt: #0f4a35;--felt-deep: #092e23;--felt-soft: #176246;--wood: #6f4228;--wood-deep: #3f2416;--gold: #e3b656;--gold-bright: #ffd97a;--red: #d84a3a;--red-deep: #8f2f29;--ink: #1d1710;--paper: #fff8ea;--paper-soft: #f7ead0;--muted: #8a7b62;--line: rgba(255, 248, 234, .18);--dark-line: rgba(29, 23, 16, .14);--shadow-soft: 0 18px 44px rgba(2, 12, 9, .22);--shadow-hard: 0 22px 70px rgba(2, 9, 7, .42);--card-w: 62px;--card-h: 88px}*{box-sizing:border-box}html{min-width:320px;background:#0a2019}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden}button,input{font:inherit}button{min-height:44px;border:1px solid rgba(255,248,234,.18);border-radius:8px;padding:0 16px;background:linear-gradient(180deg,#fff8eaf5,#efddbbf5);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;white-space:nowrap;touch-action:manipulation;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffd97a8c;box-shadow:0 10px 22px #00000029}button:active:not(:disabled){transform:translateY(0)}button:focus-visible,input:focus-visible{outline:3px solid rgba(255,217,122,.9);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48;transform:none}input:disabled{cursor:not-allowed;opacity:.58;background:#eef3f0}input{width:100%;min-height:48px;border:1px solid rgba(29,23,16,.18);border-radius:8px;padding:0 13px;background:#fffdf6;color:var(--ink);box-shadow:inset 0 1px #ffffffd1}label{display:grid;gap:8px;color:#69583d;font-size:14px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#fff8ea;font-size:44px;line-height:1.04}h2{line-height:1.15}.eyebrow{margin:0 0 6px;color:var(--gold-bright);font-size:12px;font-weight:900;text-transform:uppercase}.connection-pill{min-height:36px;display:inline-flex;align-items:center;border-radius:999px;padding:0 12px;background:#fff8eaeb;border:1px solid rgba(255,248,234,.28);color:#594831;font-size:13px;font-weight:900;box-shadow:0 6px 16px #020c091f}.connection-pill.online{color:#116d48}.connection-pill.offline{color:var(--red-deep)}.seat-panel,.turn-log,.result-dialog,.leave-confirm-dialog{border:1px solid rgba(255,248,234,.2);border-radius:8px;background:#fff8eaf0;box-shadow:var(--shadow-soft)}.primary-btn{background:linear-gradient(180deg,#ffd979,#e3b656 52%,#c98b2f);color:#221507;border-color:#613e0d42;box-shadow:inset 0 1px #ffffff7a,0 12px 28px #5b370a38}.ghost-btn,.icon-btn{background:#fff8eae6}.icon-btn{width:44px;padding:0;flex:0 0 auto}.table-surface{width:min(100%,1420px);min-height:calc(100dvh - 88px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:auto minmax(220px,1fr) auto auto;grid-template-areas:"opponents log" "center log" "actions log" "self log";gap:12px;border:14px solid var(--wood);border-radius:18px;padding:14px;overflow:hidden;background:radial-gradient(ellipse at center,rgba(255,248,234,.08),transparent 52%),repeating-linear-gradient(90deg,rgba(255,248,234,.045) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(255,248,234,.035) 0 1px,transparent 1px 28px),var(--felt);background-size:auto,28px 28px,28px 28px,auto;box-shadow:inset 0 0 0 3px #fff8ea1f,inset 0 0 80px #0416103d,var(--shadow-hard)}.opponents-row{grid-area:opponents;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.empty-seats{min-height:116px;border:1px dashed rgba(255,248,234,.36);border-radius:8px;color:#fff8eab8;display:grid;place-items:center;align-content:center;gap:8px;font-weight:900;background:#092e2357}.seat-panel{min-height:116px;padding:14px;display:grid;gap:8px;color:var(--ink);border-color:#fff8ea6b;background:linear-gradient(180deg,#fffdf6f5,#f7ead0f0),var(--paper);box-shadow:0 14px 30px #0000002e}.seat-panel.active{border-color:var(--gold-bright);box-shadow:0 0 0 3px #ffd97a6b,0 16px 34px #0000003d}.seat-panel.landlord{background:linear-gradient(180deg,#fff8eafa,#ffe8a8eb),var(--paper)}.seat-panel.offline{opacity:.68}.seat-panel.compact{min-height:86px;grid-template-columns:minmax(0,1fr) auto;align-items:center;box-shadow:none}.seat-panel.compact .seat-title{grid-column:1 / -1}.seat-panel.compact .seat-stats{justify-content:flex-end}.seat-title,.seat-stats,.result-row,.log-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.seat-title{color:#6c5d45;font-size:13px;font-weight:950}.role-badge{min-height:24px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:0 8px;background:#2d2114;color:#ffe8a8;font-size:12px;font-weight:950}.seat-panel strong{min-width:0;overflow-wrap:anywhere;font-size:20px;line-height:1.15}.seat-panel p{margin:0;color:var(--red-deep);font-weight:950}.seat-stats{flex-wrap:wrap;color:#69583d;font-size:13px;font-weight:850}.center-table{grid-area:center;min-width:0;display:grid;place-items:center;align-content:center;gap:14px;color:#fff8ea;text-align:center}.center-card{min-width:min(100%,280px);display:grid;justify-items:center;gap:9px;border:1px solid rgba(255,248,234,.15);border-radius:8px;padding:12px 16px;background:#092e2375;box-shadow:inset 0 1px #ffffff0f}.bottom-cards>span,.last-play>span{color:#fff8eab3;font-size:13px;font-weight:950}.last-play strong{max-width:100%;overflow-wrap:anywhere;font-size:20px}.message-strip{min-height:42px;max-width:min(100%,580px);border:1px solid rgba(255,217,122,.28);border-radius:999px;padding:9px 18px;display:inline-flex;align-items:center;justify-content:center;background:#051c15c7;color:#ffe8a8;font-size:16px;font-weight:950;overflow-wrap:anywhere}.action-zone{grid-area:actions;min-height:60px;display:grid;place-items:center}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.action-card{border:1px solid rgba(255,248,234,.16);border-radius:8px;padding:8px;background:#051c1575;box-shadow:inset 0 1px #ffffff0f}.play-action-stack{display:grid;justify-items:center;gap:8px}.play-selection-hint{min-height:34px;max-width:min(420px,calc(100vw - 32px));display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,248,234,.24);border-radius:999px;padding:6px 14px;background:#051c15a8;color:#fff8ea;font-size:14px;font-weight:900;line-height:1.3;text-align:center;overflow-wrap:anywhere}.play-selection-hint.valid{border-color:#1a6b4e57;background:#e8f6eef0;color:#1a6b4e}.play-selection-hint.invalid{border-color:#93000a3d;background:#ffdad6f0;color:#93000a}.waiting-text{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,248,234,.16);border-radius:999px;padding:0 18px;background:#051c1585;color:#fff8ea;font-weight:950}.self-area{grid-area:self;min-width:0;display:grid;gap:10px}.hand-grid{min-height:172px;display:flex;flex-wrap:wrap;align-items:end;justify-content:center;gap:8px;padding:14px;border:1px solid rgba(255,248,234,.15);border-radius:8px;background:#051c1580;box-shadow:inset 0 1px #ffffff0f}.mini-card-row{max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.playing-card,.card-back{width:var(--card-w);height:var(--card-h);border:1px solid rgba(29,23,16,.2);border-radius:8px;position:relative;display:grid;align-content:space-between;justify-items:start;padding:7px;background:linear-gradient(145deg,#fffdf6,#fff8ea 70%,#eee0c2);color:#1d1710;box-shadow:0 9px 18px #0003;font-weight:950;line-height:1}.playing-card.compact,.card-back.compact{width:42px;height:58px;padding:5px;border-radius:6px;font-size:12px}.playing-card.selectable{min-width:var(--card-w);min-height:var(--card-h);padding:7px}button.playing-card.selectable:hover:not(:disabled){box-shadow:0 12px 24px #00000042}.playing-card.selectable.selected{transform:translateY(-15px);border-color:var(--gold-bright);box-shadow:0 0 0 3px #ffd97a99,0 18px 30px #00000047}.playing-card.red{color:var(--red)}.card-corner{display:grid;gap:2px;justify-items:center}.card-rank{font-size:17px}.card-suit{max-width:100%;font-size:14px;overflow-wrap:anywhere}.card-center-suit{justify-self:center;align-self:center;font-size:22px}.playing-card.compact .card-rank{font-size:12px}.playing-card.compact .card-suit{font-size:11px}.playing-card.compact .card-center-suit{font-size:16px}.card-back{overflow:hidden;background:linear-gradient(135deg,rgba(255,248,234,.16) 25%,transparent 25%) 0 0 / 12px 12px,linear-gradient(135deg,transparent 75%,rgba(255,248,234,.16) 75%) 0 0 / 12px 12px,linear-gradient(145deg,#d84a3a,#8f2f29);border-color:#fff8ea5c}.turn-log{grid-area:log;min-height:0;padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;color:var(--ink);box-shadow:0 14px 30px #00000029}.turn-log h2{margin:0;color:var(--ink);font-size:18px}.log-list{display:grid;align-content:start;gap:8px;overflow:auto}.log-line{min-height:36px;border-bottom:1px solid var(--dark-line);color:#69583d;font-size:13px}.log-line strong{color:var(--ink);overflow-wrap:anywhere;text-align:right}.log-empty{min-height:48px;display:grid;place-items:center;border:1px dashed rgba(29,23,16,.16);border-radius:8px;color:#76664d;font-weight:850}.score.plus{color:#116d48}.score.minus{color:var(--red-deep)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#020806ad;z-index:20}.result-dialog,.leave-confirm-dialog{width:min(430px,100%);padding:22px;display:grid;gap:16px;color:var(--ink);border-color:#ffd97a66}.result-dialog h2,.result-dialog p,.leave-confirm-dialog h2,.leave-confirm-dialog p{margin:0}.result-dialog h2,.leave-confirm-dialog h2{font-size:26px}.result-dialog p,.leave-confirm-dialog p{color:#69583d;font-weight:900}.leave-confirm-dialog{justify-items:center;text-align:center}.leave-confirm-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:999px;background:#ffdad6;color:#93000a}.leave-confirm-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.zjh-settings-dialog{width:min(420px,100%);display:grid;gap:18px;border:1px solid rgba(255,217,122,.34);border-radius:10px;padding:20px;color:#172321;background:#fffdf6f5;box-shadow:0 24px 64px #00000052}.zjh-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.zjh-settings-header h2{margin:0;font-size:24px;line-height:1.15}.zjh-settings-close{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:#2b3b38;background:#1723210f}.zjh-setting-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(23,35,33,.1);padding-top:14px}.zjh-setting-row>div{display:grid;gap:4px}.zjh-setting-row strong,.zjh-volume-control span{color:#172321;font-weight:1000}.zjh-setting-row span{color:#667872;font-size:13px;font-weight:850}.zjh-toggle-button{min-width:76px;min-height:40px;border-color:#17232124;color:#667872;background:#1723210f}.zjh-toggle-button.is-start{border-color:#0f6f4d33;color:#fff;background:#0f6f4d}.zjh-toggle-button.is-stop{border-color:#93000a2e;color:#fff;background:#b3261e}.zjh-volume-control{display:grid;gap:10px}.zjh-volume-control input{width:100%;accent-color:#0f6f4d}.zjh-volume-control input:disabled{opacity:.45}.danger-btn{border-color:#93000a1f;background:#ffdad6;color:#93000a;box-shadow:none}.result-list{display:grid;gap:10px}.result-row{min-height:44px;border-bottom:1px solid var(--dark-line);font-weight:900}.toast{position:fixed;right:18px;bottom:18px;max-width:min(360px,calc(100vw - 36px));border:1px solid rgba(255,217,122,.28);border-radius:8px;padding:12px 14px;background:#21150c;color:#fff8ea;box-shadow:var(--shadow-hard);z-index:30;font-weight:900}.login-page{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:56px;overflow:hidden;padding:56px 8%;background:linear-gradient(135deg,#eaf7f0f5,#f8f1e2f5 54%,#dceef2fa),#edf5ee;color:#20313a}.auth-checking-page{grid-template-columns:1fr}.login-page h1,.login-page h2,.hall-page h1,.hall-page h2{color:#20313a}.floating-symbol{position:absolute;width:54px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:#ffffff61;color:#7fa091;font-size:22px;font-weight:900;-webkit-user-select:none;user-select:none;pointer-events:none}.symbol-1{left:8%;top:25%;transform:rotate(12deg)}.symbol-2{left:18%;top:14%;color:#c06b68;transform:rotate(-10deg)}.symbol-3{right:32%;top:17%;transform:rotate(12deg)}.symbol-4{right:13%;top:36%;color:#c06b68;transform:rotate(-10deg)}.symbol-5{left:52%;top:12%;color:#8a684a;transform:rotate(12deg)}.login-hero{position:relative;z-index:1;max-width:620px}.login-tag,.hall-eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:0 16px;background:#ffffff8f;color:#527165;font-size:15px;font-weight:800}.login-hero h1{margin:76px 0 22px;font-size:64px;line-height:1.08}.login-hero p{color:#607078;font-size:24px;line-height:1.35}.login-table-visual{position:relative;width:400px;height:230px;margin:96px 0 0 70px;border-radius:50%;background:#97cdb5;box-shadow:0 22px 40px #5e8d7b38}.login-table-inner{position:absolute;top:28px;right:42px;bottom:28px;left:42px;border-radius:50%;background:#e6f5ecd6}.login-cards{position:absolute;left:84px;top:-78px}.login-card-face{position:absolute;width:78px;height:112px;border:1px solid #e6d7c5;border-radius:15px;padding:18px;background:#fffffb;color:#526b8d;font-size:24px;font-weight:900;box-shadow:0 8px 14px #7c8c861f}.login-card-1{left:0;top:16px;transform:rotate(-15deg)}.login-card-2{left:38px;top:8px;color:#c06b68;transform:rotate(-8deg)}.login-card-3{left:76px;top:0;transform:rotate(-1deg)}.login-card-4{left:114px;top:8px;color:#c06b68;transform:rotate(6deg)}.login-card-5{left:152px;top:16px;transform:rotate(13deg)}.recommend-box{width:min(100%,520px);margin-top:36px;border:1px solid rgba(255,255,255,.62);border-radius:8px;padding:22px 26px;background:#ffffff7a;color:#567068;font-size:18px;font-weight:800}.login-card-panel{position:relative;z-index:2;border:1px solid transparent;border-radius:8px;padding:34px;background:transparent;box-shadow:none;color:#20313a}.auth-checking-panel{width:min(100%,520px);justify-self:center}.login-card-heading{display:flex;gap:14px;align-items:center;margin-bottom:26px}.login-card-heading svg{color:#65b89a;flex:0 0 auto}.login-card-heading h2{margin:0;font-size:34px}.login-card-heading p{margin:6px 0 0;color:#728088;font-size:15px;font-weight:700}.login-form{display:grid;gap:18px}.login-form-group{color:#52656a;font-weight:800}.login-form-group input{border-color:#ddebe5;border-radius:8px;background:#f7fbf8}.form-error{border:1px solid #f1c5bd;border-radius:8px;padding:10px 12px;background:#fff1ee;color:#9d3328;font-size:14px;font-weight:850}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px}.remember-option{display:inline-flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#6a777b;font-size:14px}.remember-option input{width:18px;min-height:18px}.text-button{min-height:44px;border:0;padding:0;background:transparent;color:#4d8d78;box-shadow:none}.login-button{width:100%;min-height:56px;border:0;background:#65b89a;color:#fff;font-size:18px;box-shadow:0 10px 22px #65b89a57}.register-action{margin-top:18px}.register-action button{width:100%;min-height:52px;background:#fff8ee;color:#8a684a;border-color:#ebdcc7}.register-backdrop{z-index:40;background:#1829256b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-dialog{width:min(100%,460px);max-height:min(760px,calc(100dvh - 40px));overflow:auto;border:1px solid rgba(255,255,255,.9);border-radius:8px;padding:24px;background:#fffffff2;color:#20313a;box-shadow:0 24px 54px #3650493d}.register-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.register-dialog-head h2{margin:0;color:#20313a;font-size:28px}.register-close{width:44px;min-height:44px;border-radius:999px;padding:0;background:#eef9f3;color:#4b826f;border-color:#cfeadd;box-shadow:none}.register-form{display:grid;gap:16px}.safe-tip{display:flex;align-items:center;gap:7px;margin:22px 0 16px;color:#7d8b88;font-size:13px;font-weight:800}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;color:#8d9998;font-size:13px}.links button{min-height:32px;border:0;padding:0;background:transparent;color:#7b8a87;box-shadow:none;font-size:13px}.login-status{position:absolute;right:20px;top:18px;min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;background:#ffffffbd;font-size:12px;font-weight:900}.login-status.online{color:#116d48}.login-status.offline{color:var(--red-deep)}.admin-page{min-height:100dvh;padding:24px;background:linear-gradient(135deg,#0c181df7,#14362ffa 54%,#2d231df5),#0c181d;color:#eef8f4}.admin-login-page{display:grid;place-items:center}.admin-login-panel,.admin-panel,.admin-metrics article{border:1px solid rgba(238,248,244,.12);border-radius:8px;background:#0c171bd1;box-shadow:0 18px 44px #00000047}.admin-login-panel{width:min(100%,420px);display:grid;gap:18px;padding:26px}.admin-login-head,.admin-topbar,.admin-top-actions,.admin-panel-head,.admin-search,.admin-row-actions,.admin-chat-item>div{display:flex;align-items:center}.admin-login-head{gap:14px}.admin-login-head svg{color:#6ed0aa}.admin-login-head p,.admin-topbar p,.admin-panel-head p{margin:0;color:#8fb5aa;font-weight:850}.admin-login-head h1,.admin-topbar h1,.admin-panel h2{margin:0;color:#f7fff9}.admin-login-panel label{color:#c7ddd7}.admin-login-panel input,.admin-search input{border-color:#eef8f424;background:#eef8f414;color:#f7fff9;box-shadow:none}.admin-login-panel input::placeholder,.admin-search input::placeholder{color:#eef8f485}.admin-primary-button{background:#58bb96;color:#061713;border-color:#8ceeca52}.admin-topbar{justify-content:space-between;gap:18px;margin:0 auto 18px;max-width:1480px}.admin-topbar h1{font-size:34px}.admin-top-actions{gap:10px}.admin-top-actions span{border-radius:999px;padding:8px 12px;background:#eef8f41a;color:#c7ddd7;font-weight:900}.admin-top-actions button,.admin-row-actions button,.admin-chat-item button,.admin-chat-clear-button{min-height:36px;border-color:#eef8f424;background:#eef8f414;color:#eef8f4;box-shadow:none}.admin-metrics{max-width:1480px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-metrics article{padding:16px}.admin-metrics span{display:block;color:#92b8ae;font-size:13px;font-weight:900}.admin-metrics strong{display:block;margin-top:8px;color:#f7fff9;font-size:28px}.admin-notice{margin:0;border-radius:8px;padding:10px 12px;background:#ffd97a1f;color:#ffd97a;font-weight:850}.admin-dashboard-notice{max-width:1480px;margin:0 auto 18px}.admin-grid{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);grid-template-areas:"users chat" "users audit";gap:14px}.admin-panel{min-width:0;padding:18px}.admin-users-panel{grid-area:users}.admin-chat-panel{grid-area:chat}.admin-audit-panel{grid-area:audit}.admin-panel-head{justify-content:space-between;gap:12px;margin-bottom:14px}.admin-panel-head h2{font-size:20px}.admin-chat-clear-button{flex:0 0 auto;border-color:#ff9a8e6b;color:#ffb2a8}.admin-search{width:min(100%,280px);gap:8px;border:1px solid rgba(238,248,244,.14);border-radius:8px;padding:0 10px;background:#eef8f414;color:#92b8ae}.admin-search input{min-height:38px;border:0;padding:0;background:transparent}.admin-table-scroll{overflow:auto}.admin-table{width:100%;min-width:760px;border-collapse:collapse;color:#dcefe9}.admin-table th,.admin-table td{border-bottom:1px solid rgba(238,248,244,.1);padding:12px 10px;text-align:left;vertical-align:middle}.admin-table th{color:#94baaf;font-size:12px}.admin-status{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 8px;margin-right:6px;font-size:12px;font-weight:900}.admin-status.active{background:#58bb962e;color:#83e1bc}.admin-status.banned{background:#d84a3a2e;color:#ff9a8e}.admin-status.muted{background:#ffd97a29;color:#ffd97a}.admin-row-actions{flex-wrap:wrap;gap:6px}.admin-chat-list,.admin-audit-list{max-height:360px;overflow:auto;display:grid;gap:10px}.admin-chat-item,.admin-audit-item{border:1px solid rgba(238,248,244,.1);border-radius:8px;padding:12px;background:#eef8f40f}.admin-chat-item>div{flex-wrap:wrap;gap:8px}.admin-chat-item strong,.admin-audit-item strong{color:#f7fff9}.admin-chat-item span,.admin-chat-item time,.admin-audit-item span{color:#8fb5aa;font-size:12px;font-weight:800}.admin-chat-item p,.admin-audit-item p{margin:8px 0 10px;color:#dcefe9;line-height:1.45}.admin-empty{margin:0;color:#8fb5aa;font-weight:850}.hall-page{min-height:100dvh;padding:24px;background:linear-gradient(160deg,#0a2019f5,#0f4a35f5 48%,#401f18f5),#0a2019;color:#fff8ea}.hall-shell{width:min(100%,1180px);margin:0 auto;display:grid;gap:18px}.hall-header,.hall-feature{border:1px solid rgba(255,248,234,.18);border-radius:8px;background:#fff8eaf0;color:var(--ink);box-shadow:var(--shadow-soft)}.hall-header{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px}.hall-eyebrow{margin:0 0 10px;border-color:#52716529;background:#eaf7f0b8}.hall-header h1{margin:0;font-size:34px}.hall-header p,.hall-feature p{margin:8px 0 0;color:#675a43;font-weight:800}.hall-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.hall-feature{min-height:280px;display:grid;grid-template-columns:360px minmax(0,1fr);align-items:center;gap:26px;overflow:hidden;padding:26px}.hall-feature h2{margin:0;font-size:40px}.hall-feature p{max-width:540px;margin-bottom:20px;line-height:1.7}.hall-table-visual{position:relative;min-height:220px;border:10px solid rgba(111,66,40,.7);border-radius:50%;background:repeating-linear-gradient(90deg,rgba(255,248,234,.045) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(255,248,234,.035) 0 1px,transparent 1px 28px),var(--felt);box-shadow:inset 0 0 0 3px #fff8ea24}.hall-table-ring{position:absolute;top:34px;right:54px;bottom:34px;left:54px;border:2px solid rgba(255,248,234,.2);border-radius:50%}.hall-feature-card{position:absolute;width:58px;height:82px;display:grid;place-items:center;border:1px solid rgba(29,23,16,.18);border-radius:8px;background:var(--paper);color:var(--red);font-size:24px;font-weight:950;box-shadow:0 12px 24px #0003}.card-a{left:118px;top:66px;transform:rotate(-13deg)}.card-king{left:154px;top:52px;color:var(--ink)}.card-two{left:190px;top:66px;transform:rotate(13deg)}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.game-tile{min-height:190px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:start;justify-items:start;gap:14px;border-color:#fff8ea33;padding:18px;text-align:left;white-space:normal}.game-tile.available{background:linear-gradient(180deg,#fffdf6,#ffe8a8)}.game-tile.locked{background:#fff8eae6;color:#77664d}.game-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:#1d1710;color:#ffe8a8}.game-copy{display:grid;gap:8px}.game-copy strong{color:var(--ink);font-size:21px;line-height:1.1}.game-copy span{color:#6d5d45;font-size:14px;line-height:1.45;font-weight:750}.game-status{min-height:30px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:0 10px;background:#1d171014;color:#6a4e19;font-size:12px;font-weight:950}@media (max-width: 980px){.login-page{grid-template-columns:1fr;gap:34px;padding:40px 20px}.login-hero{justify-self:center;text-align:center}.login-hero h1{margin-top:48px;font-size:42px}.login-hero p{font-size:18px}.login-table-visual{margin:72px auto 0;transform:scale(.82)}.floating-symbol{display:none}.login-card-panel{width:min(100%,430px);justify-self:center}.hall-feature{grid-template-columns:1fr}.hall-table-visual{width:min(100%,360px);justify-self:center}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr;grid-template-areas:"users" "chat" "audit"}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.table-surface{grid-template-columns:1fr}.table-surface{min-height:auto;grid-template-rows:auto auto auto auto auto;grid-template-areas:"opponents" "center" "actions" "self" "log";border-width:10px}.turn-log{max-height:220px}}@media (max-width: 640px){:root{--card-w: 48px;--card-h: 70px}.login-page,.hall-page{padding:12px}.login-hero h1,.hall-header h1{font-size:32px}.login-card-panel,.hall-header,.hall-feature{padding:18px}.login-card-heading{align-items:flex-start}.login-card-heading h2{font-size:28px}.login-options,.hall-header{align-items:stretch;flex-direction:column}.admin-page{padding:14px}.admin-topbar,.admin-panel-head{align-items:stretch;flex-direction:column}.admin-top-actions{flex-wrap:wrap}.admin-search{width:100%}.admin-metrics,.game-grid{grid-template-columns:1fr}.login-table-visual{width:320px;height:186px;margin-top:56px}.login-cards{left:52px;top:-60px}.login-card-face{width:66px;height:96px}.hall-header-actions,.hall-header-actions>*{width:100%}.hall-feature h2{font-size:30px}.game-tile{min-height:150px}h1{font-size:32px}.opponents-row{grid-template-columns:1fr}.table-surface{gap:10px;border-width:8px;padding:8px}.center-card{width:100%;padding:10px}.message-strip{width:100%;border-radius:8px}.actions,.action-card{width:100%}.actions button{flex:1 1 120px}.seat-panel{min-height:96px}.seat-panel strong{font-size:18px}.seat-panel.compact{grid-template-columns:1fr}.seat-panel.compact .seat-stats{justify-content:flex-start}.hand-grid{min-height:154px;gap:6px;padding:9px}.playing-card,.playing-card.selectable{padding:6px}.card-rank{font-size:14px}.card-suit{font-size:12px}.card-center-suit{font-size:18px}.turn-log{max-height:180px}.toast{right:10px;bottom:10px;max-width:calc(100vw - 20px)}}@media (max-width: 390px){:root{--card-w: 45px;--card-h: 66px}.login-card-panel{padding:16px}.login-table-visual{width:292px;height:170px}.login-cards{left:38px}.hall-table-visual{min-height:188px}.card-a{left:86px}.card-king{left:122px}.card-two{left:158px}.actions button{flex-basis:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hall-page.friends-hall{min-height:100dvh;padding:28px 36px;overflow-x:hidden;background:linear-gradient(135deg,#eaf7f0,#f8f1e2 58%,#dceef2);color:#20313a}.friends-hall-app{width:min(100%,1368px);min-height:calc(100dvh - 56px);margin:0 auto;display:grid;grid-template-rows:80px minmax(0,1fr);gap:22px}.friends-topbar,.friends-panel{border:1px solid rgba(255,255,255,.76);border-radius:8px;background:#ffffff94;box-shadow:0 16px 34px #506c631c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.friends-topbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px}.friends-brand,.friends-top-actions,.friends-user-chip,.friends-profile-row,.friends-section-head,.friends-service{display:flex;align-items:center}.friends-brand{min-width:0;gap:14px}.friends-brand-logo,.friends-small-avatar,.friends-avatar,.friends-game-icon{display:grid;place-items:center;flex:0 0 auto}.friends-brand-logo{width:50px;height:50px;border-radius:8px;background:#65b89a;color:#fff;box-shadow:0 10px 22px #65b89a47}.friends-brand h1,.friends-profile-card h2,.friends-welcome h2,.friends-section-head h3,.friends-chat-card h3,.friends-game-card h4{margin:0;color:#20313a}.friends-brand h1{font-size:24px;line-height:1.1}.friends-brand p,.friends-profile-card p,.friends-game-card p,.friends-section-head span{margin:0;color:#65747a}.friends-brand p{margin-top:5px;font-size:13px;font-weight:700}.friends-top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.friends-user-chip{min-height:46px;gap:10px;border:1px solid rgba(221,235,229,.92);border-radius:999px;padding:0 14px 0 8px;background:#ffffffad;color:#20313a}.friends-small-avatar,.friends-row-avatar{width:34px;height:34px;border-radius:8px;background:#65b89a;color:#fff;font-weight:900}.friends-service{min-height:44px;border:1px solid rgba(221,235,229,.92);border-radius:999px;padding:0 13px;background:#ffffffad;color:#116d48;font-size:13px;font-weight:900}.friends-service.offline{color:var(--red-deep)}.friends-icon-button,.friends-logout-button{border-color:#ddebe5e6;background:#ffffffad;color:#5c716d;box-shadow:none}.friends-icon-button{width:44px;padding:0}.friends-logout-button{padding:0 14px}.friends-main{min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:22px}.friends-left-panel,.friends-center-panel,.friends-right-panel{min-width:0;min-height:0;padding:22px}.friends-left-panel{display:grid;grid-template-rows:auto auto;align-content:start;gap:18px}.friends-center-panel{display:grid;grid-template-rows:150px auto minmax(0,1fr);gap:18px}.friends-right-panel{display:grid;grid-template-rows:minmax(0,1fr)}.friends-profile-card,.friends-room-card,.friends-chat-card{min-width:0;border-radius:8px;padding:18px}.friends-profile-card,.friends-chat-card{border:1px solid #ddebe5;background:#f7fbf8db}.friends-room-card{border:1px solid #ebdcc7;background:#fff8eed1}.friends-profile-row{gap:14px}.friends-avatar{width:64px;height:64px;border-radius:8px;background:linear-gradient(145deg,#65b89a,#9edbc1);color:#fff;box-shadow:0 12px 24px #65b89a3d}.friends-profile-card h2{margin-bottom:6px;font-size:20px;line-height:1.1}.friends-profile-card p{font-size:13px;font-weight:750}.friends-room-card h3{margin:0 0 14px;color:#20313a;font-size:17px}.friends-primary-button,.friends-secondary-button{width:100%;min-height:46px;border-radius:8px;box-shadow:none}.friends-primary-button{border:0;background:#65b89a;color:#fff;box-shadow:0 10px 22px #65b89a42}.friends-secondary-button{margin-top:10px;border-color:#ddebe5f5;background:#ffffffb8;color:#5d756e}.friends-room-form{display:grid;gap:0;margin-top:12px}.friends-room-form label{color:#52656a;font-size:13px}.friends-room-form input,.friends-chat-form input{border-color:#ddebe5;background:#ffffffbd;color:#20313a;box-shadow:none}.friends-welcome{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:18px;overflow:hidden;border-radius:8px;padding:24px 28px;background:linear-gradient(135deg,#65b89af0,#9ddbc1db);color:#fff;box-shadow:0 16px 30px #65b89a33}.friends-welcome h2{color:#fff;font-size:30px;line-height:1.08}.friends-welcome p{max-width:460px;margin:10px 0 0;color:#ffffffed;font-size:15px;line-height:1.45;font-weight:750}.friends-table-art{position:relative;width:174px;height:102px;justify-self:end;border:1px solid rgba(255,255,255,.36);border-radius:50%;background:#ffffff3d}.friends-table-art:before{content:"";position:absolute;left:30px;top:20px;width:114px;height:62px;border-radius:50%;background:#ffffff38}.friends-mini-card{position:absolute;width:46px;height:64px;display:flex;align-items:flex-start;justify-content:flex-start;border:1px solid rgba(230,215,197,.8);border-radius:8px;padding:9px;background:#fffffb;color:#526b8d;font-weight:900;box-shadow:0 8px 18px #3c6e5f29}.friends-card-one{right:118px;top:20px;transform:rotate(-12deg)}.friends-card-two{right:72px;top:12px;color:#c06b68;transform:rotate(2deg)}.friends-card-three{right:26px;top:20px;transform:rotate(13deg)}.friends-section-head{justify-content:space-between;gap:14px;padding:0 4px}.friends-section-head h3{font-size:22px}.friends-section-head span{font-size:14px;font-weight:750}.friends-game-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:18px}.friends-game-card{position:relative;min-width:0;border:1px solid rgba(255,255,255,.84);border-radius:8px;padding:22px;overflow:hidden;background:#ffffffad;box-shadow:0 12px 22px #506c6314}.friends-game-icon{width:58px;height:58px;border-radius:8px;background:#eef9f3;color:#4b826f}.friends-game-card:nth-child(2n) .friends-game-icon{background:#fff8ee;color:#8a684a}.friends-game-card h4{margin-top:18px;font-size:22px;line-height:1.1}.friends-game-card p{max-width:calc(100% - 92px);margin-top:7px;font-size:13px;line-height:1.45;font-weight:750}.friends-game-card button{position:absolute;right:20px;bottom:20px;min-height:36px;border:0;border-radius:999px;padding:0 14px;background:#65b89a24;color:#4d8d78;box-shadow:none;font-size:13px}.friends-chat-card h3{font-size:18px}.friends-chat-card{min-height:0;max-height:min(640px,calc(100dvh - 172px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.friends-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.friends-chat-head span{flex:0 0 auto;border-radius:999px;padding:5px 10px;background:#65b89a24;color:#4d8d78;font-size:12px;font-weight:850}.friends-messages{min-height:0;max-height:min(500px,calc(100dvh - 280px));display:grid;align-content:start;gap:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-color:rgba(101,184,154,.34) rgba(234,247,240,.6);scrollbar-width:thin}.friends-messages p{margin:0;border-radius:8px;padding:11px 13px;background:#ffffffad;color:#65747a;font-size:13px;line-height:1.38;overflow-wrap:anywhere;word-break:break-word}.friends-messages p.from-self{background:#65b89a21;color:#315f51}.friends-messages strong{color:#20313a}.friends-chat-message-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.friends-chat-message-meta time{flex:0 0 auto;color:#8a9a98;font-size:11px;font-weight:750}.friends-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px}.friends-chat-form input{min-height:48px}.friends-chat-form button{width:48px;min-height:48px;border:0;border-radius:8px;padding:0;background:#65b89a;color:#fff;box-shadow:none}.friends-chat-form button:disabled{background:#d7e6df;color:#8ba09a}@media (max-width: 1180px){.friends-main{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"left center" "right right"}.friends-left-panel{grid-area:left}.friends-center-panel{grid-area:center}.friends-right-panel{grid-area:right;grid-template-columns:1fr;grid-template-rows:auto}.friends-chat-card{max-height:360px}.friends-messages{max-height:230px}}@media (max-width: 860px){.hall-page.friends-hall{padding:14px}.friends-hall-app{min-height:auto;grid-template-rows:auto auto;gap:14px}.friends-topbar,.friends-main,.friends-right-panel{grid-template-columns:1fr}.friends-topbar{align-items:stretch;flex-direction:column;padding:18px}.friends-top-actions,.friends-top-actions>*{width:100%}.friends-user-chip,.friends-service,.friends-logout-button{justify-content:center}.friends-main{display:grid;grid-template-areas:none;gap:14px}.friends-left-panel,.friends-center-panel,.friends-right-panel{grid-area:auto;padding:16px}.friends-chat-card{max-height:420px}.friends-messages{max-height:290px}.friends-center-panel{grid-template-rows:auto auto auto}.friends-welcome{grid-template-columns:1fr}.friends-table-art{justify-self:center}}@media (max-width: 640px){.friends-brand h1{font-size:22px}.friends-welcome h2{font-size:26px}.friends-game-grid{grid-template-columns:1fr;grid-template-rows:none}.friends-game-card{min-height:168px}.friends-game-card p{max-width:none;padding-right:0}.friends-game-card button{position:static;margin-top:16px}.friends-section-head{align-items:flex-start;flex-direction:column}}@media (max-width: 390px){.hall-page.friends-hall{padding:10px}.friends-topbar,.friends-left-panel,.friends-center-panel,.friends-right-panel{padding:14px}.friends-profile-row{align-items:flex-start}.friends-avatar{width:54px;height:54px}}.zen-game-shell{height:100dvh;--card-w: 102px;--card-h: 140px;display:flex;flex-direction:column;overflow:hidden;background:#f5fbf7;color:#171d1b}.zen-game-header{position:sticky;top:0;z-index:20;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(190,201,193,.54);padding:8px 28px;background:#f5fbf7f5;box-shadow:0 4px 18px #171d1b0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zen-header-left,.zen-header-actions,.zen-room-pills,.zen-pill,.zen-hand-layout,.zen-hand-count{display:flex;align-items:center}.zen-header-left{min-width:0;gap:20px}.zen-brand-title{color:#1a6b4e;font-size:30px;line-height:1.1;font-weight:900}.zen-header-toggle,.zen-mobile-summary{display:none}.zen-header-divider{width:1px;height:28px;background:#bec9c1}.zen-room-pills{min-width:0;flex-wrap:wrap;gap:8px}.zen-pill{min-height:32px;gap:7px;border:1px solid rgba(190,201,193,.72);border-radius:999px;padding:0 12px;background:#dee4e0;color:#3f4943;font-size:14px;font-weight:850}.zen-pill.room strong{color:#171d1b;letter-spacing:1px}.zen-copy-button{width:28px;min-height:28px;border:0;padding:0;background:transparent;color:#3f4943;box-shadow:none}.zen-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.zen-header-actions .connection-pill{min-height:34px;border:0;background:#1a6b4e1a;color:#1a6b4e;box-shadow:none}.zen-header-actions .connection-pill.offline{color:#93000a;background:#ffdad6}.zen-icon-button{width:40px;min-height:40px;border:0;border-radius:999px;padding:0;background:transparent;color:#50635a;box-shadow:none}.zen-icon-button:hover:not(:disabled){background:#dee4e0;box-shadow:none}.zen-leave-button{min-height:44px;border:0;border-radius:8px;background:#ffdad6;color:#93000a;box-shadow:none}.zen-game-main{flex:1 1 auto;min-height:0;display:flex;justify-content:center;padding:12px 18px 18px;overflow:hidden}.zen-table{width:min(100%,1580px);height:100%;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:8px solid #e4e9e6;border-radius:28px;padding:124px 28px 176px;background:#eff5f1;box-shadow:inset 0 3px 22px #171d1b0a,0 4px 20px #171d1b0d}.zen-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(26,107,78,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,107,78,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.zen-opponents-row{position:absolute;left:84px;right:84px;top:30px;z-index:1;display:flex;justify-content:space-between;gap:24px}.zen-opponents-row .empty-seats,.zen-opponents-row .seat-panel{width:min(300px,48%);min-height:120px;display:grid;place-items:center;align-content:center;justify-items:center;border:1px solid rgba(190,201,193,.46);border-radius:8px;padding:22px 30px;background:#fff;color:#3f4943;box-shadow:0 6px 18px #171d1b0f;text-align:center}.zen-opponents-row .seat-panel.active{border-color:#1a6b4e61;box-shadow:0 0 0 3px #1a6b4e24,0 10px 22px #171d1b14}.zen-opponents-row .seat-title,.zen-opponents-row .seat-stats{justify-content:center}.zen-center-zone{position:relative;z-index:1;display:grid;justify-items:center;gap:16px;text-align:center;transform:translateY(-72px)}.zen-bottom-cards{display:grid;justify-items:center;gap:12px;border:1px solid rgba(190,201,193,.5);border-radius:8px;padding:20px 24px;background:#eaefec94}.zen-bottom-cards>span,.zen-last-play>span{color:#3f4943;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.zen-bottom-card-row{gap:12px}.zen-bottom-card-row .playing-card.compact,.zen-bottom-card-row .card-back.compact{width:64px;height:96px;border-radius:8px;padding:8px}.zen-bottom-card-row .card-back.compact{border:2px solid rgba(255,255,255,.68)}.zen-last-play{display:grid;justify-items:center;gap:8px}.zen-last-play strong{color:#1a6b4e;font-size:32px;line-height:1.2}.zen-last-card-row{max-width:min(100%,480px)}.zen-message-strip{max-width:min(100%,720px);min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(26,107,78,.2);border-radius:999px;padding:9px 18px;background:#6db8962e;color:#1a6b4e;font-weight:900}.zen-actions{position:absolute;left:50%;bottom:108px;z-index:5;display:grid;place-items:center;transform:translate(-50%);pointer-events:none}.zen-actions .action-card{border:0;padding:0;background:transparent;box-shadow:none;pointer-events:auto}.zen-actions .actions{flex-wrap:nowrap;justify-content:center;border-radius:999px;padding:8px;background:#eff5f1c7;box-shadow:0 14px 36px #171d1b24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zen-actions .play-action-stack{gap:8px}.zen-actions .play-selection-hint{box-shadow:0 10px 24px #171d1b1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zen-actions button{min-width:104px;border-radius:999px;box-shadow:none}.zen-actions .primary-btn{min-height:56px;padding:0 34px;background:#1a6b4e;color:#fff;box-shadow:0 12px 24px #1a6b4e38}.zen-actions .waiting-text{min-width:220px;background:#fff;color:#50635a;border-color:#bec9c194;box-shadow:0 14px 34px #171d1b1a}.zen-hand-area{position:absolute;left:24px;right:24px;bottom:8px;z-index:2;display:grid;gap:0;pointer-events:none}.zen-hand-layout{position:relative;min-width:0;justify-content:center;gap:18px;pointer-events:auto}.zen-hand-grid{min-height:152px;display:flex;flex-wrap:nowrap;align-items:end;justify-content:center;overflow:visible;padding:8px 0 16px;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.zen-hand-grid .playing-card.selectable{flex:0 0 var(--card-w);margin-left:clamp(-50px,-2.6vw,-34px)}.zen-hand-grid .playing-card.selectable:first-child{margin-left:0}.zen-hand-grid .playing-card.selectable.selected{z-index:3;transform:translateY(-28px)}.zen-hand-count{position:absolute;left:clamp(52px,4.8vw,92px);bottom:calc(var(--card-h) + 42px);z-index:4;gap:6px;color:#1a6b4e;text-shadow:0 2px 8px rgba(255,255,255,.8);pointer-events:none}.zen-hand-count span{color:#5f5f58;font-size:14px;font-weight:750}.zen-hand-count strong{color:#1a6b4e;font-size:34px;line-height:1}.zen-table:has(.zen-hand-grid) .zen-center-zone{gap:12px;transform:translateY(-138px)}.zen-table:has(.zen-hand-grid) .zen-bottom-cards{gap:8px;padding:12px 18px}.zen-table:has(.zen-hand-grid) .zen-bottom-card-row .playing-card.compact,.zen-table:has(.zen-hand-grid) .zen-bottom-card-row .card-back.compact{width:48px;height:72px}.zen-table:has(.zen-hand-grid) .zen-last-play strong{font-size:24px}.zen-table:has(.zen-hand-grid) .zen-message-strip{min-height:38px;padding:7px 16px}.zen-table:has(.zen-hand-grid) .zen-actions .primary-btn{min-height:48px}.zen-table:has(.zen-hand-grid) .zen-actions{bottom:184px}.zen-table:has(.zen-hand-grid) .zen-hand-area{bottom:8px;gap:0}.zen-table:has(.zen-hand-grid) .zen-hand-grid{min-height:152px;padding:8px 0 16px}.zen-offline-banner{width:min(100% - 48px,1152px);min-height:44px;margin:12px auto 0;display:grid;place-items:center;border:1px solid #ffb4ab;border-radius:8px;padding:8px 14px;background:#ffdad6;color:#93000a;font-weight:900;text-align:center}.game-chat-dock{position:fixed;right:18px;bottom:18px;z-index:25;display:grid;justify-items:end;gap:10px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.game-chat-toggle,.game-chat-panel{pointer-events:auto}.game-chat-toggle{min-height:44px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(117,207,255,.2);border-radius:999px;padding:0 16px;background:linear-gradient(180deg,#0b2334f2,#03111df2);color:#eafcff;box-shadow:0 12px 28px #00000052,inset 0 1px #ffffff14}.game-chat-toggle:hover:not(:disabled){border-color:#75cfff61;background:linear-gradient(180deg,#0f3046fa,#051726fa)}.game-chat-toggle span{border-radius:999px;padding:4px 8px;background:#ffffff24;font-size:12px;font-weight:850}.game-chat-panel{width:min(360px,calc(100vw - 32px));max-height:min(520px,calc(100dvh - 132px));min-height:320px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;border:1px solid rgba(190,201,193,.7);border-radius:12px;padding:14px;background:#f7fbf8f5;box-shadow:0 18px 42px #171d1b2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-chat-head,.game-chat-message span,.game-chat-form{display:flex;align-items:center}.game-chat-head{justify-content:space-between;gap:12px;color:#20313a}.game-chat-head span{border-radius:999px;padding:5px 10px;background:#65b89a24;color:#4d8d78;font-size:12px;font-weight:850}.game-chat-messages{min-height:0;display:grid;align-content:start;gap:10px;overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(101,184,154,.34) rgba(234,247,240,.6);scrollbar-width:thin}.friends-messages::-webkit-scrollbar,.game-chat-messages::-webkit-scrollbar{width:8px;height:8px}.friends-messages::-webkit-scrollbar-track,.game-chat-messages::-webkit-scrollbar-track{border-radius:999px;background:#eaf7f0a3}.friends-messages::-webkit-scrollbar-thumb,.game-chat-messages::-webkit-scrollbar-thumb{border:2px solid rgba(247,251,248,.92);border-radius:999px;background:#65b89a57}.friends-messages::-webkit-scrollbar-thumb:hover,.game-chat-messages::-webkit-scrollbar-thumb:hover{background:#65b89a80}.game-chat-message{margin:0;border-radius:8px;padding:10px 12px;background:#fff;color:#52656a;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.game-chat-message.from-self{background:#65b89a24;color:#315f51}.game-chat-message span{justify-content:space-between;gap:10px;margin-bottom:4px}.game-chat-message strong{color:#20313a}.game-chat-message time{flex:0 0 auto;color:#8a9a98;font-size:11px;font-weight:750}.game-chat-form{gap:10px}.game-chat-form input{min-width:0;min-height:44px;flex:1 1 auto;border-color:#ddebe5;background:#fff;color:#20313a;box-shadow:none}.game-chat-form button{width:44px;min-height:44px;flex:0 0 auto;border:0;border-radius:8px;padding:0;background:#65b89a;color:#fff;box-shadow:none}.game-chat-form button:disabled{background:#d7e6df;color:#8ba09a}@media (max-width: 1020px){.zen-game-shell{height:auto;min-height:100dvh;overflow:visible}.zen-game-main{overflow:visible}.zen-game-header{align-items:stretch;flex-direction:column;padding:14px 18px}.zen-header-left,.zen-header-actions{justify-content:center}.zen-header-left{flex-wrap:wrap}.zen-brand-title{font-size:28px}.zen-table{height:auto;min-height:780px;padding-top:180px}.zen-center-zone,.zen-table:has(.zen-hand-grid) .zen-center-zone{transform:none}.zen-opponents-row{left:18px;right:18px}}@media (max-width: 640px){.zen-game-shell{--card-w: 60px;--card-h: 88px}.zen-game-main{padding:12px}.zen-game-header{padding:10px 14px;gap:10px}.zen-game-header.is-collapsed{min-height:auto;padding-bottom:10px}.zen-game-header.is-collapsed .zen-room-pills,.zen-game-header.is-collapsed .zen-header-actions{display:none}.zen-header-left{align-items:center;justify-content:space-between;gap:8px;width:100%}.zen-brand-title{order:1;min-width:0;font-size:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zen-header-toggle{order:2;min-height:40px;border:0;border-radius:999px;padding:0 12px;display:inline-flex;background:#1a6b4e1a;color:#1a6b4e;box-shadow:none}.zen-mobile-summary{order:3;width:100%;min-height:32px;align-items:center;justify-content:center;border-radius:999px;padding:0 12px;background:#dee4e0;color:#3f4943;font-size:13px;font-weight:850}.zen-game-header.is-collapsed .zen-mobile-summary{display:flex}.zen-header-divider{display:none}.zen-room-pills,.zen-header-actions{order:4;align-items:stretch;width:100%}.zen-pill,.zen-header-actions .connection-pill,.zen-leave-button{flex:1 1 140px;justify-content:center}.zen-table{min-height:900px;border-width:5px;border-radius:16px;padding:250px 10px 220px}.zen-table:has(.zen-hand-grid){padding-bottom:230px}.zen-opponents-row{align-items:stretch;flex-direction:column;gap:10px;top:12px}.zen-opponents-row .empty-seats,.zen-opponents-row .seat-panel{width:100%;min-height:88px;padding:14px}.zen-bottom-card-row .playing-card.compact,.zen-bottom-card-row .card-back.compact{width:52px;height:78px}.zen-last-play strong{font-size:24px}.zen-message-strip{width:100%;border-radius:8px}.zen-actions,.zen-actions .actions,.zen-actions .action-card{width:100%}.zen-actions{left:10px;right:10px;bottom:128px;width:auto;transform:none}.zen-table:has(.zen-hand-grid) .zen-actions{bottom:154px}.zen-actions .actions{flex-wrap:wrap;border-radius:18px}.zen-actions .play-selection-hint{width:100%;max-width:100%;border-radius:14px}.zen-actions button{min-width:0;flex:1 1 130px}.zen-hand-area{left:10px;right:10px;bottom:8px}.zen-hand-layout{justify-content:center;gap:8px}.zen-hand-count{left:14px;bottom:calc(var(--card-h) + 26px);gap:4px}.zen-hand-count strong{font-size:28px}.zen-hand-count span{font-size:12px}.zen-hand-grid{min-height:112px;justify-content:flex-start;padding:8px 0 12px;overflow-x:auto;overflow-y:visible}.zen-hand-grid .playing-card.selectable{margin-left:-25px}.game-chat-dock{right:10px;bottom:10px;max-width:calc(100vw - 20px)}.game-chat-panel{width:calc(100vw - 20px);min-height:280px;max-height:min(430px,calc(100dvh - 88px))}}.friends-room-select{margin-bottom:14px}.friends-room-select select{width:100%;min-height:48px;border:1px solid rgba(29,23,16,.18);border-radius:8px;padding:0 12px;background:#fffdf6;color:var(--ink);font-weight:800}.friends-game-card.selected{border-color:#65bd99ad;background:linear-gradient(180deg,#ecfaf4fa,#fffdf6fa),#fffdf6;box-shadow:inset 0 0 0 2px #65bd9933,0 18px 38px #3d8b6b24}.zjh-game-shell{min-height:100dvh;background:radial-gradient(circle at 16% 12%,rgba(255,217,122,.2),transparent 24%),linear-gradient(135deg,#f5fbf7,#fff8ea 56%,#eaf6f2);color:#1c2b2a}.zjh-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid rgba(23,57,43,.12);background:#f5fbf7eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.zjh-header-left,.zjh-header-actions{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.zjh-brand{color:#0f6f4d;font-size:clamp(24px,3vw,38px);line-height:1;margin-right:8px}.zjh-pill{min-height:36px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(23,57,43,.12);border-radius:999px;padding:0 12px;background:#dee4e0d1;color:#34433d;font-size:14px;font-weight:900}.zjh-pill.room button{width:28px;min-height:28px;padding:0;border:0;background:transparent;color:inherit;box-shadow:none}.zjh-main{min-height:calc(100dvh - 76px);padding:18px}.zjh-table{min-height:calc(100dvh - 112px);border:10px solid rgba(23,57,43,.08);border-radius:22px;overflow:hidden;position:relative;display:grid;grid-template-rows:minmax(150px,auto) minmax(230px,1fr) auto;gap:14px;padding:24px;background:linear-gradient(rgba(26,107,78,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,107,78,.05) 1px,transparent 1px),#eff8f3;background-size:42px 42px;box-shadow:inset 0 0 0 1px #ffffffc7,0 22px 70px #0c2f211f}.zjh-opponents{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch}.zjh-seat,.zjh-empty-seat{min-height:132px;border:1px solid rgba(23,57,43,.12);border-radius:8px;padding:14px;background:#fffdf6f0;color:#263a38;box-shadow:0 16px 34px #203e311f}.zjh-seat.active{border-color:#65bd99cc;box-shadow:inset 0 0 0 3px #65bd992e,0 16px 34px #203e3129}.zjh-seat.folded{opacity:.62}.zjh-seat.self{min-width:220px}.zjh-seat-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#6a5437;font-size:14px;font-weight:900}.zjh-seat-head span{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;background:#3d2b18;color:#ffd97a}.zjh-seat h3{margin:10px 0 6px;color:#122c27;font-size:24px}.zjh-seat p,.zjh-seat em{margin:4px 0 0;color:#5d6f69;font-style:normal;font-size:14px;font-weight:800}.zjh-seat em{color:#9a312c}.zjh-seat-cards{display:flex;align-items:flex-end;margin-top:10px;min-height:58px}.zjh-seat-cards .zjh-card{width:42px;height:58px;margin-left:-8px;box-shadow:0 8px 18px #203e311f}.zjh-seat-cards .zjh-card:first-child{margin-left:0}.zjh-seat-cards .card-corner{font-size:12px}.zjh-seat-cards .card-center-suit{font-size:16px}.zjh-empty-seat{display:grid;place-items:center;color:#6a7c75;font-weight:900;background:#ffffff85;border-style:dashed}.zjh-center{align-self:center;justify-self:center;width:min(100%,820px);display:grid;justify-items:center;gap:16px}.zjh-pot{min-width:190px;min-height:118px;display:grid;place-items:center;gap:4px;border-radius:999px;padding:18px 34px;background:radial-gradient(circle at 50% 35%,rgba(255,217,122,.45),transparent 60%),#0f6f4deb;color:#fffdf6;box-shadow:0 20px 44px #0f6f4d3d}.zjh-pot span,.zjh-pot small{color:#fffdf6d1;font-weight:900}.zjh-pot strong{font-size:46px;line-height:1}.zjh-message,.zjh-waiting{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:0 18px;background:#fffdf6eb;border:1px solid rgba(23,57,43,.1);color:#0f6f4d;font-weight:900;text-align:center}.zjh-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;border-radius:999px;padding:12px;background:#f5fbf7e0;box-shadow:0 16px 40px #203e3124}.zjh-actions>span{color:#5d6f69;font-weight:900;padding:0 8px}.zjh-action-hint{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 14px;background:#fffdf6b8;border:1px solid rgba(23,57,43,.1);color:#667872;font-size:14px}.zjh-raise-group,.zjh-compare-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.zjh-self-zone{display:flex;align-items:flex-end;justify-content:center;gap:18px;min-width:0}.zjh-hand{min-width:0;display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap;padding:8px 0 2px}.zjh-card,.zjh-card-back{width:92px;height:130px;margin-left:-16px;flex:0 0 auto}.zjh-card .card-center-suit{font-size:34px}.zjh-hand-placeholder{min-height:52px;display:inline-flex;align-items:center;border-radius:999px;padding:0 20px;background:#fffdf6eb;color:#5d6f69;font-weight:900}.zjh-result-dialog{width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 40px);gap:12px;overflow:hidden}.zjh-result-dialog h2{font-size:22px}.zjh-result-dialog h2,.zjh-result-dialog>p{justify-self:center;text-align:center}.zjh-result-hands{display:grid;gap:9px;max-height:min(44vh,390px);margin:10px 0 14px;padding-right:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.zjh-result-row{display:grid;grid-template-columns:minmax(52px,.45fr) minmax(220px,1fr) auto;align-items:center;gap:10px;border-radius:8px;padding:9px 10px;background:#fffdf6e0;color:var(--ink)}.zjh-result-row>div:first-child{display:grid;gap:4px}.zjh-result-row span{color:#667872;font-weight:800}.zjh-result-card-group{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.zjh-result-hand-type{flex:0 0 58px;text-align:right;white-space:nowrap}.zjh-result-row .zjh-card{width:46px;height:66px;margin-left:-10px}.zjh-result-row .card-center-suit{font-size:18px}.zjh-compare-reveal{position:fixed;left:50%;top:104px;z-index:70;width:min(420px,calc(100vw - 28px));transform:translate(-50%);display:grid;gap:12px;border:1px solid rgba(23,57,43,.14);border-radius:8px;padding:14px 16px;background:#fffdf6f5;color:#1c2b2a;box-shadow:0 22px 54px #203e313d}.zjh-compare-reveal>div:first-child{display:grid;gap:3px;text-align:center}.zjh-compare-reveal span,.zjh-compare-reveal small{color:#667872;font-size:13px;font-weight:900}.zjh-compare-reveal strong{color:#0f6f4d;font-size:22px}.zjh-compare-reveal-cards{display:flex;justify-content:center;align-items:flex-end}.zjh-compare-reveal-cards .zjh-card{width:64px;height:90px;margin-left:-8px}.zjh-compare-reveal-cards .zjh-card:first-child{margin-left:0}.zjh-compare-reveal-cards .card-center-suit{font-size:24px}.dbz-game-shell{min-height:100dvh;background:radial-gradient(circle at 18% 12%,rgba(255,217,122,.2),transparent 24%),linear-gradient(135deg,#f5fbf7,#fff8ea 58%,#e7f5f0);color:#1c2b2a}.dbz-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid rgba(23,57,43,.12);background:#f5fbf7f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.dbz-header-left,.dbz-header-actions{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.dbz-brand{color:#0f6f4d;font-size:clamp(24px,3vw,38px);line-height:1;margin-right:8px}.dbz-pill{min-height:36px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(23,57,43,.12);border-radius:999px;padding:0 12px;background:#dee4e0d1;color:#34433d;font-size:14px;font-weight:900}.dbz-pill.room button{width:28px;min-height:28px;padding:0;border:0;background:transparent;color:inherit;box-shadow:none}.dbz-main{min-height:calc(100dvh - 76px);display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;padding:18px}.dbz-table{min-height:calc(100dvh - 112px);border:10px solid rgba(23,57,43,.08);border-radius:22px;overflow:hidden;position:relative;display:grid;grid-template-rows:auto minmax(260px,1fr) auto;gap:14px;padding:24px;background:linear-gradient(rgba(26,107,78,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,107,78,.05) 1px,transparent 1px),#eff8f3;background-size:42px 42px;box-shadow:inset 0 0 0 1px #ffffffc7,0 22px 70px #0c2f211f}.dbz-opponents{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}.dbz-seat,.dbz-empty-seat{min-height:126px;border:1px solid rgba(23,57,43,.12);border-radius:8px;padding:14px;background:#fffdf6f0;color:#263a38;box-shadow:0 16px 34px #203e311f}.dbz-seat.active{border-color:#65bd99d1;box-shadow:inset 0 0 0 3px #65bd9933,0 16px 34px #203e3129}.dbz-seat.self{min-width:230px}.dbz-seat-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#6a5437;font-size:14px;font-weight:900}.dbz-seat-head span{display:inline-flex;border-radius:999px;padding:4px 8px;background:#0f6f4d1a;color:#0f6f4d}.dbz-seat h3{margin:10px 0 6px;color:#122c27;font-size:23px}.dbz-seat p,.dbz-seat em{margin:4px 0 0;color:#5d6f69;font-style:normal;font-size:14px;font-weight:800}.dbz-seat em{color:#9a312c}.dbz-empty-seat{display:grid;place-items:center;color:#6a7c75;font-weight:900;background:#ffffff85;border-style:dashed}.dbz-center{align-self:center;justify-self:center;width:min(100%,860px);display:grid;justify-items:center;gap:16px}.dbz-status-card,.dbz-last-play,.dbz-waiting{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 18px;background:#fffdf6eb;border:1px solid rgba(23,57,43,.1);color:#0f6f4d;font-weight:900;text-align:center;flex-wrap:wrap}.dbz-last-play{min-width:min(100%,360px);border-radius:18px}.dbz-last-play>span,.dbz-status-card span{color:#657872;font-size:13px}.dbz-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;border-radius:999px;padding:12px;background:#f5fbf7e0;box-shadow:0 16px 40px #203e3124}.dbz-actions>span{color:#5d6f69;font-weight:900;padding:0 8px}.dbz-call-options{max-width:760px}.dbz-self-zone{display:flex;align-items:flex-end;justify-content:center;gap:18px;min-width:0}.dbz-hand{min-width:0;display:flex;align-items:flex-end;justify-content:center;flex-wrap:nowrap;padding:8px 0 2px}.dbz-card-button{width:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;margin-left:-22px;transition:transform .16s ease,filter .16s ease}.dbz-card-button:first-child{margin-left:0}.dbz-card-button.selected{transform:translateY(-18px);filter:drop-shadow(0 0 10px rgba(227,182,86,.9))}.dbz-card{width:86px;height:124px;flex:0 0 auto}.dbz-card.small{width:50px;height:72px;margin-left:-8px}.dbz-card.small:first-child{margin-left:0}.dbz-card .card-center-suit{font-size:32px}.dbz-card.small .card-center-suit{font-size:20px}.dbz-hand-placeholder{min-height:52px;display:inline-flex;align-items:center;border-radius:999px;padding:0 20px;background:#fffdf6eb;color:#5d6f69;font-weight:900}.dbz-log-panel{min-height:0;align-self:stretch;border:1px solid rgba(23,57,43,.12);border-radius:8px;padding:18px;background:#fffdf6d1;box-shadow:0 18px 44px #203e311f}.dbz-log-panel h3{margin:0 0 14px;color:#122c27}.dbz-log-panel>div{max-height:calc(100dvh - 170px);overflow-y:auto;display:grid;gap:10px}.dbz-log-panel p{margin:0;border-radius:8px;padding:10px;background:#f5fbf7db;color:#60726c;font-weight:800}.dbz-log-panel strong{display:block;color:#1d2f2d}.dbz-result-dialog{width:min(720px,calc(100vw - 28px))}.dbz-result-teams,.dbz-result-list{display:grid;gap:10px;margin:16px 0}.dbz-result-teams span,.dbz-result-list p{margin:0;border-radius:8px;padding:12px;background:#fffdf6e0;color:var(--ink);font-weight:900}.dbz-result-list p{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}@media (max-width: 980px){.zjh-header{align-items:flex-start;flex-direction:column}.zjh-header-actions{width:100%}.zjh-table{padding:16px;grid-template-rows:auto minmax(220px,1fr) auto}.zjh-self-zone{align-items:stretch;flex-direction:column}.zjh-seat.self{min-width:0}.dbz-header{align-items:flex-start;flex-direction:column}.dbz-header-actions{width:100%}.dbz-main{grid-template-columns:1fr}.dbz-table{padding:16px;grid-template-rows:auto minmax(220px,1fr) auto}.dbz-opponents{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dbz-self-zone{align-items:stretch;flex-direction:column}.dbz-seat.self{min-width:0}.dbz-log-panel>div{max-height:260px}}@media (max-width: 640px){.zjh-main{padding:10px}.zjh-header{padding:12px}.zjh-header-left,.zjh-header-actions{width:100%}.zjh-brand{width:min(100%,164px);margin:0 auto}.zjh-pill,.zjh-header-actions>*{flex:1 1 calc(50% - 8px);justify-content:center}.zjh-table{border-width:6px;border-radius:18px;padding:12px;min-height:calc(100dvh - 190px)}.zjh-opponents{grid-template-columns:1fr}.zjh-seat,.zjh-empty-seat{min-height:104px}.zjh-center{gap:12px}.zjh-pot{min-width:148px;min-height:96px}.zjh-pot strong{font-size:36px}.zjh-actions{border-radius:18px}.zjh-actions button,.zjh-raise-group button,.zjh-compare-group button{flex:1 1 calc(50% - 8px)}.zjh-hand{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.zjh-card,.zjh-card-back{width:76px;height:108px;margin-left:-12px}.zjh-result-row{grid-template-columns:1fr}.zjh-result-card-group{justify-content:space-between}.zjh-result-hand-type{text-align:left}.dbz-main{padding:10px}.dbz-header{padding:12px}.dbz-header-left,.dbz-header-actions{width:100%}.dbz-brand{width:100%;text-align:center}.dbz-pill,.dbz-header-actions>*{flex:1 1 calc(50% - 8px);justify-content:center}.dbz-table{border-width:6px;border-radius:18px;padding:12px;min-height:calc(100dvh - 190px)}.dbz-opponents{grid-template-columns:1fr}.dbz-seat,.dbz-empty-seat{min-height:104px}.dbz-center{gap:12px}.dbz-actions{border-radius:18px}.dbz-actions button{flex:1 1 calc(50% - 8px)}.dbz-hand{overflow-x:auto;justify-content:flex-start;padding:20px 0 12px}.dbz-card{width:76px;height:108px}.dbz-card-button{margin-left:-18px}.dbz-result-list p{grid-template-columns:1fr}}.zjh-game-shell{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;color:#f3fbff;background:#07101d}.zjh-game-shell:fullscreen{width:100vw;height:100vh}.zjh-game-shell:before{content:"";position:fixed;top:-28px;right:-28px;bottom:-28px;left:-28px;z-index:0;background-image:url(/assets/zhajinhua/background/background.webp);background-size:cover;background-position:center;filter:blur(1px);opacity:.72;transform:scale(1.04);pointer-events:none}.zjh-game-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 50% 34%,rgba(20,130,116,.16),transparent 34%),linear-gradient(180deg,#050c1694,#050c16db);pointer-events:none}.zjh-game-shell>.zjh-header,.zjh-game-shell>.zen-offline-banner,.zjh-game-shell>.zjh-main{position:relative;z-index:1}.zjh-promo-rail{position:fixed;top:clamp(78px,10vh,112px);bottom:clamp(76px,8vh,94px);z-index:12;width:clamp(120px,11.4vw,232px);display:grid;align-content:space-between;gap:clamp(14px,3.2vh,40px);pointer-events:auto}.zjh-promo-rail.left{left:clamp(8px,.8vw,18px)}.zjh-promo-rail.right{right:clamp(8px,.8vw,18px)}.zjh-promo-card{width:100%;display:block;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.zjh-promo-card img{width:100%;max-height:clamp(126px,23vh,242px);display:block;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.48));-webkit-user-select:none;user-select:none}.zjh-header{position:sticky;top:0;z-index:30;flex:0 0 auto;min-height:64px;padding:10px clamp(14px,2.4vw,28px);border-bottom:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.zjh-brand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:clamp(2px,.2vw,5px);width:clamp(124px,8.4vw,164px);height:clamp(48px,3.3vw,62px);margin-right:10px;line-height:0}.zjh-brand img{display:block;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.48));-webkit-user-select:none;user-select:none;pointer-events:none}.zjh-brand-rose{width:auto;height:clamp(38px,2.8vw,54px);flex:0 0 auto}.zjh-brand-logo{width:clamp(94px,6.4vw,122px);height:clamp(48px,3.3vw,62px);flex:0 0 auto}.zjh-pill{min-height:34px;color:#eafcff;border-color:#75cfff2e;background:#0c3756c7}.zjh-game-shell .zjh-header-actions .connection-pill,.zjh-game-shell .zjh-header-actions .zen-leave-button{background:transparent;border-color:transparent;box-shadow:none}.zjh-main{flex:1 1 auto;min-height:0;padding:clamp(8px,1.8vw,18px);display:flex;justify-content:center;align-items:stretch;overflow:hidden}.zjh-table{position:relative;width:min(100%,1180px);height:100%;min-height:0;padding:0;overflow:hidden;isolation:isolate;border:1px solid rgba(117,207,255,.22);border-radius:34px;box-shadow:0 28px 70px #0000007a,inset 0 0 0 1px #ffffff14;background-image:linear-gradient(180deg,#0208100f,#02081033),url(/assets/zhajinhua/table/table.webp);background-size:cover;background-position:center center}.zjh-table:before{content:none}.zjh-table:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,rgba(1,7,15,.46),transparent 18%,transparent 82%,rgba(1,7,15,.46));pointer-events:none}.zjh-seat-ring{position:absolute;top:9%;right:4%;bottom:9%;left:4%;z-index:4;pointer-events:none}.zjh-seat,.zjh-empty-seat{position:absolute;left:calc(50% + var(--seat-left));top:calc(55% + var(--seat-top));width:96px;min-height:0;padding:0;border:0;border-radius:0;display:grid;justify-items:center;gap:5px;color:#f4fbff;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-50%,-50%);pointer-events:auto}.zjh-seat-cards{--zjh-seat-card-w: 50px;--zjh-seat-card-h: 68px;position:absolute;left:50%;bottom:calc(100% - 3px);z-index:1;min-height:52px;display:flex;align-items:flex-end;justify-content:center;gap:4px;margin:0;transform:translate(-50%);pointer-events:none}.zjh-seat-cards.center-table{left:calc(50% + 108px);bottom:13px;transform:none}.zjh-seat-cards.top-table{left:calc(50% + 116px);bottom:13px;transform:none}.zjh-seat-cards.left-table{left:calc(50% + 120px);bottom:13px;transform:none}.zjh-seat-cards.right-table{right:calc(50% + 120px);bottom:13px;left:auto;transform:none}.zjh-seat-cards.self{--zjh-seat-card-w: 58px;--zjh-seat-card-h: 78px;bottom:calc(100% + 12px)}.zjh-seat-cards .zjh-card,.zjh-seat-cards .zjh-card-back{width:var(--zjh-seat-card-w);min-width:var(--zjh-seat-card-w);height:var(--zjh-seat-card-h);min-height:var(--zjh-seat-card-h);flex:0 0 var(--zjh-seat-card-w);margin-left:0;filter:drop-shadow(0 7px 10px rgba(0,0,0,.3))}.zjh-seat-cards .zjh-card img,.zjh-seat-cards .zjh-card-back img{width:100%;height:100%;object-fit:fill}.zjh-win-mark{position:absolute;left:50%;top:48%;z-index:8;height:clamp(42px,4.4vw,62px);display:inline-flex;align-items:flex-end;justify-content:center;gap:1px;transform:translate(-50%,-50%) rotate(-4deg);pointer-events:none;filter:drop-shadow(0 4px 0 rgba(104,45,0,.72)) drop-shadow(0 8px 10px rgba(0,0,0,.44))}.zjh-seat-cards.self .zjh-win-mark{top:48%;height:clamp(48px,4.8vw,68px)}.zjh-win-mark img{width:auto;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none}.zjh-win-mark .li{height:98%;display:inline-flex;align-items:flex-end;margin-left:-2px}.zjh-win-mark .li-right{margin-left:-4px}.zjh-seat.folded{opacity:.56;filter:saturate(.7)}.zjh-avatar-frame{--zjh-turn-ring-x: 0px;--zjh-turn-ring-y: 8px;--zjh-turn-ring-size: 94px;position:relative;z-index:2;width:60px;height:60px;border:0;border-radius:50%;background:transparent;box-shadow:none}.zjh-seat.active .zjh-avatar-frame{border-color:transparent;box-shadow:none}.zjh-seat.self .zjh-avatar-frame{border-color:transparent}button.zjh-avatar-frame{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default}button.zjh-avatar-frame:disabled{opacity:1}.zjh-avatar-frame.compare-selectable{cursor:pointer;box-shadow:0 0 0 3px #ffd86bf2,0 0 24px #ffd86b9e}.zjh-seat.compare-target .zjh-seat-meta{color:#ffe56f}.zjh-avatar-img{position:relative;z-index:1;width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.zjh-turn-ring{position:absolute;left:50%;top:50%;z-index:3;width:var(--zjh-turn-ring-size);height:var(--zjh-turn-ring-size);display:block;border-radius:50%;object-fit:contain;pointer-events:none;transform:translate(calc(-50% + var(--zjh-turn-ring-x)),calc(-50% + var(--zjh-turn-ring-y)))}.zjh-avatar-frame.empty{display:grid;place-items:center;color:#e8faffb8;font-weight:1000}.zjh-avatar-name{position:absolute;left:50%;bottom:-9px;z-index:4;max-width:88px;min-height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:0;color:#f8fbff;background:transparent;box-shadow:none;font-size:12px;font-weight:950;text-shadow:0 2px 5px rgba(0,0,0,.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.zjh-seat-badge{position:absolute;right:-10px;top:-8px;z-index:4;min-height:22px;display:inline-flex;align-items:center;gap:2px;padding:0 7px;border-radius:999px;color:#422600;background:linear-gradient(180deg,#ffe38d,#f0ad37);box-shadow:0 8px 14px #00000047;font-size:11px;font-weight:1000}.zjh-score-chip{position:absolute;top:18px;width:76px;min-height:24px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:4px;padding:2px 8px 2px 2px;border-radius:999px;color:#f4fbff;background:#041624b8;box-shadow:0 8px 14px #00000038;font-size:12px;font-weight:1000;line-height:1}.zjh-score-chip.right{left:calc(50% + 34px)}.zjh-score-chip.left{right:calc(50% + 34px)}.zjh-score-chip img{width:20px;height:20px;display:block;object-fit:contain}.zjh-pot-stack{position:relative;width:48px;height:30px;display:block;flex:0 0 auto}.zjh-pot-stack img{position:absolute;width:26px;height:26px;display:block;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.32))}.zjh-pot-chip.chip-1{left:0;top:4px;z-index:1}.zjh-pot-chip.chip-2{left:11px;top:0;z-index:2}.zjh-pot-chip.chip-3{left:22px;top:5px;z-index:3}.zjh-score-chip span{min-width:0;text-align:center}.zjh-seat-meta{max-width:116px;display:grid;gap:2px;margin-top:8px;padding:0;border-radius:0;color:#ebf9ffeb;background:transparent;box-shadow:none;font-size:11px;font-weight:900;line-height:1.16;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.72);-webkit-backdrop-filter:none;backdrop-filter:none}.zjh-empty-seat .zjh-seat-meta{color:#ebf9ffad;background:transparent;box-shadow:none}.zjh-center{position:absolute;top:20%;bottom:154px;left:50%;z-index:5;width:min(92%,560px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.zjh-pot{min-width:0;min-height:0;display:inline-flex;align-items:center;gap:8px;color:#fff;border:0;background:transparent;box-shadow:none}.zjh-pot strong{color:#ffe56f;font-size:16px;line-height:1}.zjh-message,.zjh-waiting{color:#e9fbff;background:#05182bbd;border-color:#75cfff3d;box-shadow:0 10px 20px #00000038}.zjh-actions{width:min(100%,540px);padding:10px;border:1px solid rgba(117,207,255,.22);border-radius:18px;background:#07111ed1;box-shadow:0 18px 34px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.zjh-actions.zjh-ready-actions{width:auto;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateY(70px)}.zjh-actions.zjh-play-actions,.zjh-actions.zjh-ended-actions{width:auto;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.zjh-raise-group{position:relative}.zjh-actions button,.zjh-raise-group button,.zjh-compare-group button{min-height:46px;color:#eafcff;border-color:#75cfff33;background:#ffffff1a}.zjh-actions button.is-active{color:#1c1300;border-color:#ffd86bbd;background:linear-gradient(180deg,#ffe38d,#f5a729)}.zjh-raise-menu{position:absolute;left:50%;top:calc(100% + 8px);z-index:20;min-width:128px;display:grid;gap:6px;padding:0;border:0;background:transparent;box-shadow:none;transform:translate(-50%)}.zjh-raise-menu button{width:100%;min-height:38px;justify-content:center}.zjh-raise-menu button:disabled{color:#eafcff61;border-color:#75cfff1f;background:#ffffff0d;opacity:1}.zjh-actions .primary-btn,.zjh-actions button.primary-btn{color:#1c1300;background:linear-gradient(180deg,#ffd86b,#f5a729)}.zjh-self-zone{position:absolute;left:4%;right:4%;bottom:24px;z-index:6;display:grid;grid-template-columns:minmax(118px,170px) minmax(0,1fr);gap:12px;align-items:end;pointer-events:none}.zjh-self-zone>*{pointer-events:auto}.zjh-hand{min-width:0;justify-content:center;overflow:visible;padding:0 8px 10px}.zjh-card,.zjh-card-back{width:clamp(82px,10vw,106px);height:auto;aspect-ratio:800 / 1080;margin-left:-22px;overflow:visible;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;display:block;line-height:0}.zjh-card:first-child,.zjh-card-back:first-child{margin-left:0}.zjh-card img,.zjh-card-back img{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:contain}.zjh-result-dialog,.zjh-compare-reveal{color:#172321}@media (max-width: 980px){.zjh-promo-rail{display:none}.zjh-table{width:min(100%,720px);height:100%}.zjh-opponents{gap:72px 96px}.zjh-center{bottom:150px}}@media (max-width: 640px){.zjh-header{position:relative;min-height:0;padding:10px;gap:8px}.zjh-header-left,.zjh-header-actions{width:100%;gap:8px}.zjh-brand{width:100%;text-align:center}.zjh-pill{flex:1 1 calc(50% - 8px);justify-content:center;font-size:13px}.zjh-header-actions .connection-pill{flex:1 1 100%;justify-content:center}.zjh-header-actions .zen-icon-button{flex:1 1 44px}.zjh-header-actions .zen-leave-button{flex:1 1 100%;justify-content:center}.zjh-main{min-height:0;padding:0}.zjh-table{width:100vw;height:100%;border:0;border-radius:0}.zjh-opponents{top:31%;left:4%;right:4%;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 18px}.zjh-seat,.zjh-empty-seat{min-height:86px;padding:9px}.zjh-seat h3{font-size:16px}.zjh-seat p,.zjh-seat em{font-size:12px}.zjh-center{top:28%;bottom:138px;width:calc(100% - 22px)}.zjh-actions{width:100%;padding:8px;gap:8px}.zjh-actions button,.zjh-raise-group button,.zjh-compare-group button{flex:1 1 calc(50% - 8px);min-height:44px;padding:0 10px;font-size:13px}.zjh-self-zone{left:8px;right:8px;bottom:10px;grid-template-columns:104px minmax(0,1fr);gap:8px}.zjh-seat.self{width:104px}.zjh-seat-cards{--zjh-seat-card-w: 40px;--zjh-seat-card-h: 54px;min-height:42px;bottom:calc(100% - 2px);gap:3px}.zjh-seat-cards.center-table{left:calc(50% + 90px);bottom:14px}.zjh-seat-cards.top-table{left:calc(50% + 112px);bottom:14px}.zjh-seat-cards.left-table{left:calc(50% + 100px);bottom:14px}.zjh-seat-cards.right-table{right:calc(50% + 100px);bottom:14px}.zjh-seat-cards.self{--zjh-seat-card-w: 46px;--zjh-seat-card-h: 62px;bottom:calc(100% + 8px)}.zjh-hand{justify-content:flex-end;padding-right:6px}.zjh-card,.zjh-card-back{width:clamp(68px,22vw,84px);margin-left:-22px}.zjh-seat-cards .zjh-card,.zjh-seat-cards .zjh-card-back{width:var(--zjh-seat-card-w);margin-left:0;height:var(--zjh-seat-card-h);min-width:var(--zjh-seat-card-w);min-height:var(--zjh-seat-card-h);flex-basis:var(--zjh-seat-card-w)}.zjh-win-mark{top:48%;height:42px}.zjh-seat-cards.self .zjh-win-mark{top:48%;height:48px}}.zjh-casino-marquee{position:absolute;top:16px;left:50%;z-index:3;transform:translate(-50%);min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(69,218,255,.45);border-radius:999px;color:#f8e38a;font-weight:1000;background:#05192abd;box-shadow:0 0 22px #22c7ff61}.zjh-deal-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.zjh-deal-card{position:absolute;top:23%;left:50%;width:52px;aspect-ratio:800 / 1080;opacity:0;border-radius:6px;background-image:url(/assets/zhajinhua/card_back/red_back_line.png);background-size:cover;background-position:center;box-shadow:0 10px 18px #00000061;animation:zjhDealFly .92s cubic-bezier(.2,.72,.26,1) forwards;animation-delay:calc(var(--deal-index) * 72ms)}@keyframes zjhDealFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.48) rotate(-8deg)}12%,88%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--deal-x)),calc(-50% + var(--deal-y))) scale(.82) rotate(9deg)}}@media (prefers-reduced-motion: reduce){.zjh-deal-layer{display:none}.zjh-deal-card{animation:none}}@media (max-width: 640px){.zjh-casino-marquee{top:10px;min-height:32px;font-size:13px}.zjh-deal-card{width:42px}}