*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--felt: #0d3b24;--felt-light: #14522f;--wood: #5b3a1e;--cream: #f5efe0;--ink: #22201b;--accent: #e8a33d;--danger: #c0392b}html,body{height:100%;overscroll-behavior:none}body{background:radial-gradient(circle at 50% 30%,var(--felt-light),var(--felt) 70%);color:var(--cream);font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app{height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}h1.logo{font-size:clamp(2rem,8vw,3.4rem);letter-spacing:.02em;text-shadow:0 3px 0 rgba(0,0,0,.35)}.logo .beaver{display:block;font-size:clamp(3rem,14vw,5rem);filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}button.bb{font:inherit;font-size:1.05rem;font-weight:600;color:var(--ink);background:var(--cream);border:none;border-radius:12px;padding:14px 26px;min-width:220px;cursor:pointer;box-shadow:0 4px #00000059;transition:transform .06s ease,box-shadow .06s ease}button.bb:active{transform:translateY(3px);box-shadow:0 1px #00000059}button.bb.primary{background:var(--accent)}button.bb.small{min-width:0;padding:10px 18px;font-size:.95rem}button.bb:disabled{opacity:.45;cursor:default}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.field{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.field input{font:inherit;padding:10px 12px;border-radius:10px;border:none;width:220px}#table-root{position:relative;flex:1;display:flex;flex-direction:column}#pixi-host{flex:1;position:relative}#pixi-host canvas{position:absolute;top:0;right:0;bottom:0;left:0}#hud{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px 14px calc(14px + env(safe-area-inset-bottom));pointer-events:none}#hud .row{pointer-events:auto}#hint{font-size:.95rem;background:#00000073;padding:6px 14px;border-radius:999px;max-width:92vw}#toasts{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.toast{background:#0009;color:var(--cream);padding:6px 14px;border-radius:999px;font-size:.9rem;animation:toast-in .18s ease-out,toast-out .4s ease-in 2.6s forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0}}.toast.banner{font-size:1.25rem;font-weight:700;background:#c0392bd9;padding:10px 22px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#081a11f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;z-index:20}.overlay h2{font-size:1.6rem}.overlay.conn{background:#081a1199}.overlay.finale-end{background:#081a1159;justify-content:flex-end;padding-bottom:48px}.overlay.finale-end table.scores{background:#081a11bf;border-radius:10px;padding:6px 14px}.overlay .subtle{opacity:.75;font-size:.95rem}.cards-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mini-card{width:64px;height:90px;border-radius:8px;background:var(--cream);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:700;box-shadow:0 3px 6px #0006}.mini-card.special{background:#d8ecf7;font-size:.8rem;letter-spacing:.04em}.mini-card.back{background:repeating-linear-gradient(45deg,#6b4423,#6b4423 8px,#5b3a1e 8px,#5b3a1e 16px);color:transparent}table.scores{border-collapse:collapse;min-width:260px}table.scores td,table.scores th{padding:6px 14px;border-bottom:1px solid rgba(255,255,255,.15)}table.scores .lead{color:var(--accent);font-weight:700}.subtle{opacity:.75;font-size:.95rem}.room-code{font-size:2.6rem;font-weight:800;letter-spacing:.35em;text-indent:.35em;background:#0000004d;border-radius:14px;padding:10px 18px;-webkit-user-select:text;user-select:text}.lobby-list{display:flex;flex-direction:column;gap:8px;min-width:280px}.lobby-seat{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#00000040;border-radius:10px;padding:10px 14px}.lobby-seat .who{font-weight:600}.lobby-seat .tag{opacity:.65;font-size:.85rem}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8f8f8f;margin-right:8px}.dot.on{background:#57c97b}