:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f2e7;background:#07130f;--gold:#e6b84a;--line:#ffffff1c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 35%,#185638,#07130f 70%)}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#ffffff0b;border:1px solid var(--line);border-radius:.7rem;padding:.7rem 1rem}button:disabled{cursor:not-allowed;opacity:.35}.primary{background:var(--gold);color:#1c1608;border:0;font-weight:800}.view{width:min(1180px,94vw);margin:auto}.home{padding:10vh 0}.home header{max-width:760px}.eyebrow{margin:0;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800}h1{font-family:Georgia,serif;font-size:clamp(3rem,8vw,7rem);line-height:.85;margin:.25rem 0 1.4rem}h2{font-family:Georgia,serif;font-size:2rem;margin:.3rem 0 1.6rem}.home header>p:last-child{font-size:1.15rem;line-height:1.6;color:#d8dfda}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}.panel{padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:#07130fd9;box-shadow:0 2rem 5rem #0005}.step{float:right;font:3rem Georgia;color:#ffffff1c}.panel label{display:grid;gap:.5rem;margin:1rem 0;color:#bec9c2}.panel input,.panel select,.settings select{width:100%;padding:.85rem;color:#fff;background:#ffffff0b;border:1px solid var(--line);border-radius:.65rem}.code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:800}.panel .primary{width:100%;margin-top:1rem}#notice{position:fixed;z-index:20;top:1rem;left:50%;transform:translateX(-50%);padding:.7rem 1rem;border-radius:2rem;background:#10261d;box-shadow:0 .5rem 2rem #0008}#notice:empty{display:none}#notice.error{background:#7d2525}.room{padding:1.3rem 0 4rem}.room-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.room-bar h1{font-size:2rem;margin:.2rem 0}.room-bar h1 button{font-family:inherit;font-size:inherit;padding:.15rem .5rem;color:var(--gold)}.round{text-align:center;display:grid}.round span{color:#9eafa6;font-size:.8rem}.score{justify-self:end;display:flex;gap:.5rem}.score>div{display:grid;grid-template-columns:auto auto;gap:0 .75rem;padding:.65rem 1rem;border:1px solid var(--line);border-radius:.8rem}.score strong{grid-row:1/3;grid-column:2;font-size:1.8rem}.score span,.score small{font-size:.7rem;color:#aebcb4}.table-shell{display:grid;grid-template-columns:13rem 1fr 13rem;grid-template-rows:auto minmax(280px,45vh) auto;gap:.7rem;margin:1rem 0}.felt{grid-area:2/2;border:1px solid #ffffff20;border-radius:45%;display:grid;place-items:center;background:radial-gradient(circle,#23734d,#0c3b27);box-shadow:inset 0 0 5rem #0005,0 2rem 4rem #0005}.seat{min-height:76px;padding:.8rem;border:1px solid var(--line);border-radius:1rem;background:#0b1b15;display:grid;align-content:center;text-align:center}.seat small,.seat span{color:#97a69e;font-size:.7rem}.seat strong{font-size:1.05rem}.seat.active{outline:2px solid var(--gold);box-shadow:0 0 2rem #e6b84a35}.north{grid-area:1/2}.south{grid-area:3/2}.west{grid-area:2/1;align-self:center}.east{grid-area:2/3;align-self:center}.seat button{font-size:.7rem;padding:.35rem;margin-top:.35rem}.lobby-actions,.settings{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.settings{padding:.6rem 1rem;border:1px solid var(--line);border-radius:1rem}.settings label{display:flex;gap:.4rem;align-items:center;font-size:.8rem}.settings select{padding:.35rem;width:auto}#spectators{width:100%;text-align:center;color:#9eafa6}.bids{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;margin:1rem}.bids button{min-width:3rem}.hand{display:flex;justify-content:center;align-items:end;min-height:170px;padding:1rem 0;overflow-x:auto}.playing-card{flex:0 0 72px;height:110px;margin-left:-18px;background:#f8f3e7;color:#171713;border:0;border-radius:.6rem;box-shadow:0 .5rem 1rem #0006;display:grid;align-content:space-between;text-align:left;font:700 1.15rem Georgia}.playing-card:first-child{margin-left:0}.playing-card b{font-size:2rem;text-align:center}.playing-card.hearts,.playing-card.diamonds,.card.hearts,.card.diamonds{color:#b52626}.playing-card:not(:disabled):hover{transform:translateY(-12px)}#trick{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.card{width:76px;height:105px;padding:.5rem;background:#f8f3e7;color:#171713;border-radius:.5rem;display:grid}.card small{color:#555;font:9px sans-serif}.card strong{font:700 1.5rem Georgia;text-align:center}.result{width:min(620px,90%);margin:1rem auto;padding:1rem 1.5rem;background:#07130fe8;border:1px solid var(--gold);border-radius:1rem}.continue{text-align:center}@media(max-width:760px){.home-grid{grid-template-columns:1fr}.room-bar{grid-template-columns:1fr}.round{text-align:left}.score{justify-self:start}.table-shell{grid-template-columns:5rem 1fr 5rem;grid-template-rows:auto minmax(240px,38vh) auto}.seat{padding:.35rem;min-height:60px}.seat small{display:none}.playing-card{flex-basis:58px;height:92px}.score>div{padding:.45rem .65rem}}