.game-brand{display:grid;width:fit-content;text-transform:uppercase}.game-brand .eyebrow{margin-bottom:.25rem;color:var(--color-gold);font-size:.7rem;font-weight:700;letter-spacing:.28em}.game-brand .title{font-family:Georgia,Times New Roman,serif;font-size:clamp(3.75rem,13vw,7.5rem);font-weight:700;line-height:.78;letter-spacing:-.07em}.game-brand .subtitle{justify-self:end;margin-top:.5rem;color:var(--color-gold);font-size:clamp(1rem,4vw,1.8rem);font-weight:800;line-height:1;letter-spacing:.5em}.lobby-form{width:min(100%,28rem);padding:clamp(1.5rem,5vw,2.25rem);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgb(31 29 25 / 94%),var(--color-panel));box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.lobby-form .topline{display:flex;gap:.65rem;align-items:center;color:var(--color-gold);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.lobby-form .heading{margin:.75rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,8vw,3rem);line-height:1}.lobby-form .description{margin:.85rem 0 1.5rem;color:var(--color-muted);line-height:1.55}.lobby-form .intent-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;margin-bottom:1.5rem;border:1px solid rgb(255 255 255 / 9%);border-radius:.7rem;background:#00000038}.lobby-form .intent-tabs button{padding:.7rem;border:0;border-radius:var(--radius-sm);color:var(--color-muted);background:transparent;cursor:pointer}.lobby-form .intent-tabs button[aria-pressed=true]{color:var(--color-ink);background:#ffffff17;box-shadow:0 .15rem .5rem #0003}.lobby-form form{display:grid;gap:1rem}.lobby-form form label{display:grid;gap:.45rem}.lobby-form form label span{color:var(--color-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lobby-form form label input{width:100%;padding:.9rem 1rem;border:1px solid rgb(255 255 255 / 13%);border-radius:var(--radius-sm);color:var(--color-ink);background:#03030361}.lobby-form form label input::placeholder{color:#716e67}.lobby-form .error{margin:0;color:var(--color-danger);font-size:.85rem}.lobby-form .submit{display:flex;justify-content:space-between;align-items:center;min-height:3.25rem;padding:.8rem 1rem;border:1px solid #f1c875;border-radius:var(--radius-sm);color:#17130c;background:linear-gradient(135deg,var(--color-gold-bright),var(--color-gold));font-weight:800;cursor:pointer;transition:transform .15s ease,filter .15s ease}.lobby-form .submit:hover{filter:brightness(1.08);transform:translateY(-.1rem)}.lobby-form .submit:active{transform:translateY(0)}.lobby-form .footnote{margin:1.25rem 0 0;color:#79766f;font-size:.75rem;text-align:center}@media(prefers-reduced-motion:reduce){.lobby-form .submit{transition:none}}.home-page{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,8vw,7rem);align-items:center;min-height:100vh;padding:clamp(1.25rem,5vw,4.5rem);overflow:hidden}.home-page:before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 22% 28%,rgb(158 78 47 / 24%),transparent 32rem),linear-gradient(110deg,#101113,#08090a 60%);content:""}.home-page:after{position:absolute;z-index:-1;inset:0;opacity:.2;background-image:repeating-linear-gradient(90deg,transparent 0 4.9rem,rgb(255 255 255 / 3%) 5rem);-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%);content:"";pointer-events:none}.home-page .atmosphere{position:absolute;z-index:-1;width:22rem;height:22rem;border:1px solid rgb(229 184 91 / 11%);border-radius:50%;top:-9rem;right:-7rem;box-shadow:0 0 0 3rem #e5b85b05,0 0 0 7rem #e5b85b04}.home-page .brand-column{display:grid;gap:2rem;align-content:center}.home-page .tagline{max-width:34rem;margin:0;color:var(--color-muted);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,2.3vw,1.4rem);font-style:italic;line-height:1.55}.home-page .rule-line{display:flex;gap:.7rem;align-items:center;color:var(--color-gold);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.home-page .rule-line i{display:block;width:1.5rem;height:1px;background:var(--color-line)}.home-page .disclaimer{position:absolute;bottom:1rem;left:50%;width:max-content;max-width:calc(100% - 2rem);margin:0;color:#5e5c57;font-size:.65rem;text-align:center;transform:translate(-50%)}@media(min-width:56rem){.home-page{grid-template-columns:minmax(0,1fr) minmax(22rem,28rem)}}.lobby-page{position:relative;min-height:100vh;padding:clamp(1.25rem,4vw,3.5rem);background:radial-gradient(circle at 80% 0%,rgb(158 78 47 / 20%),transparent 30rem),linear-gradient(135deg,#111214,#08090a)}.lobby-page .brand-link{color:inherit;text-decoration:none}.lobby-page .brand-link .game-brand .title{font-size:clamp(2.4rem,6vw,4rem)}.lobby-page .brand-link .game-brand .subtitle{font-size:.75rem}.lobby-page.entry{display:grid;grid-template-rows:auto 1fr;gap:2rem}.lobby-page.entry .lobby-form{place-self:center}.lobby-page.invalid{display:grid;gap:3rem;align-content:center;justify-items:center;text-align:center}.lobby-page.invalid .invalid-card{max-width:34rem}.lobby-page.invalid .invalid-card span{color:var(--color-danger);font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.lobby-page.invalid .invalid-card h1{margin:.7rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,8vw,4rem)}.lobby-page.invalid .invalid-card p{color:var(--color-muted)}.lobby-page.invalid .invalid-card a{display:inline-block;margin-top:1rem;color:var(--color-gold-bright)}.lobby-page.table header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;max-width:72rem;margin:0 auto 3rem}.lobby-page.table .connection{display:flex;gap:.5rem;align-items:center;padding:.45rem .7rem;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;color:var(--color-muted);font-size:.7rem;text-transform:capitalize}.lobby-page.table .connection span{width:.45rem;height:.45rem;border-radius:50%;background:#d8984e}.lobby-page.table .connection.connected span{background:#7fc18a;box-shadow:0 0 .6rem #7fc18a99}.lobby-page.table .connection.error span,.lobby-page.table .connection.disconnected span{background:var(--color-danger)}.lobby-page .lobby-panel{display:grid;grid-template-columns:1fr;gap:2rem;max-width:72rem;padding:clamp(1.5rem,5vw,3.5rem);margin:0 auto;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#1d1c19f2,#101010f2);box-shadow:var(--shadow-panel)}.lobby-page .lobby-panel .intro .kicker{color:var(--color-gold);font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.lobby-page .lobby-panel .intro h1{margin:.7rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,7vw,4.75rem);line-height:.95}.lobby-page .lobby-panel .intro p{max-width:34rem;margin:0;color:var(--color-muted);line-height:1.6}.lobby-page .lobby-panel .join-code{display:grid;align-content:center;padding:1.5rem;border:1px dashed var(--color-line);border-radius:var(--radius-md);background:#0003;text-align:center}.lobby-page .lobby-panel .join-code span{color:var(--color-muted);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.lobby-page .lobby-panel .join-code strong{margin:.3rem 0;color:var(--color-gold-bright);font-size:clamp(2rem,8vw,3.2rem);letter-spacing:.16em}.lobby-page .lobby-panel .join-code small{overflow:hidden;color:#77736b;text-overflow:ellipsis;white-space:nowrap}.lobby-page .lobby-panel .players .players-heading{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:.75rem;border-bottom:1px solid rgb(255 255 255 / 9%)}.lobby-page .lobby-panel .players .players-heading h2{margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.lobby-page .lobby-panel .players .players-heading span{color:var(--color-muted);font-size:.75rem}.lobby-page .lobby-panel .players ul{display:grid;gap:.6rem;padding:0;margin:1rem 0 0;list-style:none}.lobby-page .lobby-panel .players ul li{display:flex;gap:.8rem;align-items:center;min-height:3rem;padding:.7rem .9rem;border:1px solid rgb(255 255 255 / 7%);border-radius:var(--radius-sm);background:#ffffff08}.lobby-page .lobby-panel .players ul li .seat{color:var(--color-gold);font-family:ui-monospace,monospace;font-size:.7rem}.lobby-page .lobby-panel .players ul li .name{flex:1;font-weight:650}.lobby-page .lobby-panel .players ul li .you{color:var(--color-muted);font-size:.65rem;text-transform:uppercase}.lobby-page .lobby-panel .socket-error{grid-column:1 / -1;margin:0;color:var(--color-danger);font-size:.85rem}.lobby-page .lobby-panel .actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.lobby-page .lobby-panel .actions button{min-width:10rem;padding:.85rem 1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:var(--radius-sm);color:#77736b;background:#ffffff0d}.lobby-page .lobby-panel .actions span{color:#77736b;font-size:.75rem}@media(min-width:48rem){.lobby-page .lobby-panel{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr)}.lobby-page .lobby-panel .players,.lobby-page .lobby-panel .actions{grid-column:1 / -1}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f1ead7;background:#090a0c;font-synthesis:none;text-rendering:optimizeLegibility;--color-ink: #f1ead7;--color-muted: #a8a397;--color-gold: #e5b85b;--color-gold-bright: #ffd985;--color-rust: #9e4e2f;--color-panel: rgb(24 24 24 / 86%);--color-line: rgb(229 184 91 / 26%);--color-danger: #f08c76;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.5rem;--shadow-panel: 0 1.5rem 5rem rgb(0 0 0 / 42%)}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:#090a0c}body{min-width:20rem;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:.1875rem solid var(--color-gold-bright);outline-offset:.1875rem}::selection{color:#101010;background:var(--color-gold-bright)}