:root{color:#f5f0e7;background:#101713;font-family:Songti SC,"Noto Serif SC",PingFang SC,Microsoft YaHei,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--table-green: #123d31;--table-green-deep: #09291f;--ink: #1d1712;--ivory: #fff7e3;--gold: #d7a348;--red: #c3362b;--green: #16845e;--blue: #2270a6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button{font:inherit}.app-shell{position:relative;min-height:100svh;padding:clamp(6px,1.2vw,14px);background:radial-gradient(circle at 18% 12%,rgba(215,163,72,.2),transparent 26%),linear-gradient(135deg,#0c1611,#162820 46%,#0b1110)}.rotate-device{display:none}.game-frame{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(6px,1vw,10px);width:min(1280px,100%);height:calc(100svh - clamp(12px,2.4vw,28px));min-height:650px;margin:0 auto;padding:clamp(8px,1.3vw,14px);border:1px solid rgba(215,163,72,.34);border-radius:8px;background:linear-gradient(135deg,rgba(255,247,227,.08),transparent 28%),radial-gradient(circle at center,#14523ef2,#08231bfa 72%);box-shadow:0 28px 80px #00000061}.top-bar{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(260px,1fr);gap:10px;align-items:center;padding:4px 8px 8px;border-bottom:1px solid rgba(255,247,227,.13)}.eyebrow{margin:0 0 2px;color:#f5f0e7a3;font-size:.74rem;letter-spacing:0}h1,h2{margin:0;letter-spacing:0}h1{color:#fff4da;font-size:clamp(1.16rem,2.3vw,1.78rem);font-weight:800}.table-chips,.score-chip,.rule-chip,.mode-button,.primary-command,.secondary-command,.icon-command{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid rgba(255,247,227,.16);border-radius:8px;color:#fff7e3;background:#fff7e314;white-space:nowrap}.table-chips{gap:6px;min-height:0;border:0;background:transparent}.score-chip{min-height:34px;padding:0 13px;color:#fff7e3;border-color:#fff7e333;background:#04120d8a;font-size:.8rem;font-weight:800}.rule-chip{padding:0 14px;color:#ffd889;border-color:#d7a3486b;background:#d7a3481f}.mode-actions,.command-bar,.result-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.mode-button,.primary-command,.secondary-command,.icon-command{cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease}.mode-button{padding:0 10px}.mode-button--active,.primary-command{border-color:#d7a348b8;color:#20160c;background:linear-gradient(180deg,#ffd47c,#c9892e);font-weight:800}.secondary-command{padding:0 13px}.icon-command{width:34px;padding:0}.icon-command--active{border-color:#ffd889b8;color:#ffd889;background:#d7a3482e}.mode-button:hover:not(:disabled),.primary-command:hover:not(:disabled),.secondary-command:hover:not(:disabled),.icon-command:hover:not(:disabled){transform:translateY(-1px);border-color:#fff7e36b}button:disabled{cursor:not-allowed;opacity:.43}.table-layout{display:grid;grid-template-columns:minmax(82px,.22fr) minmax(460px,1fr) minmax(82px,.22fr);grid-template-rows:minmax(72px,auto) minmax(0,1fr);gap:clamp(6px,.9vw,10px);min-height:0}.opponent-panel{position:relative;display:grid;gap:5px;min-width:0;padding:7px;border:1px solid rgba(255,247,227,.12);border-radius:8px;background:#05140f54}.opponent-panel--top{grid-column:2;grid-row:1}.opponent-panel--left{grid-column:1;grid-row:1 / span 2}.opponent-panel--right{grid-column:3;grid-row:1 / span 2}.opponent-panel.is-active,.player-status.is-active{border-color:#ffd380b8;box-shadow:0 0 0 1px #d7a34824}.player-status{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;padding:6px 8px;border:1px solid rgba(255,247,227,.12);border-radius:8px;background:#fff7e312}.player-status strong,.player-status span,.player-status small{display:block}.player-status strong{color:#fff7e3;font-size:.82rem}.relation-badge{display:inline-block;margin-right:4px;color:#ffd889;font-size:.68rem;font-weight:900}.player-status span,.player-status small{color:#f5f0e7a8;font-size:.68rem}.concealed-hand{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;min-height:30px;max-height:66px;overflow:hidden}.opponent-panel--left .concealed-hand,.opponent-panel--right .concealed-hand{align-content:flex-start}.tile-back{width:18px;height:27px;border-radius:5px;border:1px solid rgba(255,247,227,.18);background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 34%),repeating-linear-gradient(45deg,#124536 0,#124536 5px,#0d3328 5px,#0d3328 10px);box-shadow:inset 0 -2px #00000047}.table-center{position:relative;grid-column:2;grid-row:2;display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;min-height:0;padding:clamp(8px,1.3vw,14px);border:1px solid rgba(215,163,72,.24);border-radius:8px;background:linear-gradient(rgba(255,247,227,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,247,227,.05) 1px,transparent 1px),#04161061;background-size:28px 28px}.wall-counter{display:inline-flex;align-items:center;justify-self:center;gap:7px;min-height:28px;padding:0 10px;border-radius:8px;color:#f8dfad;background:#0003}.river-board{position:relative;display:grid;grid-template-columns:minmax(80px,.8fr) minmax(160px,1.1fr) minmax(80px,.8fr);grid-template-rows:minmax(74px,1fr) 8px minmax(74px,1fr);gap:6px;min-height:0}.river-zone{display:grid;gap:3px;min-width:0;min-height:56px;padding:6px;border:1px solid rgba(255,247,227,.11);border-radius:8px;background:#06120e40}.river-zone--top{grid-column:2;grid-row:1}.river-zone--left{grid-column:1;grid-row:1 / span 3}.river-zone--right{grid-column:3;grid-row:1 / span 3}.river-zone--bottom{grid-column:2;grid-row:3}.river-zone__name{color:#f5f0e794;font-size:.72rem;line-height:1}.river-zone__tiles{display:flex;gap:2px;flex-wrap:wrap;align-content:flex-start;min-height:42px}.river-zone--top .river-zone__tiles{justify-content:center;transform:rotate(180deg)}.river-zone--left .river-zone__tiles{align-content:center;justify-content:center;transform:rotate(90deg);transform-origin:center;min-height:176px}.river-zone--right .river-zone__tiles{align-content:center;justify-content:center;transform:rotate(-90deg);transform-origin:center;min-height:176px}.river-zone--bottom .river-zone__tiles{justify-content:center}.river-zone__empty{display:grid;place-items:center;width:100%;color:#f5f0e75c;font-size:.72rem}.recent-action{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:min(260px,54%);min-height:26px;padding:4px 9px;border:1px solid rgba(215,163,72,.3);border-radius:8px;color:#ffe0a1;background:#0000006b;box-shadow:0 8px 18px #0000002e;transform:translate(-50%,-50%);text-align:center;font-size:.76rem;line-height:1.2;pointer-events:none}.public-sets{display:flex;flex:0 0 auto;gap:4px;align-items:center;flex-wrap:wrap}.public-sets:empty{display:none}.public-sets--compact{max-width:none;margin-right:0;padding-right:0;border-right:0}.human-public-sets{display:flex;flex:0 0 auto;gap:4px;align-items:center;flex-wrap:nowrap}.human-public-sets:empty{display:none}.human-public-sets .public-sets,.human-public-sets .meld-row{flex-wrap:nowrap}.meld-row{display:flex;gap:4px;min-height:24px;align-items:center;flex-wrap:wrap}.flower-row{display:inline-flex;align-items:center;gap:2px;min-height:24px;padding:1px 3px;border-radius:6px;background:#d7a34812;opacity:.82}.flower-row--compact{min-height:24px}.flower-label{color:#ffd889cc;font-size:.62rem;font-weight:900}.meld-row--empty{display:none;color:#f5f0e761;font-size:.72rem}.meld-row--compact{min-height:28px}.meld-set{display:inline-flex;align-items:center;gap:2px;padding:1px 3px;border-radius:6px;background:#fff7e30e;opacity:.82}.meld-label{color:#f5f0e78f;font-size:.62rem;font-weight:800}.claim-options{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.claim-option{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 8px;border:1px solid rgba(255,247,227,.2);border-radius:8px;color:#fff7e3;background:#fff7e317;cursor:pointer}.claim-option:hover,.claim-option:focus-visible{border-color:#ffd889b8;background:#d7a3482e;outline:none}.claim-option>span:first-child{font-size:.84rem;font-weight:800}.claim-option__tiles{display:inline-flex;gap:1px;align-items:center}.claim-option__tiles img{width:18px;height:25px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.18))}.human-area{display:grid;gap:7px;padding:8px 10px;border:1px solid rgba(255,247,227,.14);border-radius:8px;background:#04120d73}.hand-row{display:flex;gap:clamp(3px,.6vw,8px);min-height:74px;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin}.tile-button{flex:0 0 auto;padding:0;border:0;border-radius:8px;background:transparent}.tile-button--drawn{margin-left:clamp(12px,1.8vw,24px)}.tile-button--drawn .tile-face{transform:translateY(-2px);filter:drop-shadow(0 0 8px rgba(255,216,137,.35)) drop-shadow(0 8px 9px rgba(0,0,0,.2))}.tile-button:not(:disabled):hover .tile-face{transform:translateY(-8px);filter:drop-shadow(0 16px 18px rgba(0,0,0,.26))}.tile-face{position:relative;display:inline-block;width:clamp(41px,4.9vw,58px);height:clamp(58px,6.9vw,82px);color:var(--ink);filter:drop-shadow(0 8px 9px rgba(0,0,0,.2));transition:transform .16s ease,filter .16s ease,opacity .16s ease}.tile-face--compact{width:26px;height:36px}.table-seat .public-sets .tile-face--compact{width:var(--back-width);height:var(--back-height)}.tile-face.is-muted{opacity:.62}.tile-face.is-fresh{animation:tile-land .52s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 8px rgba(255,216,137,.7)) drop-shadow(0 9px 10px rgba(0,0,0,.24))}.tile-face.is-highlighted{transform:translateY(-10px);filter:drop-shadow(0 0 10px rgba(255,216,137,.9)) drop-shadow(0 14px 16px rgba(0,0,0,.28))}.tile-face__image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.tile--characters{color:var(--red)}.tile--dots{color:var(--blue)}.tile--bamboos,.tile--dragon-green{color:var(--green)}.tile--dragon-red{color:var(--red)}.tile--honor{color:#16120f}.tile--flower{color:#b7791f}@keyframes tile-land{0%{opacity:0;transform:translateY(-18px) scale(1.16) rotate(-4deg)}65%{opacity:1;transform:translateY(2px) scale(.98) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.result-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;border-radius:8px;background:#020806b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5}.result-card{width:min(520px,100%);max-height:calc(100% - 8px);overflow-y:auto;padding:clamp(18px,3vw,26px);border:1px solid rgba(215,163,72,.48);border-radius:8px;background:linear-gradient(145deg,rgba(255,247,227,.1),transparent 34%),#14241c;box-shadow:0 22px 70px #0000006b}.result-card h2{color:#fff7e3;font-size:clamp(1.6rem,5vw,2.8rem)}.result-title{margin-top:12px;color:#ffd889;font-size:1.08rem;font-weight:800}.result-score{margin-top:4px;color:#fff7e3;font-size:clamp(2.1rem,8vw,4rem);font-weight:900}.result-details{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.result-details span,.pattern-note{color:#f5f0e7b8;font-size:.82rem}.result-hand{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.pattern-note{margin:0 0 18px}.result-quip{margin:0 0 16px;color:#ffd889;font-size:.9rem;line-height:1.5}.settings-card{width:min(560px,100%)}.settings-card h2{margin-bottom:12px}.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:10px 0 12px;padding:4px;border:1px solid rgba(255,247,227,.12);border-radius:8px;background:#05120d57}.settings-tabs button{min-height:34px;border:0;border-radius:6px;background:transparent;color:#f5f0e7b3;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.settings-tabs button.is-active{background:#ffd8892e;color:#ffd889}.settings-page{display:grid;gap:10px}.pause-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.pause-scoreboard div{display:grid;gap:2px;padding:9px 10px;border:1px solid rgba(255,247,227,.12);border-radius:8px;background:#fff7e312}.pause-scoreboard span{color:#f5f0e799;font-size:.72rem}.pause-scoreboard strong{color:#fff7e3;font-size:.95rem}.name-editor{display:grid;gap:8px;margin:0;padding:10px;border:1px solid rgba(215,163,72,.24);border-radius:8px;background:#05120d4d}.name-editor-row{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:8px}.name-editor-row span{color:#f5f0e79e;font-size:.72rem}.name-editor-row input{min-width:0;height:34px;padding:0 10px;border:1px solid rgba(255,247,227,.16);border-radius:8px;background:#fff7e314;color:#fff7e3;font:inherit;outline:none}.name-editor-row input:focus{border-color:#ffd889b8;box-shadow:0 0 0 2px #ffd8891f}.name-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.name-editor-actions .secondary-command{min-height:32px;padding:0 10px}.rules-help-backdrop{z-index:6}.rules-help-card{width:min(620px,100%);display:grid;gap:16px}.rules-help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.rules-help-header h2{font-size:clamp(1.42rem,3.6vw,2.3rem)}.rules-help-section{display:grid;gap:8px}.rules-help-section h3{margin:0;color:#ffd889;font-size:.92rem}.rules-help-list{display:grid;gap:7px}.rules-help-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:9px 10px;border:1px solid rgba(255,247,227,.12);border-radius:8px;background:#fff7e312}.rules-help-row strong{color:#fff7e3;font-size:.88rem}.rules-help-row p{margin:3px 0 0;color:#f5f0e7a8;font-size:.78rem;line-height:1.4}.rules-help-row>span{min-width:64px;padding:3px 8px;border-radius:999px;color:#20160c;background:#ffd889;text-align:center;font-size:.76rem;font-weight:900}.rules-help-note{padding:10px 12px;border:1px solid rgba(215,163,72,.3);border-radius:8px;color:#f5f0e7bd;background:#d7a34817;font-size:.8rem;line-height:1.5}.rules-help-note strong{color:#ffd889}@media(max-width:860px)and (orientation:portrait){.app-shell{padding:0}.game-frame{grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100svh;min-height:0;padding:8px;border-radius:0}.top-bar{grid-template-columns:minmax(120px,1fr) auto;gap:7px;padding:3px 4px 6px}.rule-chip{justify-self:end}.mode-actions{grid-column:1 / -1;justify-content:flex-start;gap:6px}.table-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px}.opponent-panel--top{grid-column:1 / -1;grid-row:1}.opponent-panel--left{grid-column:1;grid-row:2}.opponent-panel--right{grid-column:2;grid-row:2}.table-center{grid-column:1 / -1;grid-row:3;min-height:0;padding:8px}.river-board{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:0}.river-zone--top,.river-zone--bottom,.river-zone--left,.river-zone--right{grid-column:auto;grid-row:auto}.river-zone--top,.river-zone--bottom{grid-column:1 / -1}.recent-action{width:min(240px,70%);min-height:24px;font-size:.72rem}.river-zone--top .river-zone__tiles,.river-zone--left .river-zone__tiles,.river-zone--right .river-zone__tiles{min-height:50px;transform:none}.opponent-panel{padding:6px}.concealed-hand{max-height:32px;overflow:hidden}.tile-back{width:15px;height:22px;border-radius:4px}}@media(max-width:860px)and (orientation:landscape){.app-shell{padding:0}.game-frame{grid-template-rows:30px minmax(0,1fr) 92px;height:100svh;min-height:0;gap:3px;padding:3px}.top-bar{grid-template-columns:minmax(120px,1fr) auto minmax(190px,1fr);gap:4px;padding:0 3px 2px}.eyebrow{display:none}h1{font-size:1rem}.rule-chip,.mode-button{min-height:24px;padding:0 6px;font-size:.68rem}.mode-actions{grid-column:auto;justify-content:flex-end;gap:4px}.icon-command{width:26px;min-height:26px}.table-layout{grid-template-columns:minmax(56px,.18fr) minmax(430px,1fr) minmax(56px,.18fr);grid-template-rows:40px minmax(0,1fr);gap:3px}.opponent-panel{gap:2px;padding:3px}.player-status{gap:4px;padding:3px 4px}.player-status strong{font-size:.68rem}.player-status span,.player-status small{font-size:.58rem}.relation-badge{margin-right:2px;font-size:.56rem}.concealed-hand{min-height:13px;max-height:15px;gap:2px}.tile-back{width:9px;height:14px;border-radius:3px}.table-center{padding:3px;gap:2px}.wall-counter{min-height:20px;padding:0 7px;font-size:.66rem}.river-board{grid-template-columns:minmax(56px,.7fr) minmax(142px,1.4fr) minmax(56px,.7fr);grid-template-rows:minmax(44px,1fr) 3px minmax(44px,1fr);gap:3px}.river-zone{min-height:38px;padding:3px}.river-zone__name{font-size:.6rem}.river-zone__tiles{min-height:28px;gap:1px}.river-zone--top .river-zone__tiles{transform:rotate(180deg)}.river-zone--left .river-zone__tiles{min-height:104px;transform:rotate(90deg)}.river-zone--right .river-zone__tiles{min-height:104px;transform:rotate(-90deg)}.recent-action{width:min(190px,58%);min-height:20px;padding:2px 6px;font-size:.62rem}.tile-face{width:30px;height:42px}.tile-face--compact{width:19px;height:27px}.human-area{gap:2px;padding:4px;overflow:hidden}.human-area>.player-status{display:none}.hand-row{min-height:44px;padding:0 1px 2px}.command-bar{justify-content:flex-start;gap:5px}.primary-command,.secondary-command{min-height:24px;padding:0 7px;font-size:.68rem}.claim-option{min-height:24px;padding:2px 5px}.claim-option__tiles img{width:15px;height:21px}}@media(max-width:860px)and (orientation:portrait){.game-frame{visibility:hidden}.rotate-device{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;color:#fff7e3;background:radial-gradient(circle at 50% 20%,rgba(215,163,72,.18),transparent 30%),linear-gradient(145deg,#0a1711,#102b21 55%,#07100d);text-align:center}.rotate-device div{display:grid;gap:10px;max-width:280px;padding:20px;border:1px solid rgba(215,163,72,.36);border-radius:8px;background:#0000003d}.rotate-device strong{color:#ffd889;font-size:1.3rem}.rotate-device span{color:#f5f0e7bd;line-height:1.5}}@media(max-height:760px)and (min-width:861px){.game-frame{gap:6px;padding:8px;min-height:0}.top-bar{padding-bottom:5px}.eyebrow{display:none}h1{font-size:1.18rem}.table-layout{grid-template-columns:minmax(74px,.2fr) minmax(480px,1fr) minmax(74px,.2fr);grid-template-rows:minmax(54px,auto) minmax(0,1fr);gap:6px}.opponent-panel{gap:4px;padding:5px}.player-status{padding:5px 6px}.concealed-hand{min-height:24px;max-height:48px}.tile-back{width:15px;height:23px}.table-center{padding:8px}.river-board{grid-template-rows:minmax(64px,1fr) 6px minmax(64px,1fr);gap:5px}.river-zone{min-height:48px;padding:5px}.river-zone--left .river-zone__tiles,.river-zone--right .river-zone__tiles{min-height:150px}.recent-action{min-height:22px;padding:3px 8px;font-size:.86rem}.human-area{gap:5px;padding:6px 8px}.hand-row{min-height:66px;padding-bottom:5px}.tile-face{width:clamp(38px,4.3vw,52px);height:clamp(54px,6vw,74px)}.tile-face--compact{width:27px;height:38px}}:root{--hand-tile-width: clamp(42px, 4.2vw, 58px);--hand-tile-height: calc(var(--hand-tile-width) * 1.42);--river-tile-width: 28px;--river-tile-height: 39px;--back-width: 15px;--back-height: 23px;--frame-gap: clamp(4px, .7vh, 9px)}html,body,#root{width:100%;height:100%}body{min-width:0;min-height:0;overflow:hidden;overscroll-behavior:none}.app-shell{width:100%;height:100svh;min-height:0;overflow:hidden;padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}.game-frame{grid-template-rows:auto minmax(0,1fr);gap:var(--frame-gap);width:min(1440px,100%);height:100%;min-height:0;padding:clamp(4px,.8vw,12px);overflow:hidden}.top-bar{position:relative;z-index:10;min-height:38px;padding:2px 6px 5px}.mahjong-table{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;border:1px solid rgba(215,163,72,.28);border-radius:9px;background:linear-gradient(90deg,transparent 49.88%,rgba(255,247,227,.035) 50%,transparent 50.12%),linear-gradient(transparent 49.8%,rgba(255,247,227,.035) 50%,transparent 50.2%),radial-gradient(circle at center,#1b6149e6 0,#0c3e2ef5 55%,#082d22);box-shadow:inset 0 0 70px #00000057,inset 0 0 0 5px #041f1657}.table-felt{position:absolute;inset:clamp(28px,5vh,52px) clamp(46px,7vw,92px) clamp(70px,13vh,132px);z-index:-1;border:1px solid rgba(255,236,195,.055);border-radius:46%;background:repeating-linear-gradient(35deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),#021c141a}.table-seat{position:absolute;z-index:4;display:flex;align-items:center;gap:clamp(4px,.7vw,9px);pointer-events:none}.table-seat--top{top:clamp(3px,.8vh,8px);left:50%;flex-direction:row-reverse;transform:translate(-50%)}.table-seat--left{top:44%;left:clamp(3px,.5vw,8px);align-items:flex-start;flex-direction:column;transform:translateY(-50%)}.table-seat--right{top:44%;right:clamp(3px,.5vw,8px);align-items:flex-end;flex-direction:column;transform:translateY(-50%)}.table-seat .player-status{position:relative;flex:0 0 auto;min-width:clamp(118px,12vw,170px);padding:5px 8px;border-color:#fff7e32b;background:#031610d1;box-shadow:0 7px 18px #0000003d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.table-seat--left .player-status,.table-seat--right .player-status{position:absolute;top:calc(100% + 5px);min-width:clamp(102px,10vw,142px)}.table-seat--left .player-status{left:0}.table-seat--right .player-status{right:0}.table-seat.is-active .player-status,.human-area.is-active .player-status{border-color:#ffd889e6;box-shadow:0 0 0 1px #d7a34833,0 0 18px #ffc6573d;animation:active-seat 1.8s ease-in-out infinite}.table-seat__rack{display:flex;align-items:center;gap:4px;min-width:0}.table-seat--left .table-seat__rack,.table-seat--right .table-seat__rack{flex-direction:column;gap:0}.concealed-hand{display:flex;flex-wrap:nowrap;justify-content:center;gap:2px;min-height:0;max-height:none;overflow:visible}.table-seat--left .concealed-hand,.table-seat--right .concealed-hand{flex-direction:column;align-items:center;gap:0}.tile-back{flex:0 0 auto;width:var(--back-width);height:var(--back-height);border-radius:3px}.table-seat--top .tile-back{transform:rotate(180deg)}.table-seat--left .tile-back{margin-block:calc((var(--back-width) - var(--back-height)) / 2);transform:rotate(90deg)}.table-seat--right .tile-back{margin-block:calc((var(--back-width) - var(--back-height)) / 2);transform:rotate(-90deg)}.table-seat .public-sets,.table-seat .meld-row{flex-wrap:nowrap}.table-seat--left .public-sets,.table-seat--right .public-sets,.table-seat--left .meld-row,.table-seat--right .meld-row{flex-direction:column;max-width:none;justify-content:center;gap:3px}.table-seat--left .flower-row,.table-seat--right .flower-row,.table-seat--left .meld-row,.table-seat--right .meld-row{flex-direction:column;gap:0;margin-block:2px}.table-seat--left .meld-set,.table-seat--right .meld-set{position:relative;flex-direction:column;gap:0;padding:0;background:transparent}.table-seat--left .meld-label,.table-seat--right .meld-label{position:absolute;z-index:2;top:-8px;left:50%;min-width:14px;padding:0 2px;border:1px solid rgba(255,216,137,.38);border-radius:3px;color:#ffd889;background:#031610d1;font-size:.48rem;line-height:1;text-align:center;transform:translate(-50%)}.table-seat--top .public-sets .tile-face{width:var(--back-width);height:var(--back-height);transform:rotate(180deg)}.table-seat--left .public-sets .tile-face{width:var(--back-width);height:var(--back-height);margin-block:calc((var(--back-width) - var(--back-height)) / 2);transform:rotate(90deg)}.table-seat--right .public-sets .tile-face{width:var(--back-width);height:var(--back-height);margin-block:calc((var(--back-width) - var(--back-height)) / 2);transform:rotate(-90deg)}.river-board{position:absolute;inset:clamp(64px,11vh,100px) clamp(145px,16vw,190px) calc(var(--hand-tile-height) + 64px);z-index:2;display:block;min-width:0;min-height:0}.river-board:before{content:"";position:absolute;top:22%;right:27%;bottom:22%;left:27%;border:1px solid rgba(231,196,128,.16);border-radius:7px;background:linear-gradient(135deg,rgba(255,247,227,.055),transparent 38%),#02181138;transform:rotate(45deg)}.river-zone{position:absolute;display:block;min-width:0;min-height:0;padding:3px;border:0;border-radius:4px;background:transparent}.river-zone--top,.river-zone--bottom{left:50%;width:46%;height:46%;transform:translate(-50%)}.river-zone--top{top:0}.river-zone--bottom{bottom:0}.river-zone--left,.river-zone--right{top:50%;width:27%;height:76%;transform:translateY(-50%)}.river-zone--left{left:0}.river-zone--right{right:0}.river-zone__name{position:absolute;z-index:1;padding:2px 5px;border-radius:3px;color:#f5f0e77a;background:#0217107a;font-size:clamp(.56rem,.85vw,.7rem);line-height:1;white-space:nowrap}.river-zone--top .river-zone__name{top:0;left:50%;transform:translate(-50%)}.river-zone--bottom .river-zone__name{right:0;bottom:0}.river-zone--left .river-zone__name{bottom:0;left:0}.river-zone--right .river-zone__name{right:0;bottom:0}.river-zone__tiles{display:grid;align-content:center;justify-content:center;gap:2px;width:100%;height:100%;min-height:0}.river-zone--top .river-zone__tiles,.river-zone--bottom .river-zone__tiles{grid-template-columns:repeat(6,var(--river-tile-width));grid-auto-rows:var(--river-tile-height)}.river-zone--left .river-zone__tiles,.river-zone--right .river-zone__tiles{grid-auto-flow:column;grid-template-rows:repeat(6,var(--river-tile-width));grid-auto-columns:var(--river-tile-height);min-height:0;transform:none}.river-zone .tile-face--compact{align-self:center;justify-self:center;width:var(--river-tile-width);height:var(--river-tile-height)}.river-zone--top .tile-face{transform:rotate(180deg)}.river-zone--top .tile-face.is-fresh{animation-name:tile-land-top}.river-zone--left .tile-face{transform:rotate(90deg)}.river-zone--left .tile-face.is-fresh{animation-name:tile-land-left}.river-zone--right .tile-face{transform:rotate(-90deg)}.river-zone--right .tile-face.is-fresh{animation-name:tile-land-right}@keyframes tile-land-top{0%{opacity:0;transform:translateY(-18px) scale(1.16) rotate(180deg)}65%{opacity:1;transform:translateY(2px) scale(.98) rotate(180deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(180deg)}}@keyframes tile-land-left{0%{opacity:0;transform:translateY(-18px) scale(1.16) rotate(90deg)}65%{opacity:1;transform:translateY(2px) scale(.98) rotate(90deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(90deg)}}@keyframes tile-land-right{0%{opacity:0;transform:translateY(-18px) scale(1.16) rotate(-90deg)}65%{opacity:1;transform:translateY(2px) scale(.98) rotate(-90deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-90deg)}}.river-zone__empty{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;font-size:clamp(.55rem,.8vw,.7rem)}.wall-counter{position:absolute;top:50%;left:50%;z-index:3;min-height:29px;transform:translate(-50%,-50%);border:1px solid rgba(215,163,72,.26);background:#02110cb8;box-shadow:0 5px 14px #00000040}.recent-action{top:calc(50% + 36px);width:min(330px,54%);min-height:25px}.human-area{position:absolute;right:clamp(14px,5vw,72px);bottom:clamp(2px,.6vh,8px);left:clamp(14px,5vw,72px);z-index:5;display:block;min-width:0;padding:0;border:0;background:transparent}.human-area.is-active{box-shadow:inset 0 -2px #ffd889d1,0 7px 14px -9px #ffc657e6}.human-area>.player-status{display:none}.hand-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,.38vw,6px);min-height:var(--hand-tile-height);padding:0;overflow:visible}.tile-face{width:var(--hand-tile-width);height:var(--hand-tile-height)}.tile-face--compact{width:var(--river-tile-width);height:var(--river-tile-height)}.tile-button--drawn{margin-left:clamp(9px,1.5vw,22px)}.command-bar{position:absolute;right:50%;bottom:calc(var(--hand-tile-height) + clamp(11px,2vh,20px));z-index:8;width:max-content;max-width:calc(100% - 16px);justify-content:center;flex-wrap:nowrap;padding:4px;border:1px solid rgba(255,247,227,.12);border-radius:9px;background:#031610c7;box-shadow:0 9px 22px #00000042;transform:translate(50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.claim-options{flex-wrap:nowrap}.result-backdrop{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0}@keyframes active-seat{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@media(orientation:landscape)and (max-height:430px){:root{--hand-tile-width: clamp(30px, 4.5vw, 43px);--river-tile-width: 19px;--river-tile-height: 27px;--back-width: 10px;--back-height: 15px}.app-shell{padding:max(2px,env(safe-area-inset-top)) max(2px,env(safe-area-inset-right)) max(2px,env(safe-area-inset-bottom)) max(2px,env(safe-area-inset-left))}.game-frame{gap:2px;padding:2px;border-radius:5px}.top-bar{grid-template-columns:minmax(100px,1fr) auto minmax(170px,1fr);min-height:27px;padding:0 3px 2px}.top-bar h1{font-size:.96rem}.top-bar .eyebrow{display:none}.rule-chip,.score-chip,.mode-button,.icon-command{min-height:23px;font-size:.66rem}.mode-button{padding:0 6px}.score-chip{padding:0 7px}.icon-command{width:25px}.mahjong-table{border-radius:5px}.table-felt{top:26px;right:44px;bottom:58px;left:44px}.table-seat{gap:3px}.table-seat .player-status{min-width:105px;padding:3px 5px}.table-seat--left .player-status,.table-seat--right .player-status{min-width:92px}.player-status strong{font-size:.66rem}.player-status span,.player-status small{font-size:.55rem}.relation-badge{font-size:.54rem}.river-board{inset:52px 145px calc(var(--hand-tile-height) + 40px)}.river-board:before{top:24%;right:31%;bottom:24%;left:31%}.river-zone__tiles{gap:1px}.river-zone--top .river-zone__tiles,.river-zone--bottom .river-zone__tiles{grid-template-columns:repeat(8,var(--river-tile-width))}.river-zone--left .river-zone__tiles,.river-zone--right .river-zone__tiles{grid-template-columns:repeat(4,var(--river-tile-height))}.wall-counter{min-height:21px;padding:0 7px;font-size:.62rem}.wall-counter svg{width:13px}.recent-action{top:calc(50% + 26px);width:min(250px,58%);min-height:19px;padding:2px 6px;font-size:.6rem}.human-area{right:16px;bottom:1px;left:16px}.human-area>.player-status{min-width:102px;padding:3px 5px}.command-bar{bottom:calc(var(--hand-tile-height) + 8px);gap:4px;padding:2px;border-radius:6px}.primary-command,.secondary-command,.claim-option{min-height:23px;padding:0 7px;border-radius:6px;font-size:.65rem}.primary-command svg,.secondary-command svg{width:14px;height:14px}.claim-option{gap:3px;padding:1px 4px}.claim-option>span:first-child{font-size:.67rem}.claim-option__tiles img{width:14px;height:20px}.meld-set{padding:1px 2px}.meld-label{font-size:.58rem}}@media(orientation:landscape)and (max-height:320px){:root{--hand-tile-width: clamp(27px, 4vw, 34px);--river-tile-width: 13px;--river-tile-height: 18px;--back-width: 8px;--back-height: 12px}.top-bar{grid-template-columns:minmax(90px,1fr) minmax(140px,auto);min-height:23px}.rule-chip,.mode-button[disabled]{display:none}.mode-actions{gap:3px}.mode-button,.icon-command{min-height:20px}.table-seat--top{top:1px}.table-seat--left,.table-seat--right{top:40%}.table-seat .player-status{min-width:96px;padding:2px 4px}.table-seat--left .player-status,.table-seat--right .player-status{min-width:84px}.table-seat--left .player-status>div>span,.table-seat--right .player-status>div>span{display:none}.concealed-hand{gap:1px}.river-board{inset:48px 145px calc(var(--hand-tile-height) + 40px)}.river-zone__name{display:none}.wall-counter{min-height:18px;padding:0 5px;font-size:.56rem}.recent-action{top:calc(50% + 21px);width:min(220px,54%);min-height:17px;font-size:.54rem}.human-area{right:10px;left:10px}.human-area>.player-status{display:none}.command-bar{bottom:calc(var(--hand-tile-height) + 7px)}.primary-command,.secondary-command,.claim-option{min-height:20px;padding:0 5px;font-size:.6rem}.claim-option>span:first-child{font-size:.6rem}.claim-option__tiles img{width:12px;height:17px}.result-backdrop{padding:4px}.result-card{width:min(500px,100%);max-height:calc(100% - 4px);padding:8px 12px}.result-card h2{font-size:1.22rem}.result-title{margin-top:4px;font-size:.82rem}.result-score{font-size:1.7rem}.result-details,.result-hand{margin:5px 0}.settings-card h2{margin-bottom:3px}.settings-tabs{margin:4px 0;padding:3px}.settings-tabs button{min-height:25px;font-size:.68rem}.settings-page{gap:5px}.pause-scoreboard{gap:4px;margin:4px 0}.pause-scoreboard div{padding:3px 6px}.pause-scoreboard span{font-size:.58rem}.pause-scoreboard strong{font-size:.72rem}.name-editor{gap:4px;margin:0;padding:6px}.name-editor-row{grid-template-columns:70px minmax(0,1fr);gap:6px}.name-editor-row span{font-size:.58rem}.name-editor-row input{height:26px;padding:0 7px;font-size:.72rem}.name-editor-actions{gap:5px}.name-editor-actions .secondary-command{min-height:26px;padding:0 8px}.result-quip{margin-bottom:5px;font-size:.68rem;line-height:1.25}.pattern-note{margin-bottom:5px;font-size:.62rem;line-height:1.25}.rules-help-card{gap:7px}.rules-help-header h2{font-size:1.12rem}.rules-help-section{gap:4px}.rules-help-section h3{font-size:.72rem}.rules-help-list{gap:4px}.rules-help-row{gap:7px;padding:5px 7px}.rules-help-row strong,.rules-help-row p,.rules-help-note{font-size:.6rem}.rules-help-row>span{min-width:48px;padding:2px 5px;font-size:.58rem}.rules-help-note{padding:5px 7px;line-height:1.3}.result-actions{gap:4px}}@media(orientation:portrait)and (max-width:1024px){.game-frame{display:none}.rotate-device{visibility:visible}}