:root{--bg: #0b3d26;--backdrop: radial-gradient(90% 60% at 50% 0%, #17694a 0%, transparent 70%), radial-gradient(80% 60% at 50% 110%, #072a1a 0%, transparent 70%), #0b3d26;--surface: #fffaf0;--surface-2: #f1e9d8;--text: #1c1a24;--muted: #6f6a7d;--on-bg: #f4f1e8;--on-bg-muted: #b9d3c3;--accent: #e8a317;--accent-text: #2a1a00;--danger: #e0353b;--felt: #1d7a4e;--felt-edge: #0f4a2f;--rail: #5a3418;--rim: #ffffff;--drop: rgb(0 0 0 / .28);--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}:root{--accent-hi: color-mix(in srgb, var(--accent) 70%, white);--accent-lo: color-mix(in srgb, var(--accent) 62%, black);--edge: color-mix(in srgb, var(--surface-2) 78%, black)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background:var(--backdrop);background-attachment:fixed;color:var(--on-bg);font:700 16px/1.4 var(--font)}button,input,select{font:inherit}h1,h2{margin:0;font-weight:900;line-height:1.15}h2{font-size:1.2rem}.muted{color:var(--muted)}.splash{min-height:100dvh}.screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:460px;min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.screen.center{justify-content:center}.top-right{align-self:flex-end}.logo{display:flex;flex-direction:column;align-items:center;gap:6px}.logo img{filter:drop-shadow(0 4px 0 var(--drop))}.logo h1{font-size:2.4rem;letter-spacing:.01em;text-shadow:0 3px 0 var(--drop)}.tagline{margin:-6px 0 0;color:var(--on-bg-muted);text-align:center}.card{width:100%;padding:18px 16px;border:3px solid var(--rim);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 5px 0 var(--drop),0 14px 32px #00000040}.stack{display:flex;flex-direction:column;gap:12px}.note{margin:0;color:var(--muted);font-size:.9rem}.note.invited{color:var(--text);font-size:1.05rem}.center-text{text-align:center}.row{display:flex;gap:8px}.row input{flex:1;min-width:0}input{min-height:52px;padding:0 14px;border:2.5px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:16px;background:var(--surface-2);color:var(--text);font-size:1.1rem;outline:none}input:focus{border-color:var(--accent)}.code-input{font-weight:900;letter-spacing:.25em;text-transform:uppercase}.code-input::placeholder{letter-spacing:normal;text-transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:50px;padding:.55rem 1.1rem;border:2.5px solid var(--rim);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface-2));color:var(--text);font-weight:900;line-height:1.15;text-align:center;text-decoration:none;cursor:pointer;box-shadow:inset 0 -4px color-mix(in srgb,var(--text) 7%,transparent),0 4px 0 var(--edge),0 7px 14px #0000002e;transition:transform .08s,box-shadow .08s,opacity .15s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 -2px color-mix(in srgb,var(--text) 7%,transparent),0 1px 0 var(--edge)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{--ink: var(--accent-lo);background:linear-gradient(180deg,var(--accent-hi),var(--accent) 55%,color-mix(in srgb,var(--accent) 88%,black));color:#fff;text-shadow:0 2px 0 var(--ink),1.5px 0 0 var(--ink),-1.5px 0 0 var(--ink),0 -1.5px 0 var(--ink);box-shadow:inset 0 -5px #00000029,inset 0 3px #ffffff40,0 5px 0 var(--ink),0 9px 18px color-mix(in srgb,var(--ink) 35%,transparent)}.btn.big{min-height:60px;font-size:1.3rem}.btn.small{min-height:40px;padding:.35rem .8rem;border-radius:14px;font-size:.9rem}.btn.ghost{border-color:transparent;background:color-mix(in srgb,var(--text) 6%,transparent);box-shadow:none}.btn.wide{width:100%}.lang-select{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:14px;background:#00000038}.lang-select select{border:0;background:transparent;color:var(--on-bg);font-weight:800}.lang-select option{color:#000}.me-card{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:48px;height:48px;flex:none;border:3px solid var(--rim);border-radius:50%;background:linear-gradient(180deg,#ffcf6b,#f59e2b);color:#fff;font-size:1.3rem;font-weight:900;text-shadow:0 2px 0 #b9650f;box-shadow:0 3px 0 var(--drop)}.who{display:flex;flex:1;min-width:0;flex-direction:column}.who strong{overflow:hidden;font-size:1.15rem;text-overflow:ellipsis;white-space:nowrap}.account-link{color:var(--on-bg-muted);font-size:.9rem}.table-screen{display:flex;flex-direction:column;min-height:100dvh;padding:max(10px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}.table-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.table-bar .ghost{background:#00000038;color:var(--on-bg)}.table-code{font-size:1.2rem;font-weight:900;letter-spacing:.2em}.felt-wrap{display:grid;flex:1;place-items:center;padding:44px 6px 52px}.felt{position:relative;width:min(100%,420px);aspect-ratio:3 / 4.6;max-height:72dvh;border:14px solid var(--rail);border-radius:50%/38%;background:radial-gradient(70% 60% at 50% 42%,#2c9a63,var(--felt) 55%,var(--felt-edge));box-shadow:inset 0 0 0 3px #ffffff1f,inset 0 10px 30px #00000059,0 0 0 3px #3a200d,0 10px #2a1608,0 22px 44px #00000073}.felt-center{position:absolute;inset:30% 14%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#e9f6ee;text-align:center}.felt-center strong{font-size:1.25rem}.felt-center span{color:#bfe6cf}.felt-center small{color:#9fd0b4;font-size:.78rem}.seat{position:absolute;display:grid;place-items:center;width:86px;transform:translate(-50%,-50%)}.seat.bottom{left:50%;top:100%}.seat.bottom-left{left:8%;top:72%}.seat.top-left{left:8%;top:26%}.seat.top{left:50%;top:0%}.seat.top-right{left:92%;top:26%}.seat.bottom-right{left:92%;top:72%}.seat-free{display:grid;place-items:center;width:72px;height:72px;border:3px dashed rgb(255 255 255 / .55);border-radius:50%;background:#00000047;color:#fff;font-weight:900;cursor:pointer}button.seat-free:active{transform:scale(.95)}.seat-free.idle{border-style:dotted;color:#ffffff8c;font-size:.75rem;cursor:default}.seat-card{display:flex;flex-direction:column;align-items:center;width:86px;padding:6px 6px 7px;border:3px solid var(--rim);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 4px 0 var(--drop)}.seat-card .avatar{width:40px;height:40px;margin-top:-24px;font-size:1.05rem}.seat-card.mine{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent),0 4px 0 var(--drop)}.seat-card.away{opacity:.7}.seat-name{max-width:100%;overflow:hidden;font-size:.85rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.seat-stack{padding:0 8px;border-radius:10px;background:#1c1a24;color:#ffd76a;font-size:.85rem;font-weight:900}.seat-away{color:var(--muted);font-size:.7rem}.table-foot{display:flex;align-items:center;justify-content:center;gap:14px;min-height:56px}.table-foot .muted{color:var(--on-bg-muted)}.spinner{width:44px;height:44px;border:5px solid rgb(255 255 255 / .25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.conn-banner{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;z-index:20;padding:6px 14px;border-radius:14px;background:#1c1a24;color:#fff;font-size:.85rem;transform:translate(-50%)}.conn-banner.offline{background:var(--danger)}.toasts{position:fixed;bottom:max(84px,calc(env(safe-area-inset-bottom) + 70px));left:50%;z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(92vw,420px);transform:translate(-50%);pointer-events:none}.toast{padding:10px 16px;border:2.5px solid var(--rim);border-radius:16px;background:#1c1a24;color:#fff;text-align:center;box-shadow:0 4px 0 var(--drop)}.toast.error{background:var(--danger)}