:root{color:#1b2b23;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1b2b23;--muted:#637068;--green:#176044;--deep-green:#103d2d;--jade:#dbe9df;--cream:#f4f5ef;--paper:#fffefa;--line:#d9ded7;--red:#a13a35;--shadow:0 1.25rem 3rem #243a2d14;background:#f4f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 12%, #c4dacb73, transparent 32rem), var(--cream);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}button[aria-busy=true]:disabled{cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #8ab99f}h1,h2,p{margin-top:0}h1,h2{color:var(--deep-green);letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-weight:600}h1{margin-bottom:.65rem;font-size:clamp(2.15rem,6vw,4.4rem);line-height:.98}h2{margin-bottom:.65rem;font-size:1.45rem}label{color:var(--deep-green);margin-bottom:.5rem;font-size:.9rem;font-weight:720;display:block}input{width:100%;min-height:3.1rem;color:var(--ink);background:#fff;border:1px solid #bcc8bf;border-radius:.65rem;padding:.72rem .85rem}input::placeholder{color:var(--muted)}.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}.home-shell{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:center;gap:clamp(2rem,7vw,7rem);width:min(68rem,100% - 2rem);min-height:100vh;margin:0 auto;padding:4rem 0;display:grid}.home-brand>p:last-child{max-width:34rem;color:var(--muted);margin-bottom:0;font-size:1.08rem;line-height:1.7}.recent-rooms ul{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.recent-room-link{min-height:3rem;color:var(--deep-green);background:#f7faf6;border:1px solid #b9c9be;border-radius:.62rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;font-weight:730;text-decoration:none;display:flex}.recent-room-link:hover{border-color:var(--green);background:var(--jade)}.recent-room-link>span:last-child{color:var(--muted);font-family:ui-monospace,monospace;font-size:.72rem;font-weight:600}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.inline-form .secondary-action{min-height:3.1rem}@media (width<=760px){.home-shell{grid-template-columns:1fr;gap:2.25rem;padding:2.5rem 0}}@media (width<=430px){.inline-form{grid-template-columns:1fr}.inline-form .secondary-action{width:100%}}.table-shell{width:min(88rem,100% - 2rem)}.preparing-table-shell{justify-content:center}.preparing-table-panel>p:not(.step-label,.fine-print){color:var(--muted);line-height:1.6}.preparing-pulse{gap:.45rem;margin-top:1.2rem;display:flex}.preparing-pulse span{background:var(--green);border-radius:50%;width:.65rem;height:.65rem;animation:1.2s ease-in-out infinite preparing-pulse}.preparing-pulse span:nth-child(2){animation-delay:.12s}.preparing-pulse span:nth-child(3){animation-delay:.24s}@keyframes preparing-pulse{50%{opacity:.3;transform:translateY(-.25rem)}}@media (prefers-reduced-motion:reduce){.preparing-pulse span{animation:none}}.table-title-row{justify-content:space-between;align-items:end;gap:1.5rem;margin:2.2rem 0 1.15rem;display:flex}.table-title-row h1{font-size:clamp(2.2rem,6vw,3.8rem)}.wall-summary{border:1px solid var(--line);color:var(--muted);background:var(--paper);box-shadow:var(--shadow);border-radius:.8rem;grid-template-columns:repeat(3,auto);display:grid;overflow:hidden}.wall-summary>span{letter-spacing:.05em;text-transform:uppercase;gap:.2rem;padding:.7rem .85rem;font-size:.68rem;font-weight:750;display:grid}.wall-summary>span+span{border-left:1px solid var(--line)}.wall-summary strong{color:var(--deep-green);font-variant-numeric:tabular-nums;font-size:.88rem}.preview-notice{color:#66511f;background:#fff9e7;border:1px solid #d9c78e;border-radius:.7rem;align-items:baseline;gap:.7rem;padding:.68rem .85rem;font-size:.82rem;line-height:1.45;display:flex}.preview-notice strong{white-space:nowrap}.phase-status{color:#eaf5ed;background:var(--deep-green);text-align:center;border-radius:.75rem;justify-content:center;align-items:center;gap:.65rem;min-height:3.6rem;margin:.75rem 0;padding:.72rem .9rem;display:flex}.phase-status strong{color:#fff}.phase-status span{font-size:.82rem}.phase-window{background:#73591f;justify-content:space-between;padding-inline:1.1rem}.phase-window strong{font-variant-numeric:tabular-nums;text-align:right;min-width:5.4rem;font-size:1.35rem}.phase-finished{background:#516158}.table-stage{background:radial-gradient(circle,#ffffff12,#0000 32rem),#235e47;border:1px solid #315e49;border-radius:1.1rem;grid-template-columns:minmax(9rem,.7fr) minmax(20rem,1.8fr) minmax(9rem,.7fr);grid-template-areas:".top.""left river right""bottom bottom bottom";gap:.75rem;padding:clamp(.65rem,2vw,1.25rem);display:grid;box-shadow:0 1.5rem 3rem #103d2d2e}.table-seat,.discard-river{background:#fffefaf0;border:1px solid #ffffff61;border-radius:.8rem;min-width:0;padding:.75rem}.table-seat-top{grid-area:top}.table-seat-left{grid-area:left}.table-seat-right{grid-area:right}.table-seat-bottom{grid-area:bottom}.discard-river{grid-area:river;min-height:18rem}.table-seat-heading{justify-content:space-between;align-items:start;gap:.5rem;min-height:2.6rem;display:flex}.table-seat-heading>div:first-child{gap:.18rem;min-width:0;display:grid}.table-seat-heading strong{color:var(--deep-green);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.table-seat-heading>div:first-child>span{color:var(--muted);font-size:.68rem}.table-seat-chips{flex-wrap:wrap;justify-content:end;gap:.3rem;display:flex}.table-seat-chips .disconnected-status{justify-content:end}.table-seat-chips .disconnect-countdown{display:none}.dealer-chip,.turn-chip{text-transform:uppercase;border-radius:999px;padding:.18rem .38rem;font-size:.6rem;font-weight:800}.dealer-chip{color:#725115;background:#f7e5ac}.turn-chip{color:#fff;background:var(--green)}.opponent-hand{margin-top:.55rem;overflow:hidden}.opponent-tile-backs{justify-content:center;align-items:end;min-height:3.2rem;display:flex}.opponent-tile-backs .mahjong-tile+.mahjong-tile{margin-left:-1.05rem}.opponent-tile-backs .tile-separated{margin-left:.35rem}.mahjong-tile,.tile-button{aspect-ratio:3/4;background:#fff;border-radius:.33rem;flex:none;place-items:stretch stretch;width:3.2rem;display:inline-grid;overflow:hidden;box-shadow:0 .2rem .35rem #0a251b2e}.mahjong-tile img,.tile-button img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.tile-mini,.tile-back{width:2.25rem}.table-bonuses{gap:.2rem;min-height:2.9rem;margin-top:.5rem;display:flex;overflow-x:auto}.table-no-bonuses{min-height:2rem;color:var(--muted);align-items:center;margin-top:.45rem;font-size:.65rem;display:flex}.table-center-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.table-center-heading h2{margin:0;font-size:1.15rem}.table-center-heading span,.empty-river{color:var(--muted);font-size:.7rem}.empty-river{text-align:center;place-items:center;min-height:13rem;margin:0;display:grid}.discard-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.38rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.discard-grid li{justify-content:center;min-width:0;display:flex;position:relative}.discard-grid .mahjong-tile{width:min(100%,2.3rem)}.discard-sequence{z-index:1;color:#fff;background:var(--deep-green);font-variant-numeric:tabular-nums;border-radius:999px;padding:.1rem .25rem;font-size:.52rem;font-weight:800;position:absolute;top:-.2rem;right:-.1rem}.own-hand-area{border-top:1px solid var(--line);margin-top:.55rem;padding-top:.65rem}.own-hand-copy{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.45rem;display:flex}.own-hand-copy strong{color:var(--deep-green);font-size:.8rem}.own-hand-copy span,.hand-lock-message{color:var(--muted);font-size:.68rem}.own-hand{scrollbar-color:#9ab3a5 transparent;align-items:end;gap:.22rem;padding:.25rem .2rem .6rem;display:flex;overflow-x:auto}.discard-tile-entry{flex:none;display:inline-flex}.tile-button{cursor:pointer;border:2px solid #2e7b57;min-height:0;padding:0;transition:transform .12s,box-shadow .12s;transform:translateY(0)}.tile-button:hover:not(:disabled){transform:translateY(-.45rem);box-shadow:0 .65rem .8rem #0a251b40}.tile-button:disabled{border-color:#0000}.tile-separated{margin-left:.65rem}.hand-lock-message{margin:.45rem 0 0}.table-command-panel{margin-top:.9rem;padding-block:.55rem 1rem}.table-command-panel .command-status:empty{display:none}@media (width<=900px){.table-stage{grid-template-columns:minmax(7.5rem,.6fr) minmax(18rem,1.8fr) minmax(7.5rem,.6fr)}.opponent-tile-backs .mahjong-tile+.mahjong-tile{margin-left:-1.35rem}}@media (width<=700px){.table-title-row{flex-direction:column;align-items:start;margin-top:1.5rem}.wall-summary{grid-template-columns:repeat(3,1fr);width:100%}.preview-notice,.phase-status{flex-direction:column;align-items:start}.phase-window strong{text-align:left}.table-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top""left right""river river""bottom bottom"}.discard-river{min-height:14rem}.empty-river{min-height:8rem}}@media (width<=430px){.table-shell{width:min(100% - .75rem,88rem)}.table-stage{gap:.45rem;padding:.45rem}.table-seat,.discard-river{padding:.55rem}.table-seat-heading{flex-direction:column}.table-seat-chips{justify-content:start}.discard-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.mahjong-tile,.tile-button{width:2.85rem}.tile-mini,.tile-back{width:1.9rem}.own-hand-copy{flex-direction:column;align-items:start}}.brand-mark,.loading-mark{color:#f8f4e8;background:var(--deep-green);border-radius:1rem;place-items:center;width:4rem;height:4rem;margin-bottom:1.75rem;font-family:Georgia,serif;font-size:2rem;display:grid;box-shadow:.45rem .45rem #cbb985}.eyebrow,.step-label{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem;font-size:.72rem;font-weight:800}.entry-card,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffefaf0;border-radius:1rem}.entry-card{padding:clamp(1.5rem,5vw,2.4rem)}.entry-card form{margin-top:1.5rem}.entry-card form>button{margin-top:.75rem}.primary-action,.secondary-action,.descriptor-action,.retry-action{border:1px solid #0000;border-radius:.62rem;min-height:2.8rem;padding:.68rem 1rem;font-weight:730}.primary-action{color:#fff;background:var(--green);width:100%}.primary-action:hover:not(:disabled){background:var(--deep-green)}.secondary-action{color:var(--deep-green);background:#f7faf6;border-color:#b9c9be}.divider{color:#8b958e;text-transform:uppercase;align-items:center;gap:.8rem;margin:1.7rem 0;font-size:.78rem;display:flex}.divider:before,.divider:after{background:var(--line);content:"";flex:1;height:1px}.page-shell{width:min(75rem,100% - 2rem);margin:0 auto;padding:1.5rem 0 4rem}.narrow-shell{flex-direction:column;justify-content:center;gap:2rem;width:min(34rem,100% - 2rem);min-height:100vh;display:flex}.brand-link{width:fit-content;color:var(--deep-green);background:0 0;border:0;align-items:center;gap:.65rem;padding:0;font-family:Georgia,serif;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-link>span:first-child{color:#fff;background:var(--deep-green);border-radius:.45rem;place-items:center;width:2rem;height:2rem;display:grid}.join-card>p:not(.step-label),.lost-card>p{color:var(--muted);line-height:1.55}.lost-card{text-align:center}.lost-card .primary-action{margin-top:1rem}.link-action{text-align:center;text-decoration:none;display:block}.lost-icon{width:3.5rem;height:3.5rem;color:var(--green);background:var(--jade);border-radius:50%;place-items:center;margin:0 auto 1.25rem;font-size:1.75rem;display:grid}.room-reference{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.8rem}.loading-shell{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;display:grid}.lobby-header{justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;display:flex}.connection-status{border:1px solid var(--line);color:var(--muted);background:var(--paper);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.connection-status>span{background:#c18a38;border-radius:50%;width:.55rem;height:.55rem}.connection-status.connected>span{background:#2f9562;box-shadow:0 0 0 .2rem #dcefe4}.connection-status.offline>span{background:#9b4c47}.lobby-title-row{justify-content:space-between;align-items:end;gap:2rem;margin:3.5rem 0 2rem;display:flex}.lobby-title-row h1{font-size:clamp(2.4rem,7vw,4.2rem)}.lobby-title-row p:last-child{max-width:36rem;color:var(--muted);margin-bottom:0;line-height:1.55}.room-status,.read-only-chip{color:var(--green);background:var(--jade);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.48rem .7rem;font-size:.72rem;font-weight:800}.lobby-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start;gap:1.25rem;display:grid}.main-column,.side-column{gap:1.25rem;display:grid}.panel{padding:1.35rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading h2,.panel-heading p{margin-bottom:0}.panel-heading>span:not(.read-only-chip){color:var(--muted);font-size:.82rem;font-weight:700}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.seat{border:1px solid var(--line);background:#fff;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:6rem;padding:.9rem;display:grid}.seat.empty{background:#f8f9f5;border-style:dashed}.seat-number{width:2rem;height:2rem;color:var(--green);background:var(--jade);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid}.seat-copy{gap:.25rem;min-width:0;display:grid}.seat-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-copy span{color:var(--muted);font-size:.78rem}.ready-chip,.waiting-chip{border-radius:999px;width:fit-content;padding:.22rem .45rem;font-size:.67rem;font-weight:750}.ready-chip{color:#176044;background:#e1f1e7}.waiting-chip{color:#866326;background:#f7edcf}.seat-statuses{flex-wrap:wrap;grid-column:2;align-items:center;gap:.45rem;display:flex}.disconnected-status{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.disconnected-chip{width:fit-content;color:var(--red);background:#f8e3df;border-radius:999px;padding:.22rem .45rem;font-size:.67rem;font-weight:750}.disconnect-countdown{color:var(--red);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700}.rules-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.rules-list>div{border-top:1px solid var(--line);grid-template-columns:7rem minmax(0,1fr);gap:.75rem;padding:.85rem 0;display:grid}.rules-list>div:nth-child(odd){padding-right:1.25rem}.rules-list>div:nth-child(2n){border-left:1px solid var(--line);padding-left:1.25rem}.rules-list dt{color:var(--muted);font-size:.78rem;font-weight:700}.rules-list dd{overflow-wrap:anywhere;margin:0;font-size:.82rem}.fine-print{color:var(--muted);margin:.65rem 0 0;font-size:.78rem;line-height:1.5}.rule-details{gap:.5rem;display:grid}.rule-details details{border-top:1px solid var(--line);padding-top:.7rem}.rule-details summary{color:var(--green);cursor:pointer;font-size:.8rem;font-weight:750}.rule-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1.25rem;margin:.7rem 0 0;display:grid}.rule-details dl>div{justify-content:space-between;gap:.75rem;padding:.35rem 0;font-size:.75rem;display:flex}.rule-details dt{color:var(--muted)}.rule-details dd{text-align:right;margin:0;font-weight:700}.invite-panel>p:not(.step-label),.setup-panel>p:not(.step-label){color:var(--muted);font-size:.88rem;line-height:1.55}.full-width{width:100%}.invite-actions,.action-stack{gap:.55rem;display:grid}.action-entry{gap:.3rem;display:grid}.disabled-reason{color:var(--muted);margin:0;font-size:.75rem;line-height:1.4}.descriptor-action,.retry-action{width:100%;color:var(--deep-green);background:#f8faf7;border-color:#bcc9c0}.descriptor-action.tone-primary{color:#fff;border-color:var(--green);background:var(--green)}.descriptor-action.tone-danger{color:var(--red);background:#fff8f7;border-color:#d9b8b5}.retry-action{color:#805f22;background:#fff9e8;border-color:#d7c692;margin-top:.55rem}.message{overflow-wrap:anywhere;border-radius:.55rem;margin:.8rem 0 0;padding:.65rem .75rem;font-size:.8rem;line-height:1.45}.error{color:#8f2e2a;background:#fff0ef}.notice{color:#73561d;background:#fff7df}@media (width<=760px){.lobby-layout{grid-template-columns:1fr}.lobby-title-row{flex-direction:column;align-items:start;margin-top:2rem}.seat-grid,.rules-list{grid-template-columns:1fr}.rules-list>div:nth-child(odd){padding-right:0}.rules-list>div:nth-child(2n){border-left:0;padding-left:0}.rule-details dl{grid-template-columns:1fr}}