:root{color:#f6ecd4;background:#113b2d;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-synthesis:none;--table-green: #113b2d;--table-green-light: #1e5b42;--mahjong-ivory: #f6ecd4;--mahjong-ink: #251f19;--mahjong-red: #a52620;--mahjong-gold: #d9a743;--mahjong-gold-light: #f1cf77;--mahjong-line: #8c6d32;--mahjong-shadow: #0a241a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0,var(--table-green-light),var(--table-green) 58%)}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:4px;padding:.7rem 1rem;color:#311f0f;background:linear-gradient(180deg,var(--mahjong-gold-light),var(--mahjong-gold));box-shadow:inset 0 1px #fff2bd,0 2px #6c4b16;font-weight:700}button:disabled{cursor:wait;opacity:.7}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--mahjong-gold-light);outline-offset:3px}a{color:var(--mahjong-gold-light)}.auth-page,.lobby-page,.profile-page{min-height:100vh;padding:2rem 1rem}.auth-page{display:grid;min-height:100dvh;place-items:center;padding:max(2rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow-y:auto}.auth-panel,.profile-panel{width:min(100%,28rem);padding:2rem;color:var(--mahjong-ink);background:var(--mahjong-ivory);border:2px solid var(--mahjong-gold);box-shadow:0 12px 35px var(--mahjong-shadow)}.auth-panel h1,.profile-panel h2{margin:0 0 1.4rem;color:var(--mahjong-red)}.auth-panel label,.profile-panel label{display:grid;gap:.4rem;margin:.9rem 0;font-weight:700}input,select{width:100%;min-height:2.9rem;padding:.65rem .7rem;color:var(--mahjong-ink);border:1px solid var(--mahjong-line);border-radius:3px;background:#fffdf5;font-size:max(1rem,16px)}.auth-panel button{width:100%;min-height:3rem;margin:.5rem 0 1rem}.auth-panel nav{display:flex;justify-content:space-between;gap:1rem}.auth-panel .text-link{display:inline-block;margin-top:.6rem;color:var(--mahjong-red)}.seal{display:grid;place-items:center;width:2.4rem;height:2.4rem;margin:0 0 1rem;color:var(--mahjong-gold-light);background:var(--mahjong-red);border:2px solid var(--mahjong-gold);border-radius:50%;font-size:1.35rem;font-weight:700}.form-error,.form-notice{max-width:40rem;padding:.65rem .8rem;border-left:4px solid}.form-error{color:#7f1712;background:#ffe1dd;border-color:var(--mahjong-red)}.form-notice{color:#19452f;background:#dbefcf;border-color:var(--table-green-light)}.lobby-page{display:grid;place-content:center;justify-items:center;text-align:center}.lobby-page h1{margin:0;font-size:clamp(2rem,8vw,4rem);color:var(--mahjong-gold-light)}.lobby-message{margin:1rem 0 2rem;padding:1rem 1.4rem;border:1px solid var(--mahjong-gold);color:var(--mahjong-ivory);background:#00000026}.page-header{display:flex;align-items:center;gap:1rem;max-width:60rem;margin:0 auto 1.5rem}.page-header .seal,.page-header h1,.page-header p{margin:0}.page-header p{color:var(--mahjong-gold-light)}.page-header a{margin-left:auto}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:60rem;margin:0 auto 1rem}.profile-panel{width:100%}.profile-page>.form-error,.profile-page>.form-notice,.secondary-button{display:block;width:min(100%,60rem);margin:1rem auto}.secondary-button{color:var(--mahjong-ivory);background:transparent;border:1px solid var(--mahjong-gold);box-shadow:none}@media(max-width:640px){.auth-page{display:block;padding:max(1rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left))}.auth-panel{width:100%;margin:0 auto;padding:1.25rem;border-radius:.9rem}.auth-panel .seal{margin-bottom:.75rem}.auth-panel h1{margin-bottom:1rem;font-size:clamp(1.55rem,7vw,2rem)}.auth-panel label{gap:.35rem;margin:.78rem 0}.auth-panel nav{align-items:stretch;flex-direction:column;gap:.2rem}.auth-panel nav a,.auth-panel .text-link{min-height:2.75rem;padding:.58rem .2rem;text-align:center}.form-error,.form-notice{padding:.6rem .7rem;overflow-wrap:anywhere}.profile-grid{grid-template-columns:1fr}.page-header{flex-wrap:wrap}.page-header a{margin-left:0;width:100%}}@media(max-height:680px)and (max-width:640px){.auth-page{align-items:start}.auth-panel{margin-block:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}.room-shell{display:block;width:min(100%,76rem);max-width:76rem;margin:0 auto;text-align:left}.room-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.room-header>div{display:flex;align-items:center;gap:1rem}.room-header .seal,.room-header h1,.room-header p{margin:0}.room-header h1{color:var(--mahjong-gold-light);font-size:clamp(1.75rem,5vw,3rem)}.lobby-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:0 0 1rem}.summary-chip{display:grid;gap:.28rem;padding:.85rem 1rem;color:var(--mahjong-ivory);background:linear-gradient(180deg,#ffffff1a,#00000024);border:1px solid rgb(241 207 119 / 35%);border-radius:1rem;box-shadow:inset 0 1px #ffffff14,0 8px 22px #00000029}.summary-chip span{color:#f6ecd4d1;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.summary-chip strong{color:#fff8df;font-size:1.08rem}.lobby-content{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;align-items:start}.lobby-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;width:100%;align-items:start}.room-panel,.public-rooms,.seat-card,.room-controls{padding:1.25rem;color:var(--mahjong-ink);background:var(--mahjong-ivory);border:1px solid var(--mahjong-gold);box-shadow:0 8px 22px #0000002e}.room-panel h2,.public-rooms h2{margin-top:0;color:var(--mahjong-red)}.lobby-actions>.room-panel{min-height:11.5rem}.lobby-panel{height:100%}.create-panel{display:grid;align-content:start;gap:.8rem}.create-panel>button{justify-self:start}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.panel-heading h2,.panel-heading p{margin:0}.panel-heading p{margin-top:.25rem;color:#6c5b46}.panel-kicker{flex:none;padding:.3rem .55rem;color:#6c4b16;background:#f3e4b9;border:1px solid #c8a85b;border-radius:999px;font-size:.8rem;font-weight:700}.room-panel label,.room-form>label{display:grid;gap:.35rem;margin:.8rem 0;font-weight:700}.room-panel form>button{width:100%;margin-top:.6rem}.room-form{margin-top:1rem;border-top:1px solid #cdbb8e;padding-top:.5rem}.room-form fieldset{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0;border:1px solid #cdbb8e}.room-form legend{font-weight:700}.room-form fieldset label,.check-label{display:flex!important;align-items:center;gap:.45rem}.room-form input[type=radio],.room-form input[type=checkbox]{width:auto}.field-hint{margin:-.4rem 0 .8rem;color:#6c5b46;font-size:.9rem}.quick-options{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:-.35rem}.quick-options button{padding:.35rem .65rem;font-size:.9rem}.public-rooms{width:100%;height:100%}.public-rooms-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.public-rooms-header h2,.public-rooms-header p{margin:0}.public-rooms-header p{color:#6c5b46}.public-rooms>p{margin-bottom:0;color:#6c5b46}.public-rooms ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.public-rooms li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem 1rem;padding:.95rem 0;border-bottom:1px solid #cdbb8e}.public-room-meta{display:grid;gap:.2rem;min-width:0;text-align:left}.public-room-meta strong,.public-room-meta span{overflow-wrap:anywhere}.public-room-title-row,.public-room-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .9rem}.public-room-status{padding:.18rem .48rem;color:#173d2c;background:#dceecf;border-radius:999px;font-size:.8rem;font-weight:700}.public-room-stats{color:#6c5b46;font-size:.92rem}.public-rooms li button{margin-left:auto;min-width:7rem}.room-page{min-height:100vh;padding:2rem 1rem}.ready-banner{padding:1rem;color:#173d2c;background:#e0f3d3;border:2px solid #77a95f;font-weight:700;text-align:center}.room-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-bottom:1rem}.room-overview-card{display:grid;gap:.28rem;padding:.95rem 1rem;color:var(--mahjong-ink);background:linear-gradient(180deg,#fff8ea,#f3e4bc);border:1px solid #d0b06a;box-shadow:0 6px 18px #00000024}.room-overview-label{color:#6c4b16;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.room-overview-card strong{font-size:1.05rem}.room-overview-card p{margin:0;color:#6c5b46;font-size:.92rem}.seat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.seat-card{min-height:18rem;text-align:center}.seat-card.empty{display:grid;align-content:center;gap:.6rem;border-style:dashed}.seat-number{margin-top:0;color:#6c4b16;font-weight:700}.seat-card img,.avatar-placeholder{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin:1rem auto;border-radius:50%;object-fit:cover}.avatar-placeholder{color:var(--mahjong-ivory);background:var(--table-green-light);font-size:1.5rem}.seat-card h2{overflow-wrap:anywhere;font-size:1.15rem}.seat-description{min-height:2.6rem;margin:0;color:#6c5b46;font-size:.95rem}.seat-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.8rem 0}.seat-tags span{padding:.2rem .45rem;color:#fff;background:var(--table-green-light);border-radius:999px;font-size:.8rem}.seat-card button+button{margin-top:.55rem}.room-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem}.control-group{display:grid;align-content:start;gap:.75rem;padding:.95rem;border:1px solid #cdbb8e;background:#fff8e7}.control-group-title{margin:0;color:#6c4b16;font-size:.92rem;font-weight:700}.control-group-copy{margin:0;color:#6c5b46;font-size:.92rem;line-height:1.5}.control-group button{width:100%}.auto-start-control{display:grid;gap:.65rem;padding:.65rem .75rem;border:1px solid #cdbb8e;background:#fffdf5}.auto-start-control p{margin:0;font-size:.9rem}.secondary-action{color:var(--mahjong-ink);background:transparent;border:1px solid var(--mahjong-line);box-shadow:none}.danger-action{color:#fff;background:var(--mahjong-red);box-shadow:inset 0 1px #d66b62,0 2px #66120d}@media(max-width:960px){.lobby-summary,.room-overview{grid-template-columns:1fr}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-controls{grid-template-columns:1fr}}@media(max-width:850px){.lobby-actions{grid-template-columns:1fr}.lobby-actions>.room-panel{min-height:0}}@media(max-width:640px){.room-header{align-items:flex-start;flex-direction:column}.summary-chip,.room-overview-card,.room-panel,.public-rooms,.seat-card,.room-controls{padding:1rem}.public-rooms li{grid-template-columns:1fr;align-items:stretch}.public-rooms li button{margin-left:0;width:100%}}@media(max-width:520px){.seat-grid{grid-template-columns:1fr}.panel-heading{flex-direction:column}.public-room-title-row,.public-room-stats{align-items:flex-start;flex-direction:column;gap:.35rem}}.round-table{display:flex;flex-direction:column;gap:.55rem;height:100dvh;width:min(100%,96rem);margin:0 auto;padding:.65rem .85rem .75rem;overflow:hidden}.round-table-desktop-canvas{min-width:60rem}.round-header-actions{display:flex;align-items:center;gap:.4rem}.round-table-mode-toggle{color:#fff4d1;background:#092f22cc;border:1px solid rgb(241 207 119 / 54%);box-shadow:none}.round-topbar{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(24rem,1.8fr) auto;align-items:stretch;gap:.55rem;flex:none}.round-header{display:flex;align-items:center;justify-content:space-between;gap:.85rem;min-height:0}.round-header>div{display:flex;align-items:center;gap:.7rem;min-width:0}.round-header .seal,.round-header h1,.round-header p{margin:0}.round-header h1{color:var(--mahjong-gold-light);font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.05}.round-header p{color:#f6ecd4b3;font-size:.8rem;white-space:nowrap}.round-phase{align-self:center;justify-self:end;padding:.28rem .62rem;color:#3a2308;background:#f1cf77e0;border:1px solid var(--mahjong-gold);border-radius:999px;font-size:.84rem;font-weight:700;white-space:nowrap;box-shadow:0 .3rem .8rem #00000029}.round-status-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;min-height:0}.round-status-card{display:grid;align-content:center;gap:.15rem;min-width:0;padding:.5rem .7rem;color:var(--mahjong-ivory);background:linear-gradient(180deg,#ffffff14,#0000002e);border:1px solid rgb(241 207 119 / 24%);border-radius:.9rem;box-shadow:inset 0 1px #ffffff12,0 .4rem .9rem #00000024}.round-status-card strong{font-size:.92rem;color:#fff8df;line-height:1.2}.round-status-card p{margin:0;color:#f6ecd4bf;font-size:.78rem;line-height:1.2}.round-status-card-primary{background:linear-gradient(180deg,#ffffff0f,#0000003d)}.round-status-card-compact{align-content:center}.round-status-card-accent{border-color:#f1cf77b8;background:linear-gradient(180deg,#f1cf7733,#623e0b4d);box-shadow:inset 0 1px #ffffff1a,0 .9rem 1.8rem #1f150447}.round-status-label{color:var(--mahjong-gold-light);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.round-refresh-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;color:#7f1712;background:#ffe1dd;border-left:4px solid var(--mahjong-red)}.round-refresh-error button{flex:none;padding:.4rem .65rem}.round-table-stage{flex:1 1 auto;min-height:0;overflow:hidden}.table-felt{position:relative;display:grid;grid-template-columns:minmax(8.25rem,.95fr) minmax(15rem,1.4fr) minmax(8.25rem,.95fr);grid-template-rows:minmax(4.5rem,auto) minmax(0,1fr) minmax(4.5rem,auto);gap:.8rem;height:100%;min-height:0;padding:.8rem .95rem;overflow:hidden;border:8px solid #6c4b16;border-radius:2rem;background:radial-gradient(circle at center,#2e7758eb,#123e2ef5 58%,#082016fa),linear-gradient(145deg,rgb(255 255 255 / 4%),transparent 35%);box-shadow:inset 0 0 0 2px var(--mahjong-gold),0 1rem 2rem #00000047}.table-center,.round-table-rivers{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.table-center{z-index:2;display:grid;justify-items:center;gap:.45rem;width:min(14rem,calc(100% - 10rem))}.table-center-badge{display:grid;justify-items:center;gap:.14rem;padding:.5rem .85rem;min-width:9.2rem;color:#fef4da;background:linear-gradient(180deg,#081f16b8,#00000047);border:1px solid rgb(241 207 119 / 32%);border-radius:.9rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.table-center-badge span{font-size:.74rem;color:#f6ecd4c2}.table-center-badge strong{color:var(--mahjong-gold-light);font-size:.95rem}.round-table-rivers{z-index:1;display:block;width:calc(100% - 1.6rem);height:calc(100% - 1.6rem);padding:0;border-radius:42%;background:#061b1338;border:1px dashed rgb(241 207 119 / 20%)}.discard-seat{position:absolute;display:grid;grid-template-rows:auto minmax(0,1fr);place-items:center;width:18rem;height:8.7rem;padding:.35rem;color:#f6ecd48c;background:#ffffff0a;border:1px dashed rgb(241 207 119 / 16%);border-radius:.8rem;text-align:center}.discard-seat span{font-size:.74rem;line-height:1.15}.river-tiles{display:grid;grid-template-columns:repeat(8,2rem);grid-auto-rows:2.8rem;gap:.18rem;align-content:center;justify-content:center;min-width:0;min-height:0;overflow:hidden}.river-tile{display:block;width:2rem;height:2.8rem;animation:river-tile-arrive .26s ease-out both}.river-tile .mahjong-tile{width:2rem;height:2.8rem;padding:.05rem;border-radius:.24rem;box-shadow:inset 1px 1px #ffffffd1,inset -1px -1px 1px #63411552,0 .12rem #6f4c1c}.river-tile .mahjong-tile-inset{margin:.06rem;border-radius:.1rem}.river-tile .mahjong-tile-art{padding:.03rem}.discard-seat-north{top:.9rem;left:50%;transform:translate(-50%)}.discard-seat-west{top:50%;left:11rem;transform:translateY(-50%)}.discard-seat-east{top:50%;right:11rem;transform:translateY(-50%)}.discard-seat-self{bottom:.9rem;left:50%;transform:translate(-50%)}.round-seat{display:flex;align-items:center;justify-content:center;min-width:0;padding:.1rem;z-index:3}.round-seat p{display:grid;gap:.12rem;min-width:min(100%,10rem);margin:0;padding:.52rem .65rem;color:var(--mahjong-ink);background:linear-gradient(180deg,#fff7e3,#eddcb4);border:1px solid var(--mahjong-gold);border-radius:.85rem;box-shadow:0 .2rem #6c4b16,0 .55rem 1rem #0000002e;font-weight:700;text-align:center;overflow-wrap:anywhere}.round-seat-active p{background:linear-gradient(180deg,#fff9d8,#efc94a);border-color:#ffe995;box-shadow:0 0 0 .18rem #ffcf4342,0 .2rem #9b6512,0 .7rem 1.3rem #f2b72957}.round-seat-active .round-seat-wind{color:#a52620}.round-seat-active .round-seat-name{color:#573410}.round-seat-active .round-seat-meta{color:#70470c}.round-seat-wind{color:var(--mahjong-red);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.round-seat-name{font-size:.88rem;line-height:1.1}.round-seat-meta{color:#6c4b16;font-size:.74rem;line-height:1.15}.round-seat-east,.round-seat-west{position:absolute;top:50%;width:10.4rem;transform:translateY(-50%)}.round-seat-east{right:.9rem;justify-content:flex-end}.round-seat-west{left:.9rem;justify-content:flex-start}.round-seat-north,.round-seat-south{position:absolute;width:10.4rem}.round-seat-north{top:1.55rem;left:20%;align-items:flex-start}.round-seat-south{right:28%;bottom:1.55rem;align-items:flex-end;opacity:.84}.dice-box{display:flex;align-items:center;gap:.32rem}.dice-box-rolling .dice-image{animation:exchange-dice-roll .15s linear 6}@keyframes exchange-dice-roll{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.78);filter:brightness(1.35)}to{transform:rotate(360deg) scale(1)}}@media(prefers-reduced-motion:reduce){.dice-box-rolling .dice-image{animation:none}}.dice-image{display:block;width:2.55rem;height:2.55rem;object-fit:contain;filter:drop-shadow(0 .16rem .14rem rgb(0 0 0 / 38%))}.round-seat{position:relative}.round-seat-east,.round-seat-west,.round-seat-north,.round-seat-south{position:absolute}.round-seat-void{color:#a52620;font-size:.68rem}.round-seat-melds{display:flex;gap:.18rem;position:absolute;max-width:16.5rem}.round-seat-meld{display:flex}.round-seat-meld .mahjong-tile{width:2rem;height:2.8rem;padding:.05rem;border-radius:.24rem;box-shadow:inset 1px 1px #ffffffd1,inset -1px -1px 1px #63411552,0 .12rem #6f4c1c}.round-seat-meld .mahjong-tile-inset{margin:.06rem;border-radius:.1rem}.round-seat-meld .mahjong-tile-art{padding:.03rem}.round-seat-north .round-seat-melds{top:.25rem;right:10.8rem}.round-seat-south .round-seat-melds{bottom:.25rem;left:10.8rem}.round-seat-east .round-seat-melds{right:0;bottom:calc(100% + 1.6rem)}.round-seat-west .round-seat-melds{bottom:calc(100% + 1.6rem);left:0}.table-action-toast{position:absolute;z-index:4;top:50%;left:50%;padding:.36rem .72rem;color:#fff8df;background:#072117e0;border:1px solid rgb(241 207 119 / 58%);border-radius:999px;box-shadow:0 .4rem .9rem #00000042;font-size:.82rem;font-weight:700;pointer-events:none;transform:translate(-50%,-50%);animation:table-action-arrive .52s ease-out both}.own-hand{z-index:10;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.45rem;flex:none;min-height:0;max-height:min(34dvh,18.5rem);padding:.65rem .85rem .75rem;background:linear-gradient(180deg,#0a1d16e5,#05120df5);border:1px solid rgb(241 207 119 / 38%);border-radius:1.05rem;box-shadow:inset 0 1px #ffffff14,0 .8rem 1.4rem #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.own-hand-playing{grid-template-rows:auto minmax(0,1fr);max-height:min(25dvh,12rem)}.own-hand-playing .round-guidance{display:none}.own-hand h2{margin:0;color:var(--mahjong-gold-light);font-size:.98rem}.own-hand-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.own-hand-header p{margin:.08rem 0 0;color:#f6ecd4bd;font-size:.8rem}.own-hand-badge{align-self:center;padding:.35rem .75rem;color:#fff6d0;background:linear-gradient(180deg,#f1cf773d,#a96a112e);border:1px solid rgb(241 207 119 / 52%);border-radius:999px;font-size:.85rem;font-weight:700;box-shadow:0 0 0 1px #ffffff0f inset}.round-guidance{display:flex;align-items:baseline;gap:.45rem;padding:.42rem .65rem;color:var(--mahjong-ivory);background:#ffffff0d;border:1px solid rgb(241 207 119 / 18%);border-radius:.85rem;overflow:hidden}.round-guidance strong,.round-guidance p{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-guidance strong{color:#fff8df;font-size:.86rem}.round-guidance p{margin:0;color:#f6ecd4c7;font-size:.8rem}.round-phase-panel{display:grid;gap:.8rem}.void-suit-panel{display:grid;gap:.75rem}.void-suit-panel>p{margin:0;color:var(--mahjong-gold-light);font-weight:700}.void-suit-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.void-suit-option{display:grid;justify-items:start;gap:.28rem;min-height:5.75rem;padding:.9rem;text-align:left}.void-suit-option strong{color:#3a2308;font-size:1rem}.void-suit-option span{color:#3a2308d1;font-size:.88rem}.void-suit-modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:1rem;background:#00100a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.void-suit-modal{width:min(31rem,92vw);padding:1.4rem;background:linear-gradient(145deg,#163d2b,#092217);border:1px solid rgb(241 207 119 / 65%);border-radius:1.1rem;box-shadow:0 1.2rem 3rem #0000007a;animation:void-suit-enter .18s ease-out both}.void-suit-modal h2{margin:0;color:var(--mahjong-gold-light)}.void-suit-modal>p:not(.void-suit-kicker){margin:.42rem 0 1.15rem;color:#f6ecd4d1}.void-suit-kicker{margin:0 0 .25rem;color:#d96857;font-size:.78rem;font-weight:700}.void-suit-modal .void-suit-options{margin-top:.4rem}.void-suit-modal .void-suit-option{min-height:5rem}.void-suit-dock-note{padding:.7rem;color:#f6ecd4c7;text-align:center}.void-suit-dock-note:before{content:"定缺阶段 · ";color:var(--mahjong-gold-light);font-weight:700}@keyframes void-suit-enter{0%{opacity:0;transform:translateY(.8rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.own-hand-play-area{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:.55rem;min-height:0;overflow:hidden}.own-hand-playing .own-hand-play-area{grid-template-columns:minmax(0,2fr) minmax(15rem,1fr);grid-template-rows:minmax(5.15rem,1fr);gap:.55rem}.own-hand-rail,.round-actions-dock{min-height:0}.own-hand-rail{display:grid;align-items:end;padding:.1rem .1rem .25rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.own-hand-playing .own-hand-rail{min-height:5.15rem}.drawn-tile-gap{display:inline-flex;margin-left:clamp(.65rem,1vw,1.1rem)}.own-hand-placeholder{display:grid;align-content:center;gap:.2rem;min-height:100%;padding:.55rem .75rem;color:#f6ecd4d1;background:linear-gradient(180deg,#ffffff0d,#0000002e);border:1px dashed rgb(241 207 119 / 24%);border-radius:.9rem}.own-hand-placeholder strong,.own-hand-placeholder p{margin:0}.own-hand-placeholder strong{color:#fff8df}.tile-row{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:.32rem;min-height:4.75rem;min-width:max-content;padding-bottom:.2rem}.mahjong-tile{display:grid;place-items:center;width:clamp(2.8rem,3.45vw,3.55rem);aspect-ratio:.68;color:var(--mahjong-ink);background:linear-gradient(135deg,#fffef8,#eee6d0);border:1px solid #b79a5f;border-radius:.25rem;box-shadow:0 4px #84652d;font-size:clamp(.92rem,2vw,1.2rem);font-weight:700}.tile-wan{color:var(--mahjong-red)}.tile-tiao{color:#1c6a3b}.tile-tong{color:#1e4d86}.mahjong-tile{position:relative;display:grid;place-items:center;width:clamp(2.8rem,3.45vw,3.55rem);aspect-ratio:.68;padding:.12rem;overflow:hidden;color:var(--mahjong-ink);background:linear-gradient(105deg,#b79558,#fdfcf2 9%,#e7dabb 52%,#fffdf4 84%,#9c7639);border:1px solid #795321;border-radius:.42rem .34rem .45rem .36rem;box-shadow:inset 1px 1px #ffffffeb,inset -2px -2px 2px #63411561,0 .22rem #6f4c1c,0 .34rem .4rem #00000052;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.mahjong-tile-body{position:relative;display:grid;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#fffef9,#f7f1df 48%,#e6d8bb);border:1px solid rgb(121 82 30 / 60%);border-radius:.32rem .26rem .38rem .3rem;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #754e1a47}.mahjong-tile-inset{display:grid;place-items:center;margin:.15rem;overflow:hidden;border:1px solid rgb(135 96 38 / 33%);border-radius:.22rem;background:radial-gradient(circle at 40% 18%,#fffefa,#f9f3e4 59%,#eadfc8);box-shadow:inset 0 0 .18rem #6d48172e}.mahjong-tile-glaze{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,rgb(255 255 255 / 55%) 0 7%,transparent 19% 73%,rgb(117 76 22 / 10%) 100%)}.mahjong-tile-face{display:block;width:100%;height:100%}.mahjong-tile-wan-rank,.mahjong-tile-wan-character{fill:#20150f;stroke:#9b231d;stroke-width:1.25px;paint-order:stroke fill;font-family:KaiTi,STKaiti,Kaiti SC,"Noto Serif SC",serif;text-anchor:middle}.mahjong-tile-wan-rank,.mahjong-tile-wan-character{font-size:44px;font-weight:700}.mahjong-tile-art{display:block;width:100%;height:100%;padding:.16rem;object-fit:contain;filter:drop-shadow(0 .04rem .03rem rgb(45 28 10 / 18%))}.mahjong-tile:where(button){cursor:pointer}.mahjong-tile:where(button):hover:not(:disabled),.mahjong-tile-selected{transform:translateY(-.35rem);box-shadow:inset 1px 1px #ffffffeb,inset -2px -2px 2px #63411561,0 .42rem #6f4c1c,0 0 0 3px var(--mahjong-gold-light),0 .55rem .58rem #00000061}.mahjong-tile:where(button):active:not(:disabled){transform:translateY(-.1rem)}.mahjong-tile:where(button):disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.58}.round-actions-dock{display:grid;align-items:stretch;padding:.6rem .75rem;background:#ffffff0f;border:1px solid rgb(241 207 119 / 20%);border-radius:.95rem;overflow:hidden}.own-hand-playing .round-actions-dock{padding:.4rem .65rem}.round-actions{display:grid;align-content:start;gap:.45rem;min-height:100%;overflow:hidden}.round-actions-active{background:linear-gradient(180deg,#f1cf7729,#663f082e);border-color:#f1cf778f;box-shadow:inset 0 1px #ffffff1a,0 .85rem 1.6rem #36220438}.round-actions-waiting{background:linear-gradient(180deg,#ffffff0a,#0000002e);border-color:#f1cf7724;opacity:.86}.round-actions h3,.round-settlement h3{margin:0;color:var(--mahjong-gold-light)}.round-actions-state,.round-actions-meta{margin:0}.round-actions-state{color:#fff8df;font-size:.9rem;font-weight:700}.round-actions-meta{color:#f6ecd4d1;font-size:.8rem}.own-hand-playing .round-actions-meta{display:none}.own-hand-playing .round-actions-summary{min-height:3.1rem}.round-actions-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.round-actions-copy{display:grid;gap:.18rem;min-width:0}.round-action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.round-action-buttons button{padding:.48rem .78rem}.round-settlement{display:grid;gap:.55rem;min-height:0;overflow:auto}.round-settlement-backdrop{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:1rem;background:#00100a9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.round-settlement-modal{width:min(72rem,94vw);max-height:min(84dvh,48rem);padding:clamp(.85rem,2vw,1.35rem);background:linear-gradient(145deg,#163d2b,#092217);border:1px solid rgb(241 207 119 / 70%);border-radius:1.1rem;box-shadow:0 1.2rem 3rem #00000085;animation:void-suit-enter .18s ease-out both}.round-settlement-heading{display:flex;align-items:end;justify-content:space-between;gap:.8rem}.round-settlement-heading p{margin:.16rem 0 0;color:#f6ecd4b8;font-size:.76rem}.round-settlement-heading>strong{color:var(--mahjong-gold-light);font-size:.8rem}.round-settlement-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.round-settlement-seat{display:grid;gap:.3rem;min-width:0;padding:.5rem;border:1px solid rgb(241 207 119 / 25%);border-radius:.7rem;background:#ffffff0d}.round-settlement-seat>header{display:flex;justify-content:space-between;gap:.35rem;color:#fff8df}.round-settlement-seat>header span{color:var(--mahjong-gold-light);font-size:.73rem;font-weight:700}.round-settlement-patterns{min-height:1.8rem;margin:0;color:#f6ecd4d9;font-size:.7rem;line-height:1.35}.round-settlement-hu{border-color:#f1cf77a6;background:linear-gradient(180deg,#f1cf7721,#ffffff0a)}.round-settlement-hua-zhu{border-color:#c85345a6}.round-settlement-tiles{display:flex;align-items:end;gap:.16rem;min-height:3rem;overflow-x:auto}.round-settlement-tiles .mahjong-tile{width:1.65rem;box-shadow:0 .13rem #6f4c1c}.round-settlement-meld{display:inline-flex;gap:.1rem;margin-left:.28rem;padding-left:.28rem;border-left:1px solid rgb(241 207 119 / 45%)}.round-settlement-deltas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.round-settlement-deltas p,.round-settlement-ledger p{margin:0;padding:.55rem .7rem;background:#ffffff14;border:1px solid rgb(241 207 119 / 18%);border-radius:.8rem}.round-settlement-deltas p{color:#fff8df;font-weight:700;text-align:center}.round-settlement-ledger{display:grid;gap:.6rem;color:#f6ecd4e0}.round-scoreboard{display:grid;gap:.4rem;padding-top:.35rem;border-top:1px solid rgb(241 207 119 / 22%)}.round-scoreboard h3{font-size:.9rem}.round-scoreboard-note{margin:0;color:#f6ecd4b3;font-size:.75rem}.round-scoreboard>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.round-scoreboard>div p{margin:0;padding:.38rem;color:#fff8df;background:#ffffff12;border-radius:.5rem;font-size:.76rem;text-align:center}.round-settlement-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.round-next-button{min-width:8.5rem}.own-hand:has(.exchange-panel){grid-template-rows:minmax(0,1fr);max-height:min(28dvh,14rem);padding:.65rem .85rem .75rem}.own-hand:has(.exchange-panel) .own-hand-header,.own-hand:has(.exchange-panel) .round-guidance,.own-hand:has(.exchange-panel) .own-hand-rail{display:none}.own-hand:has(.exchange-panel) .own-hand-play-area{display:block;min-height:0}.own-hand:has(.exchange-panel) .round-actions-dock{height:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.own-hand:has(.exchange-panel) .round-phase-panel{height:100%}.exchange-panel{display:grid;grid-template-columns:minmax(10.5rem,12rem) minmax(0,1fr) minmax(12rem,15rem) auto;align-items:center;gap:.8rem;min-height:0;height:100%;padding:.75rem .9rem;background:linear-gradient(180deg,#f1cf7729,#663f0829);border:1px solid rgb(241 207 119 / 40%);border-radius:.95rem;box-shadow:inset 0 1px #ffffff1a,0 .7rem 1.4rem #160e032e}.exchange-summary{display:grid;gap:.18rem;min-width:0}.exchange-count-options{display:flex;gap:.65rem;align-items:center}.exchange-count-options button{min-width:5.5rem}.exchange-count-popover{position:absolute;z-index:8;top:1rem;left:50%;display:grid;justify-items:center;gap:.28rem;width:min(29rem,calc(100% - 3rem));padding:.8rem 1rem;text-align:center;background:linear-gradient(145deg,#13442ff7,#08251afa);border:1px solid rgb(241 207 119 / 68%);border-radius:.9rem;box-shadow:0 .75rem 1.8rem #00000059;transform:translate(-50%)}.exchange-count-popover>span{color:#d96857;font-size:.72rem;font-weight:700}.exchange-count-popover>strong{color:var(--mahjong-gold-light)}.exchange-count-popover>p{margin:0;color:#f6ecd4d1;font-size:.76rem}.exchange-count-popover>div{display:flex;gap:.5rem;margin-top:.15rem}.exchange-count-popover button{min-width:4.8rem;padding:.42rem .65rem}.exchange-summary strong{font-size:.9rem;color:#fff8df}.exchange-summary span,.exchange-status{margin:0;color:var(--mahjong-gold-light);font-size:.8rem;line-height:1.2}.exchange-shortcuts{display:grid;align-self:stretch;align-content:center;gap:.36rem;min-width:0;padding-left:.8rem;border-left:1px solid rgb(241 207 119 / 25%)}.exchange-shortcut{display:grid;grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:.38rem;min-width:0}.exchange-shortcut button{min-height:1.9rem;padding:.16rem .42rem;border:1px solid rgb(241 207 119 / 52%);border-radius:.46rem;color:#fff3cf;background:#0b3627b8;font:inherit;font-size:.78rem;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.exchange-shortcut button:hover:not(:disabled),.exchange-shortcut button:focus-visible:not(:disabled){border-color:#ffe49b;background:#2b6138e0;outline:none}.exchange-shortcut button:disabled{border-color:#f6ecd433;color:#f6ecd46b;background:#0821186b;cursor:not-allowed}.exchange-shortcut span{color:#f6ecd4ad;font-size:.68rem;line-height:1.18}.exchange-status{color:#f6ecd4d1}.exchange-status-error{color:#ffd7d3}.exchange-tiles{min-width:0;min-height:0;padding:.1rem .15rem .25rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.exchange-panel .tile-row{gap:.32rem;min-height:5.4rem;padding-bottom:.22rem}.exchange-panel .mahjong-tile{width:clamp(2.8rem,3.45vw,3.45rem)}.exchange-actions{display:flex;align-items:center;justify-content:flex-end}.exchange-actions button{flex:none;min-width:8.5rem;white-space:nowrap}.exchange-actions button:disabled{cursor:not-allowed}@keyframes river-tile-arrive{0%{opacity:0;transform:translateY(-.45rem) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes table-action-arrive{0%{opacity:0;transform:translate(-50%,-15%) scale(.9)}20%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(1)}}@media(max-width:900px)and (orientation:landscape){.round-table-mobile-canvas{width:100%;height:100dvh;min-width:0;gap:.25rem;padding:calc(.28rem + env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.4rem,env(safe-area-inset-left))}.round-table-mobile-canvas .round-topbar{grid-template-columns:minmax(0,1fr) minmax(10rem,13rem) auto;gap:.3rem;align-items:center}.round-table-mobile-canvas .round-header{gap:.35rem}.round-table-mobile-canvas .round-header .seal{display:none}.round-table-mobile-canvas .round-header>div{gap:0}.round-table-mobile-canvas .round-header h1{font-size:.94rem}.round-table-mobile-canvas .round-header p{font-size:.62rem}.round-table-mobile-canvas .round-header-actions{gap:.24rem}.round-table-mobile-canvas .round-header-actions button{min-height:1.8rem;padding:.28rem .42rem;font-size:.66rem}.round-table-mobile-canvas .round-status-band{display:block}.round-table-mobile-canvas .round-status-card-primary{display:none}.round-table-mobile-canvas .round-status-card{padding:.28rem .42rem;border-radius:.55rem}.round-table-mobile-canvas .round-status-card .round-status-label,.round-table-mobile-canvas .round-status-card p{display:none}.round-table-mobile-canvas .round-status-card strong{display:block;overflow:hidden;font-size:.67rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.round-table-mobile-canvas .round-phase{padding:.3rem .46rem;font-size:.64rem}.round-table-mobile-canvas .round-table-stage{min-height:0}.round-table-mobile-canvas .table-felt{padding:.25rem;border-width:4px;border-radius:1rem}.round-table-mobile-canvas .round-table-rivers{width:66%;height:80%;border-radius:1.15rem}.round-table-mobile-canvas .discard-seat{width:8.2rem;height:4.15rem;padding:.16rem}.round-table-mobile-canvas .discard-seat span{font-size:.55rem}.round-table-mobile-canvas .discard-seat-north{top:.1rem}.round-table-mobile-canvas .discard-seat-self{bottom:.1rem}.round-table-mobile-canvas .discard-seat-west{left:.1rem}.round-table-mobile-canvas .discard-seat-east{right:.1rem}.round-table-mobile-canvas .river-tiles{grid-template-columns:repeat(6,1.1rem);grid-auto-rows:1.55rem;gap:.08rem}.round-table-mobile-canvas .river-tile,.round-table-mobile-canvas .river-tile .mahjong-tile{width:1.1rem;height:1.55rem}.round-table-mobile-canvas .table-center{width:8rem;gap:.16rem}.round-table-mobile-canvas .table-center-badge{min-width:6.4rem;padding:.22rem .36rem;border-radius:.55rem}.round-table-mobile-canvas .table-center-badge span{font-size:.54rem}.round-table-mobile-canvas .table-center-badge strong{font-size:.7rem}.round-table-mobile-canvas .dice-box{gap:.16rem}.round-table-mobile-canvas .dice-image{width:1.55rem;height:1.55rem}.round-table-mobile-canvas .round-seat-east,.round-table-mobile-canvas .round-seat-west{top:50%;width:6.55rem}.round-table-mobile-canvas .round-seat-east{right:.08rem}.round-table-mobile-canvas .round-seat-west{left:.08rem}.round-table-mobile-canvas .round-seat-north,.round-table-mobile-canvas .round-seat-south{left:50%;width:6.55rem;transform:translate(-50%)}.round-table-mobile-canvas .round-seat-north{top:.08rem}.round-table-mobile-canvas .round-seat-south{right:auto;bottom:.08rem}.round-table-mobile-canvas .round-seat p{min-width:0;padding:.25rem .34rem;border-radius:.5rem}.round-table-mobile-canvas .round-seat-wind{font-size:.52rem}.round-table-mobile-canvas .round-seat-name{max-width:6rem;overflow:hidden;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.round-table-mobile-canvas .round-seat-meta,.round-table-mobile-canvas .round-seat-void{font-size:.52rem}.round-table-mobile-canvas .round-seat-melds{max-width:8rem;gap:.06rem}.round-table-mobile-canvas .round-seat-meld .mahjong-tile{width:1.1rem;height:1.55rem;padding:.03rem;box-shadow:0 .08rem #6f4c1c}.round-table-mobile-canvas .round-seat-meld .mahjong-tile-inset{margin:.03rem}.round-table-mobile-canvas .round-seat-north .round-seat-melds{top:calc(100% + .12rem);right:auto;left:50%;transform:translate(-50%)}.round-table-mobile-canvas .round-seat-south .round-seat-melds{right:auto;bottom:calc(100% + .12rem);left:50%;transform:translate(-50%)}.round-table-mobile-canvas .round-seat-east .round-seat-melds{right:calc(100% + .12rem);bottom:0}.round-table-mobile-canvas .round-seat-west .round-seat-melds{bottom:0;left:calc(100% + .12rem)}.round-table-mobile-canvas .table-action-toast{padding:.2rem .4rem;font-size:.6rem}.round-table-mobile-canvas .own-hand{max-height:6.7rem;padding:.32rem .42rem;border-radius:.75rem}.round-table-mobile-canvas .own-hand-playing{grid-template-rows:minmax(0,1fr)}.round-table-mobile-canvas .own-hand-header,.round-table-mobile-canvas .round-guidance{display:none}.round-table-mobile-canvas .own-hand-play-area,.round-table-mobile-canvas .own-hand-playing .own-hand-play-area{grid-template-columns:minmax(0,1fr) 10.5rem;grid-template-rows:minmax(0,1fr);gap:.35rem}.round-table-mobile-canvas .own-hand-rail{padding:0}.round-table-mobile-canvas .tile-row{min-height:4.8rem;gap:.16rem;padding-bottom:.18rem}.round-table-mobile-canvas .mahjong-tile{width:2.25rem}.round-table-mobile-canvas .drawn-tile-gap{margin-left:.58rem}.round-table-mobile-canvas .round-actions-dock{padding:.26rem .38rem;border-radius:.65rem}.round-table-mobile-canvas .round-actions{gap:.22rem}.round-table-mobile-canvas .round-actions h3{font-size:.72rem}.round-table-mobile-canvas .round-actions-state{font-size:.6rem}.round-table-mobile-canvas .round-actions-meta{display:none}.round-table-mobile-canvas .round-actions-summary{align-items:center;gap:.25rem}.round-table-mobile-canvas .round-action-buttons{gap:.22rem}.round-table-mobile-canvas .round-action-buttons button{min-height:1.85rem;padding:.24rem .4rem;font-size:.68rem}.round-table-mobile-canvas .own-hand:has(.exchange-panel){max-height:7.5rem;padding:.3rem}.round-table-mobile-canvas .exchange-panel{grid-template-columns:5.1rem minmax(0,1fr) 4.2rem auto;gap:.28rem;padding:.35rem;border-radius:.65rem}.round-table-mobile-canvas .exchange-summary strong{font-size:.7rem}.round-table-mobile-canvas .exchange-summary span,.round-table-mobile-canvas .exchange-status{font-size:.54rem;line-height:1.12}.round-table-mobile-canvas .exchange-tiles{padding:0}.round-table-mobile-canvas .exchange-panel .tile-row{min-height:4.95rem;gap:.14rem}.round-table-mobile-canvas .exchange-panel .mahjong-tile{width:2.05rem}.round-table-mobile-canvas .exchange-shortcuts{gap:.16rem;padding-left:.24rem}.round-table-mobile-canvas .exchange-shortcut{grid-template-columns:1fr;gap:0}.round-table-mobile-canvas .exchange-shortcut button{min-height:1.2rem;padding:.12rem .2rem;font-size:.56rem}.round-table-mobile-canvas .exchange-shortcut span{display:none}.round-table-mobile-canvas .exchange-actions button{min-width:4.6rem;min-height:3.15rem;padding:.28rem;font-size:.66rem;white-space:normal}.round-table-mobile-canvas .exchange-count-popover{top:.45rem;width:min(21rem,calc(100% - 1rem));padding:.55rem}.round-table-mobile-canvas .exchange-count-popover p{display:none}.round-table-mobile-canvas .exchange-count-popover button{min-width:3.7rem;padding:.3rem .4rem;font-size:.66rem}.round-table-mobile-canvas .void-suit-modal{width:min(26rem,94vw);padding:.85rem}.round-table-mobile-canvas .void-suit-option{min-height:3.7rem;padding:.55rem}}