:root{color:#f7f2df;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f7f2df;--muted:#a7b9ac;--deepest:#061812;--deep:#0a2a21;--table:#0f4938;--table-light:#155944;--line:#f2e2b729;--paper:#f5eedb;--paper-shadow:#cfc4a8;--gold:#d5aa59;--gold-pale:#f1d99e;--red:#d95848;--blue:#306fa8;--green:#227155;--focus:#f3d274;background:#071f19;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--deepest);min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--gold-pale);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:750}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.72rem 1.1rem;font-weight:720;line-height:1;transition:transform .15s,border-color .15s,background-color .15s,opacity .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.48}.button-primary{color:#17251d;background:var(--gold-pale);border-color:#f8e9bd;box-shadow:0 8px 24px #030d0a38}.button-primary:hover:not(:disabled){background:#f7e6b5}.button-secondary{color:var(--ink);border-color:var(--line);background:#ffffff0e}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:#ffffff17;border-color:#f1d99e8c}.button-ghost{color:var(--muted);background:0 0;border-color:#ffffff1a}.button-danger{color:#f2a297;border-color:#d958484d}.button-danger:hover:not(:disabled){color:#ffd0c9;background:#d958481a;border-color:#d958489e}.button-large{min-height:52px;padding-inline:1.35rem;font-size:1rem}.button-compact{min-height:36px;padding:.55rem .8rem;font-size:.82rem}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome-page{isolation:isolate;background:radial-gradient(circle at 12% 8%, #28755833, transparent 32%), radial-gradient(circle at 85% 88%, #d09b4a17, transparent 26%), var(--deepest);grid-template-columns:minmax(0,1.15fr) minmax(340px,.72fr);align-items:center;gap:clamp(2.5rem,8vw,8rem);min-height:100svh;padding:clamp(2rem,6vw,6.5rem);display:grid;position:relative;overflow:hidden}.welcome-pattern{z-index:-1;opacity:.17;background-image:linear-gradient(30deg,#0000 47%,#e2d09d2b 48% 50%,#0000 51%),linear-gradient(150deg,#0000 47%,#e2d09d1a 48% 50%,#0000 51%);background-size:56px 96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 68%);mask-image:linear-gradient(90deg,#000,#0000 68%)}.welcome-copy{max-width:700px;position:relative}.brand-lockup{align-items:center;gap:.8rem;display:flex}.brand-seal,.header-brand>span{width:38px;height:38px;color:var(--gold-pale);box-shadow:inset 0 0 0 3px var(--deepest), inset 0 0 0 4px #f5db9e38;background:#d5aa5914;border:1px solid #f5db9eb3;border-radius:4px;place-items:center;font-family:Songti SC,SimSun,serif;font-size:1.22rem;font-weight:800;display:inline-grid}.welcome-copy h1{letter-spacing:-.075em;text-wrap:nowrap;margin:.55rem 0 0;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:820;line-height:.98}.welcome-copy h1:after{content:"CHANGSHA ZHUANZHUAN";color:var(--gold);letter-spacing:.48em;margin-top:1rem;font-family:Inter,sans-serif;font-size:.68rem;font-weight:760;display:block}.hero-tiles{align-items:end;gap:clamp(.55rem,1.5vw,1rem);margin-top:clamp(2.5rem,7vh,5rem);padding-left:2rem;display:flex;transform:rotate(-3deg)}.hero-tiles .mahjong-tile:nth-child(2){transform:translateY(-15px)}.hero-tiles .mahjong-tile:nth-child(3){transform:translateY(4px)rotate(3deg)}.entry-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d2e24e0;border:1px solid #f3dba52b;border-radius:14px;justify-self:end;width:100%;max-width:430px;padding:clamp(1.5rem,3vw,2.25rem);box-shadow:0 24px 70px #0000004d}.entry-heading{align-items:center;gap:1rem;margin-bottom:1.8rem;display:flex}.entry-heading h2{margin:.18rem 0 0;font-family:Songti SC,serif;font-size:1.75rem}.step-mark{color:#f1d99e6e;letter-spacing:-.08em;font-size:2.4rem;font-weight:250}.field-label{color:#d4ded6;margin-bottom:.5rem;font-size:.82rem;font-weight:680;display:block}.text-field{width:100%;min-height:50px;color:var(--ink);caret-color:var(--gold);background:#02120d61;border:1px solid #ffffff21;border-radius:7px;padding:.75rem .95rem;transition:border-color .15s,background .15s}.text-field::placeholder{color:#71887a}.text-field:hover{border-color:#ffffff3d}.text-field:focus{border-color:var(--gold);background:#02120d99;outline:none}.entry-card>.button-large{width:100%;margin-top:.85rem}.or-divider{color:#6f8879;align-items:center;gap:.7rem;margin:1.35rem 0;font-size:.72rem;display:flex}.or-divider:before,.or-divider:after{content:"";background:#ffffff17;flex:1;height:1px}.join-form{grid-template-columns:1fr auto;gap:.65rem;display:grid}.room-code-field{text-transform:uppercase;letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.form-error{color:#ffb6aa;margin:.8rem 0 0;font-size:.82rem;line-height:1.45}.app-shell{background:var(--deepest);min-height:100svh}.app-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051812f0;align-items:center;gap:1rem;min-height:64px;padding:.65rem clamp(1rem,3vw,2.25rem);display:flex;position:relative}.header-brand{white-space:nowrap;align-items:center;gap:.7rem;display:flex}.header-brand>span{width:32px;height:32px;font-size:1rem}.header-brand strong{letter-spacing:.04em;font-family:Songti SC,serif}.header-room{color:#80978a;margin-left:auto;font-size:.75rem}.header-room b{color:#d6e0d8;margin-left:.25rem;font-family:ui-monospace,monospace}.connection-badge{color:#a4b7aa;white-space:nowrap;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.36rem;padding:.38rem .55rem;font-size:.68rem;display:inline-flex}.connection-badge i,.connection-dot i{background:#77877d;border-radius:50%;width:6px;height:6px}.connection-badge.status-online i,.connection-dot.is-online i{background:#6fd39a;box-shadow:0 0 0 3px #6fd39a21}.connection-badge.status-reconnecting i,.connection-badge.status-connecting i{background:var(--gold);animation:1.1s infinite pulse}.connection-badge.status-offline i{background:var(--red)}@keyframes pulse{50%{opacity:.28}}.header-button,.header-menu{border:1px solid var(--line);color:#afc0b4;cursor:pointer;background:0 0;border-radius:6px;min-height:36px}.header-button{padding:.5rem .75rem;font-size:.76rem}.header-menu{letter-spacing:.08em;width:38px;font-weight:800}.header-button:hover,.header-menu:hover{color:var(--ink);border-color:#f1d99e6b}.notice-stack{z-index:100;gap:.55rem;width:min(360px,100vw - 32px);display:grid;position:fixed;top:76px;right:16px}.notice{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#16382c;border:1px solid #ffffff21;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .9rem;display:flex;box-shadow:0 12px 32px #00000057}.notice-error{border-color:#d9584899}.notice-success{border-color:#6fd39a73}.room-page{background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--deepest);background-size:40px 40px;min-height:100svh}.lobby-main{width:min(1040px,100% - 2rem);margin:0 auto;padding:clamp(2rem,7vh,5.5rem) 0 3rem}.lobby-intro{max-width:610px}.lobby-intro h1{margin:.55rem 0 .65rem;font-family:Songti SC,serif;font-size:clamp(2.3rem,5vw,4rem);line-height:1.08}.lobby-intro p{color:var(--muted);margin:0;line-height:1.7}.room-code-card{border-block:1px solid var(--line);align-items:center;gap:1rem;margin:2rem 0 1rem;padding:.9rem 0;display:flex}.room-code-card>span{color:#80978a;font-size:.76rem}.room-code-card strong{letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:1.05rem}.room-code-card .button{margin-left:auto}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.lobby-seat{border:1px solid var(--line);background:#10382c91;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;min-height:112px;padding:1rem;transition:border-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.lobby-seat h3{margin:0 0 .28rem;font-size:1rem}.lobby-seat p{color:#839b8d;margin:0;font-size:.78rem}.seat-title-line{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.seat-title-line h3{margin-bottom:0}.avatar{color:#f2ead8;background:#255b47;border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-family:Songti SC,serif;font-size:1.05rem;font-weight:750;display:inline-grid}.avatar-1{background:#5a4931}.avatar-2{background:#3d5164}.avatar-3{background:#5d3e3c}.avatar-compact{width:34px;height:34px;font-size:.82rem}.mini-tag,.dealer-mark{color:#b6c8bb;border:1px solid #ffffff24;border-radius:3px;align-items:center;min-height:18px;padding:.1rem .3rem;font-size:.58rem;font-weight:760;display:inline-flex}.mini-tag-gold,.dealer-mark{color:#2b2518;border-color:var(--gold-pale);background:var(--gold-pale)}.lobby-seat-empty{background:#07231b61;border-style:dashed}.empty-avatar{color:#789484;border:1px dashed #567263;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:250;display:grid}.text-button{color:var(--gold-pale);cursor:pointer;background:0 0;border:0;padding:.4rem;font-size:.72rem}.text-button:hover{text-decoration:underline}.text-button-danger{color:#f2a297}.lobby-footer{border-top:1px solid var(--line);align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.ready-progress{color:#aec0b4;background:#ffffff06;border:1px solid #ffffff14;border-radius:6px;flex:1;align-items:center;min-height:48px;padding:0 1rem;font-size:.78rem;display:flex;position:relative;overflow:hidden}.ready-progress>span:last-child{position:relative}.lobby-waiting,.result-waiting{color:var(--muted);font-size:.82rem}.game-page{isolation:isolate;background:radial-gradient(circle at 50% 42%,#183c2e 0,#071c16 58%,#020806 100%),#020806;place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.game-stage{--river-tile:clamp(25px, 2cqw, 34px);background:radial-gradient(at 50% 42%,#297d5b47,#0000 46%),repeating-linear-gradient(112deg,#ffffff03 0 2px,#0000 2px 48px),#08241b;width:min(100vw,174.3svh);max-width:100vw;height:min(100svh,57.3723vw);max-height:100svh;position:relative;overflow:hidden;box-shadow:0 0 70px #000000a3;container-type:size}.game-stage:after{content:"";z-index:20;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #0000008c,inset 0 0 0 1px #f1d99e21}.game-stage>.app-header{z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;gap:.55rem;min-height:0;padding:0;position:absolute;top:1.6%;left:1.2%;right:1.2%}.game-stage>.app-header>*{pointer-events:auto}.game-stage>.app-header .header-brand,.game-stage>.app-header .header-room,.game-stage>.app-header .connection-badge,.game-stage>.app-header .header-menu{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#041410c4;border:1px solid #e1bd7038;box-shadow:0 8px 24px #00000038}.game-stage>.app-header .header-brand{border-radius:8px;gap:.52rem;padding:.36rem .65rem .36rem .38rem}.game-stage>.app-header .header-brand>span{width:32px;height:32px}.game-stage>.app-header .header-brand strong{font-size:.78rem}.game-stage>.app-header .header-room{border-radius:6px;margin-left:auto;padding:.48rem .65rem}.game-stage>.app-header .connection-badge{border-radius:6px;padding:.48rem .62rem}.game-stage>.app-header .header-menu{width:40px;min-height:36px;color:var(--gold-pale);border-radius:7px}.table-menu{z-index:50;border:1px solid var(--line);background:#102f25;border-radius:8px;min-width:170px;padding:.4rem;display:grid;position:absolute;top:7.5%;right:1.2%;box-shadow:0 14px 38px #00000061}.table-menu button{text-align:left;color:#c8d4cb;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:.7rem}.table-menu button:hover{background:#ffffff0f}.table-menu .autoplay-menu-action{color:var(--gold-pale);border-bottom:1px solid #ffffff14;margin-bottom:.25rem}.table-menu .autoplay-menu-action.is-active{color:#14251d;background:var(--gold-pale)}.table-menu .danger-copy{color:#f0a197}.table-layout{z-index:1;width:100%;height:100%;position:absolute;inset:0}.table-layout:before{content:"";z-index:0;background:radial-gradient(ellipse at 50% 38%, #247754b3, #0c3d2dd6 54%, #051f18f5 100%), var(--table);border:2px solid #c8974b33;border-radius:2.4%;position:absolute;inset:1.2%;box-shadow:inset 0 0 0 8px #03140f33,inset 0 0 100px #0000006b,0 28px 60px #00000057}.table-layout:after{content:"";z-index:1;clip-path:polygon(17% 0,83% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(28deg,#0000 49.75%,#efdaa41a 50%,#0000 50.25%),linear-gradient(-28deg,#0000 49.75%,#efdaa41a 50%,#0000 50.25%),#06291e2b;position:absolute;inset:11.5% 17.5% 25%;box-shadow:inset 0 0 0 1px #efdaa41a}.player-panel,.self-zone{z-index:4;position:absolute}.player-top{width:66%;height:13%;top:1.8%;left:17%}.player-left{width:18%;top:9%;bottom:18%;left:1.5%}.player-right{width:18%;top:15%;bottom:10%;right:1.5%}.self-zone{width:31%;height:14%;bottom:21.5%;left:3.5%}.game-stage .avatar{background:linear-gradient(145deg,#ffffff17,#0000 50%),#255b47;border-color:#f1d99e6b;border-radius:7px;box-shadow:inset 0 0 0 2px #0318125c,0 4px 12px #00000047}.game-stage .avatar-1{background-color:#5a4931}.game-stage .avatar-2{background-color:#3d5164}.game-stage .avatar-3{background-color:#5d3e3c}.game-stage .avatar-compact{width:clamp(40px,3.5cqw,54px);height:clamp(40px,3.5cqw,54px);font-size:clamp(.82rem,1cqw,1rem)}.player-corner{z-index:7;width:max-content;position:absolute}.player-avatar-button{aspect-ratio:1;width:max-content;color:inherit;cursor:pointer;background:#03120eb3;border:1px solid #efdaa447;border-radius:10px;place-items:center;padding:3px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;box-shadow:0 8px 22px #0000004d}.player-avatar-button:hover{border-color:#f1d99e9e;transform:translateY(-2px)}.player-avatar-button.is-active{border-color:#73e0afe6;box-shadow:0 0 0 3px #56d59a33,0 0 25px #56d59a4d}.player-avatar-button.is-dealer:not(.is-active){border-color:#f1d99ee6;box-shadow:0 0 0 2px #f1d99e1f,0 8px 22px #0000004d}.player-avatar-button[aria-expanded=true]{border-color:#84d9ee;box-shadow:0 0 0 3px #50bfdd33,0 0 26px #50bfdd57}.player-top>.player-corner{top:2%;right:4%}.player-left>.player-corner{top:34%;left:0}.player-right>.player-corner{top:18%;right:55%}.self-zone>.player-corner{bottom:0;left:48%}.player-name-line{align-items:center;gap:.32rem;display:flex}.player-name-line strong{text-overflow:ellipsis;white-space:nowrap;max-width:8em;font-size:clamp(.66rem,.9cqw,.82rem);overflow:hidden}.player-score{color:#a7b9ad;margin-top:.2rem;font-size:.66rem;display:block}.connection-dot{color:#89a092;align-items:center;gap:.25rem;font-size:.55rem;display:inline-flex}.player-detail-card{z-index:40;color:#e8efe9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff0e,#0000 45%),#03140ff0;border:1px solid #84d9ee5c;border-radius:11px;width:clamp(230px,19cqw,280px);padding:.75rem;position:absolute;box-shadow:0 0 0 1px #00000059,0 18px 42px #00000070}.player-detail-top{top:8.5%;right:14%}.player-detail-left{top:28%;left:7%}.player-detail-right{top:29%;right:7%}.player-detail-bottom{bottom:22%;left:20%}.player-detail-heading{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.player-detail-heading>div{min-width:0}.player-detail-heading strong,.player-detail-heading span{display:block}.player-detail-heading strong{color:#fff7e4;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.player-detail-heading span{color:#91a79a;margin-top:.18rem;font-size:.6rem}.player-detail-heading button{color:#9eb1a5;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.player-detail-heading button:hover{color:var(--ink);border-color:#f1d99e6b}.player-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:.7rem 0;display:grid}.player-detail-stats>div{background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;padding:.45rem .52rem}.player-detail-stats dt{color:#82998b;font-size:.54rem}.player-detail-stats dd{color:#e9cd84;margin:.12rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:760}.player-detail-status{align-items:center;gap:.4rem;display:flex}.opponent-hand{margin:0;display:flex;position:absolute}.player-top .opponent-hand{flex-direction:row-reverse;justify-content:center;top:0;left:66%;transform:translate(-50%)}.player-left .opponent-hand{flex-direction:column;justify-content:flex-start;top:2%}.player-right .opponent-hand{flex-direction:column-reverse;justify-content:flex-end;top:2%}.player-left .opponent-hand{transform-origin:top;right:8%;transform:rotate(4deg)}.player-right .opponent-hand{transform-origin:top;right:38%;transform:rotate(-4deg)}.tile-back{aspect-ratio:.7;isolation:isolate;background:#ece8dc;border:1px solid #c8c8bf;border-radius:4px;flex:none;width:clamp(26px,2.4cqw,36px);margin-left:-4px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,0 3px 5px #00000042}.tile-back:before{content:"";z-index:2;background:linear-gradient(#d59a32 0 2px,#747975 2px 4px,#dad9d1 4px 7px);border-radius:3px 3px 0 0;height:7px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #ffffff57}.tile-back--mini{width:var(--river-tile,clamp(28px, 2vw, 36px))}.tile-back--regular{width:clamp(54px,4vw,68px)}.tile-back:first-child{margin-left:0}.tile-back i{z-index:1;background-color:#0000;background-image:linear-gradient(135deg,#0000 44%,#f2dca033 45% 55%,#0000 56%),linear-gradient(#206e57,#104b3a);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:9px 9px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #f5e2b4a3;border-radius:2px;position:absolute;inset:7px 3px 3px;box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #0000003d}.more-tiles{color:var(--muted);margin-left:.3rem;font-size:.62rem}.player-left .tile-back,.player-right .tile-back{width:clamp(27px,2.35cqw,35px);margin-top:-21px;margin-left:0}.player-right .tile-back{margin-top:0;margin-bottom:-21px}.player-left .tile-back:first-child,.player-right .tile-back:last-child{margin-top:0;margin-bottom:0}.player-corner>.meld-row{justify-content:flex-start;width:max-content;max-width:clamp(180px,24cqw,360px);position:absolute;top:calc(100% + clamp(4px,.45cqw,7px));left:calc(100% + clamp(4px,.45cqw,7px))}.table-center{z-index:3;grid-template:minmax(78px,1fr) clamp(126px,18cqh,170px) minmax(78px,1fr)/minmax(120px,1fr) clamp(190px,17.2cqw,258px) minmax(120px,1fr);gap:clamp(3px,.4cqw,7px);width:62%;height:54%;display:grid;position:absolute;top:39.8%;left:50%;transform:translate(-50%,-50%)}.discard-river{opacity:.95;place-items:center;min-width:0;min-height:0;display:grid}.river-top{grid-area:1/2;align-self:end}.river-left{grid-area:2/1;justify-self:end}.river-right{grid-area:2/3;justify-self:start}.river-bottom{grid-area:3/2;align-self:start}.river-name{display:none}.river-tiles{grid-template-columns:repeat(6,max-content);gap:2px;display:grid}.table-center .mahjong-tile--mini{width:var(--river-tile)}.river-top .river-tiles{transform:rotate(180deg)}.river-left .river-tiles{transform:rotate(90deg)}.river-right .river-tiles{transform:rotate(-90deg)}.table-orbit{width:100%;height:100%;color:var(--gold-pale);background:linear-gradient(135deg,#ffffff0e,#0000 48%),#031510eb;border:1px solid #f1d99e4d;border-radius:16px;grid-template:28px minmax(0,1fr) 28px/40px minmax(0,1fr) 40px;grid-area:2/2;place-self:center;padding:5px;display:grid;box-shadow:inset 0 0 24px #0000005c,0 10px 24px #0000004d}.orbit-score{color:#aebeb3;border-radius:5px;justify-content:center;align-items:center;gap:.22rem;min-width:0;font-size:clamp(.47rem,.55cqw,.6rem);line-height:1;display:flex;position:relative}.orbit-score span{color:#14251d;background:#8fa89a;border-radius:4px;place-items:center;width:16px;height:16px;font-weight:900;display:grid}.orbit-score strong{color:#e8c978;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:720;overflow:hidden}.orbit-score i{color:#39260d;background:var(--gold-pale);border-radius:50%;place-items:center;width:15px;height:15px;font-size:.46rem;font-style:normal;font-weight:900;display:grid}.orbit-score.is-active{background:#f1d99e1a;box-shadow:inset 0 0 0 1px #f1d99e33}.orbit-score.is-active span{background:var(--gold-pale)}.orbit-score-top{grid-area:1/2}.orbit-score-left{flex-direction:column;grid-area:2/1}.orbit-score-right{flex-direction:column;grid-area:2/3}.orbit-score-bottom{grid-area:3/2}.orbit-core{background:#0a3226b3;border:1px solid #f1d99e29;border-radius:9px;grid-area:2/2;place-content:center;place-items:center;display:grid;box-shadow:inset 0 0 13px #00000040}.orbit-core .round-label{color:#9fb5a7;letter-spacing:.08em;font-size:clamp(.48rem,.58cqw,.62rem)}.orbit-core>strong{color:#edd080;margin-top:.12rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.08rem,1.55cqw,1.48rem);line-height:1}.orbit-core>small{color:#8ca395;font-size:clamp(.46rem,.52cqw,.56rem)}.meld-row{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.meld-row.compact{gap:.28rem;margin-top:0}.player-left .meld-row.compact{justify-content:flex-start}.player-right .meld-row.compact{justify-content:flex-end}.meld-group{background:#0419124d;border-radius:3px;align-items:end;padding:2px;display:flex}.meld-group .tile-back{margin-left:1px}.mahjong-tile{aspect-ratio:.7083;isolation:isolate;color:#27352e;-webkit-user-select:none;user-select:none;background:#f2f2ef;border:1px solid #bfc1bd;border-radius:clamp(5px,.5vw,8px);flex:none;justify-content:center;align-items:center;width:clamp(54px,4vw,68px);padding:12px 3px 3px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 3px 6px #00000047}.mahjong-tile:before{content:"";z-index:3;border-radius:inherit inherit 0 0;pointer-events:none;background:linear-gradient(#d5942c 0 4px,#727773 4px 7px,#d9dad6 7px 12px);height:12px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #fff6}.mahjong-tile:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff42,#0000 28%);position:absolute;inset:12px 2px 2px}.mahjong-tile__face{z-index:1;shape-rendering:geometricprecision;width:100%;height:100%;display:block;position:relative;transform:none}.mahjong-tile--mini{width:var(--river-tile,clamp(28px, 2vw, 36px));border-radius:4px;padding:6px 1px 1px;box-shadow:0 2px 4px #00000042}.mahjong-tile--mini:before{background:linear-gradient(#d5942c 0 2px,#727773 2px 4px,#d9dad6 4px 6px);height:6px}.mahjong-tile--mini:after{inset:6px 1px 1px}.mahjong-tile--mini .mahjong-tile__face{transform:none}.mahjong-tile--hero{border-radius:clamp(7px,.7vw,10px);width:clamp(62px,7vw,90px);padding:14px 4px 4px;box-shadow:0 9px 18px #0000004d}.mahjong-tile--hero:before{background:linear-gradient(#d5942c 0 5px,#727773 5px 8px,#d9dad6 8px 14px);height:14px}.play-controls{z-index:10;pointer-events:none;position:absolute;inset:0}.hand-scroller{pointer-events:auto;scrollbar-width:thin;scrollbar-color:#506a5a transparent;min-width:0;position:absolute;bottom:1.25%;left:10.8%;right:23.5%;overflow:auto visible}.hand-rack{justify-content:flex-start;align-items:end;gap:2px;min-width:max-content;padding:18px 4px 5px;display:flex}.hand-rack .mahjong-tile{width:clamp(50px,4.15cqw,68px)}.tile-button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0;transition:margin-inline-start .18s,transform .13s,filter .13s;position:relative}.tile-button.drawn-tile{margin-inline-start:clamp(18px,1.8cqw,28px);animation:.18s ease-out drawn-tile-arrive}@keyframes drawn-tile-arrive{0%{opacity:.55;transform:translateY(-8px)}}.tile-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-5px)}.tile-button.selected{transform:translateY(-13px)}.tile-button.selected:after{content:"";background:var(--gold);border-radius:2px;height:3px;position:absolute;bottom:-7px;left:28%;right:28%}.tile-button:disabled{opacity:.9;cursor:default;filter:saturate(.82)}.action-dock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#03130e9e;border:1px solid #f1d99e21;border-radius:14px;justify-items:center;width:max-content;min-width:clamp(320px,30cqw,460px);padding:.48rem .72rem .62rem;display:grid;position:absolute;bottom:20.2%;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000040}.action-copy{justify-items:center;display:grid}.claim-focus{color:var(--gold-pale);align-items:center;gap:.45rem;margin-bottom:.35rem;font-size:.76rem;font-weight:700;display:flex}.claim-focus .mahjong-tile{box-shadow:0 4px 12px #0000003d}.turn-prompt{color:#a4b7ab;text-align:center;margin:0 0 .42rem;font-size:.72rem}.action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.62rem;min-width:0;min-height:40px;display:flex}.action-button{cursor:pointer;border:1px solid #ffffff1f;border-radius:7px;min-width:58px;min-height:44px;padding:.42rem .66rem;font-family:Songti SC,serif;font-size:clamp(.78rem,.9cqw,.94rem);font-weight:800}.action-button:disabled{opacity:.42;cursor:not-allowed}.action-primary{color:#1b271f;background:var(--gold-pale);border-color:#f1d99e}.action-danger{color:#f8e2de;background:#a63b3061;border-color:#d9584885}.action-neutral{color:#c3d0c7;background:#ffffff0f}.discard-action{min-width:62px}.result-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020d0ac2;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.result-panel{color:#23332b;background:#f2ead6;border:1px solid #f1d99e5c;border-radius:14px;width:min(510px,100%);max-height:calc(100svh - 2rem);padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow-y:auto;box-shadow:inset 0 0 0 5px #8f713d12,0 30px 80px #00000073}.result-kicker{color:#9d783d;letter-spacing:.25em;font-size:.62rem;font-weight:800}.result-panel h2{margin:.3rem 0 0;font-family:Songti SC,serif;font-size:2.2rem}.result-winners{color:#69766e;margin:.45rem 0 1.2rem}.bird-result{border-block:1px solid #3b463f29;padding:1rem 0}.bird-heading{color:#66756c;justify-content:space-between;margin-bottom:.75rem;font-size:.78rem;display:flex}.bird-heading strong{color:#a23f36}.bird-tiles{flex-wrap:wrap;gap:.35rem;display:flex}.bird-hit{border-radius:5px;display:inline-flex;box-shadow:0 0 0 3px #d8a64f}.score-board{gap:.25rem;margin:1rem 0;display:grid}.score-row{border-bottom:1px dotted #2b362f29;grid-template-columns:1fr auto 64px;align-items:center;padding:.58rem 0;display:grid}.score-row span{font-weight:720}.score-row small{color:#7e8b83}.result-player-name{align-items:center;gap:.35rem;min-width:0;display:inline-flex}.result-player-name .text-button{white-space:nowrap;padding-block:.1rem}.score-row strong{text-align:right}.score-row strong.positive{color:#177151}.score-row strong.negative{color:#b3483c}.settlement-details{color:#69766e;margin:.8rem 0 1.1rem;font-size:.75rem}.settlement-details summary{color:#47574e;cursor:pointer}.settlement-details p{margin:.45rem 0}.result-next{color:#f9f3e2;background:#194b39;border-color:#194b39;flex:1}.result-actions{align-items:center;gap:.65rem;margin-top:1.1rem;display:flex}.result-actions .button-ghost{color:#516158;border-color:#364b403d;min-height:48px}.sync-screen,.closed-screen{text-align:center;background:radial-gradient(circle, #103b2d 0, var(--deepest) 58%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:2rem;display:flex}.sync-screen h1,.closed-screen h1{margin:.65rem 0;font-family:Songti SC,serif;font-size:clamp(2rem,5vw,3.3rem)}.sync-screen p:not(.eyebrow){color:var(--muted);margin:0 0 1.5rem}.sync-mark{gap:6px;margin-bottom:1.2rem;display:flex}.sync-mark span{background:var(--paper);width:11px;height:30px;box-shadow:inset 0 -4px 0 var(--paper-shadow);border-radius:2px;animation:.9s infinite alternate sync}.sync-mark span:nth-child(2){animation-delay:.18s}.sync-mark span:nth-child(3){animation-delay:.36s}@keyframes sync{to{transform:translateY(-9px)}}.closed-screen>.brand-seal{width:54px;height:54px;margin-bottom:1.2rem}.final-ranking{border-block:1px solid var(--line);width:min(520px,100%);margin:1.5rem 0}.final-ranking>div{text-align:left;border-bottom:1px solid #ffffff0f;grid-template-columns:30px auto 1fr auto;align-items:center;gap:.7rem;padding:.7rem 0;display:grid}.final-ranking>div:last-child{border:0}.rank-number{color:var(--gold);font-family:ui-monospace,monospace}.final-ranking b{color:var(--gold-pale)}@media (width<=860px){.welcome-page{grid-template-columns:1fr;gap:2.2rem;padding:2rem max(1rem,6vw);overflow:auto}.welcome-copy{text-align:center;margin:0 auto}.brand-lockup,.hero-tiles{justify-content:center}.welcome-copy h1{font-size:clamp(3rem,13vw,5rem)}.hero-tiles{margin-top:2rem;padding-left:0}.entry-card{justify-self:center;max-width:530px}.game-stage>.app-header .header-brand strong{display:none}.game-stage>.app-header .header-brand{padding-right:.38rem}.game-stage>.app-header .header-room,.game-stage>.app-header .connection-badge{padding:.4rem .5rem}.hand-scroller{right:10.8%}.action-dock{width:max-content;min-width:min(360px,58%);padding:.42rem}.action-copy{justify-items:center;min-width:0}.claim-focus{margin-bottom:.2rem}.turn-prompt{text-align:center;margin:0 0 .3rem;font-size:.64rem}}@media (width<=680px){.app-header{gap:.5rem;min-height:52px;padding-inline:.7rem}.header-brand strong{display:none}.header-brand>span{width:30px;height:30px}.header-room{text-overflow:ellipsis;white-space:nowrap;max-width:45vw;margin-left:0;overflow:hidden}.header-button,.connection-badge{margin-left:auto}.header-button+.connection-badge{margin-left:0}.lobby-main{width:min(100% - 1.25rem,520px);padding-top:2rem}.lobby-intro h1{font-size:2.25rem}.room-code-card{flex-wrap:wrap}.room-code-card .button{width:100%;margin-left:0}.seat-grid{grid-template-columns:1fr}.lobby-seat{min-height:92px}.lobby-footer{z-index:8;padding-bottom:max(.8rem, env(safe-area-inset-bottom));background:var(--deepest);flex-direction:column;gap:.7rem;position:sticky;bottom:0}.ready-progress,.lobby-footer>.button{width:100%}.game-stage{--river-tile:clamp(20px, 6vw, 26px);width:100vw;max-width:none;height:100svh;max-height:none}.game-stage>.app-header{gap:.35rem;padding:0;top:1%;left:2%;right:2%}.game-stage>.app-header .header-brand,.game-stage>.app-header .header-room,.game-stage>.app-header .connection-badge,.game-stage>.app-header .header-menu{min-height:32px}.game-stage>.app-header .header-brand>span{width:28px;height:28px}.game-stage>.app-header .header-room{max-width:none;margin-left:auto;font-size:.62rem}.game-stage>.app-header .connection-badge{margin-left:0;font-size:0}.game-stage>.app-header .connection-badge i{width:7px;height:7px}.game-stage>.app-header .header-menu{width:34px}.table-layout:before{border-radius:14px;inset:.8%}.table-layout:after{inset:9% 9% 30%}.player-top{width:80%;height:9%;top:1.5%;left:10%}.player-left{width:25%;top:9%;bottom:31%;left:1%}.player-right{width:25%;top:12%;bottom:29%;right:1%}.player-avatar-button{border-radius:8px;padding:2px}.player-top>.player-corner{right:0}.player-top .opponent-hand{left:48%}.player-top .tile-back{width:18px}.player-left>.player-corner,.player-right>.player-corner{top:32%}.player-right>.player-corner{right:55%}.game-stage .avatar-compact{width:30px;height:30px;font-size:.68rem}.player-left .opponent-hand .tile-back:nth-child(n+11),.player-right .opponent-hand .tile-back:nth-child(n+11){display:none}.player-left .tile-back,.player-right .tile-back{width:17px;margin-top:-8px;margin-bottom:0;margin-left:0}.player-right .tile-back{margin-top:0;margin-bottom:-8px}.player-right .tile-back:last-child{margin-bottom:0}.player-corner>.meld-row{gap:.15rem;max-width:128px;top:calc(100% + 3px);left:calc(100% + 3px)}.player-top>.player-corner>.meld-row{left:auto;right:0}.player-name-line strong{max-width:5em;font-size:.6rem}.player-score{font-size:.52rem}.table-center{grid-template:minmax(58px,1fr) 104px minmax(58px,1fr)/minmax(70px,1fr) 112px minmax(70px,1fr);width:78%;height:39%;top:37%;left:50%;transform:translate(-50%,-50%)}.table-orbit{border-radius:11px;grid-template:23px minmax(0,1fr) 23px/32px minmax(0,1fr) 32px;padding:3px}.orbit-score{gap:.12rem;font-size:.43rem}.orbit-score span{width:13px;height:13px;font-size:.46rem}.orbit-score i{display:none}.orbit-core{border-radius:6px}.self-zone{width:47%;height:9%;bottom:27%;left:2%;right:auto}.self-zone>.player-corner{left:35%}.player-detail-card{width:calc(100% - 1rem);padding:.62rem;left:.5rem;right:auto}.player-detail-top{top:10%}.player-detail-left,.player-detail-right{top:23%}.player-detail-bottom{bottom:26%}.player-detail-stats{margin-block:.52rem}.hand-scroller{right:1.5%;bottom:max(0.7%, env(safe-area-inset-bottom));left:1.5%}.hand-rack{justify-content:flex-start;gap:2px;padding:14px 2px 2px}.hand-rack .mahjong-tile,.tile-back--regular{width:38px}.hand-rack .mahjong-tile{padding-top:8px}.hand-rack .mahjong-tile:before{background:linear-gradient(#d5942c 0 3px,#727773 3px 5px,#d9dad6 5px 8px);height:8px}.hand-rack .mahjong-tile:after{inset-block-start:8px}.tile-button.drawn-tile{margin-inline-start:12px}.action-dock{border-radius:8px;justify-content:space-between;align-items:end;gap:.55rem;width:auto;min-width:0;padding:.35rem .4rem;display:flex;bottom:13.5%;left:2%;right:2%;transform:none}.action-copy{justify-items:start}.turn-prompt{text-align:left;max-width:21ch;margin:0;font-size:.64rem;line-height:1.35}.action-buttons{gap:.3rem;min-height:40px}.action-button{min-width:40px;min-height:36px;padding:.35rem .48rem;font-size:.78rem}.result-panel{padding:1.35rem}.result-panel h2{font-size:1.8rem}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-actions .button{width:100%}.result-next{grid-column:1/-1}.score-row{grid-template-columns:1fr auto 52px}}@media (height<=620px) and (orientation:landscape){.app-header{min-height:46px;padding-block:.35rem}.hand-rack{padding-top:10px}.hand-rack .mahjong-tile,.game-stage .tile-back--regular{width:42px}.game-stage{--river-tile:23px}.table-center{grid-template:minmax(58px,1fr) 96px minmax(58px,1fr)/minmax(90px,1fr) 136px minmax(90px,1fr)}.self-zone{bottom:27%}.game-stage .avatar-compact{width:34px;height:34px}.player-detail-card{width:220px;padding:.5rem}.player-detail-stats{gap:.25rem;margin-block:.4rem}.player-detail-stats>div{padding:.3rem .4rem}.player-detail-bottom{bottom:23%}.action-dock{min-width:145px}.game-stage>.app-header .header-brand>span{width:28px;height:28px}.game-stage>.app-header .header-brand,.game-stage>.app-header .header-room,.game-stage>.app-header .connection-badge{padding-block:.28rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}