: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{cursor:wait;opacity:.58}button:focus-visible,input:focus-visible,.recent-room-link: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:#8a958e}.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}.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}.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}.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}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.inline-form .secondary-action{min-height:3.1rem}.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){.home-shell,.lobby-layout{grid-template-columns:1fr}.home-shell{gap:2.25rem;padding:2.5rem 0}.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}}@media (width<=430px){.inline-form{grid-template-columns:1fr}.inline-form .secondary-action{width:100%}}