@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--ink:#142738;--muted:#5d6d79;--muted-strong:#42525d;--paper:#f5efe6;--surface:#ffffffc7;--line:#14273814;--accent:#703ad3;--accent-strong:#5f27b8;--shadow-soft:0 18px 42px #2b20181f;--heading:"Space Grotesk", "Arial Narrow", sans-serif;--body:"Instrument Sans", "Trebuchet MS", sans-serif;font:17px/1.5 var(--body);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#e3f5ff4d,#0000 28%),radial-gradient(circle at 100% 100%,#e2f8f138,#0000 24%),linear-gradient(#e8f2f6 0% 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}body:before{content:"";pointer-events:none;opacity:.4;background-image:linear-gradient(#1427380a 1px,#0000 1px),linear-gradient(90deg,#1427380a 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 85%);mask-image:radial-gradient(circle,#000 42%,#0000 85%)}#root{min-height:100svh}h1,h2,h3,strong{font-family:var(--heading);color:var(--ink)}h1{letter-spacing:-.08em;font-size:3rem;line-height:.95}h2{letter-spacing:-.06em;font-size:clamp(1.5rem,2.8vw,2.2rem)}h3{letter-spacing:-.04em;font-size:1.1rem}p{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}::selection{background:#703ad338}.shell{min-height:100svh;padding:32px}.stack{gap:14px;display:grid}.field{gap:8px;display:grid}.field label,.helper-text{color:var(--muted)}.helper-text{margin:1rem}.field input{font:inherit;color:var(--ink);background:#ffffffc7;border:1px solid #1427381f;border-radius:16px;padding:14px 16px}.field input:focus{border-color:#5130c88c;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #7730c81f}.field input[aria-invalid=true]{border-color:#c24848eb;box-shadow:0 0 0 4px #c2484824}.field-error{color:#b84b4b;font-size:.92rem}.button,.ghost-button,.secondary-action{font:inherit;cursor:pointer;border:none;border-radius:16px;text-decoration:none;transition:transform .16s,box-shadow .16s,opacity .16s,background .16s,color .16s}.button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fffaf4;padding:14px 18px;box-shadow:0 18px 30px #5830c83d}.ghost-button,.secondary-action{color:var(--ink);background:#1427380f;padding:14px 18px}.button:disabled,.ghost-button:disabled,.secondary-action:disabled{opacity:.55;cursor:not-allowed;transform:none}.feedback{color:#bdb7c5;background:#c85c301a;border-radius:16px;padding:14px 16px}.feedback.success{color:#166a56;background:#5bc3a11f}.shell--game{padding:0}.surface,.table-stage,.summary-panel,.join-sheet,.room-footer{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.surface{border-radius:32px;padding:24px}@supports ((-moz-appearance:none)){.surface,.summary-panel,.join-sheet,.room-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb, var(--surface) 92%, white 8%);box-shadow:0 10px 24px #05121c14}.game-overlays{transform:translateZ(0)}}.surface h2,.summary-panel h2,.join-sheet h2,.table-center h2,.room-footer h2{margin:0}.empty-state{text-align:center;place-items:center;gap:14px;min-height:60svh;display:grid}.eyebrow{color:var(--muted-strong);letter-spacing:.18em;text-transform:uppercase;background:#14273814;border-radius:999px;padding:8px 14px;font-size:.8rem;display:inline-flex}.page-stack--game{grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-height:100svh;display:grid}.game-main{min-height:0;display:flex;position:relative;overflow:auto}.game-overlays{z-index:4;gap:12px;width:min(420px,100% - 48px);display:grid;position:absolute;inset:32px 32px auto auto}.room-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.room-header h1{margin:10px 0 8px}.button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.room-footer{padding:8px 28px}.surface--header,.room-footer,.summary-panel{box-shadow:none;border-left:none;border-right:none;border-radius:0}.surface--header{border-top:none;padding:8px 28px}.status-chip{color:var(--muted);background:#1427380f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.status-chip strong{color:var(--ink)}.table-stage{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;flex:1;padding:8px;overflow:auto}.table-stage-inner{isolation:isolate;background:radial-gradient(circle at top,#66bca23d,#0000 42%),linear-gradient(160deg,#163142 0%,#0e2431 72%,#0a1d28 100%);border-radius:32px;min-height:max(620px,100%);position:relative;overflow:visible}.table-stage-inner:before{content:"";pointer-events:none;z-index:0;border:1px solid #ffffff14;border-radius:30px;position:absolute;inset:18px}.table-confetti-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.table-mode-toggle{z-index:2;color:#f8efe4;cursor:pointer;-webkit-user-select:none;user-select:none;background:#07141c9e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:12px;padding:10px 14px;display:inline-flex;position:absolute;top:24px;left:24px;box-shadow:0 10px 24px #00000038}.table-mode-toggle input{opacity:0;pointer-events:none;position:absolute}.table-mode-toggle__label{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.table-mode-toggle__track{background:#ffffff29;border:1px solid #ffffff24;border-radius:999px;align-items:center;width:48px;height:28px;padding:3px;transition:background-color .16s,border-color .16s;display:inline-flex}.table-mode-toggle__thumb{background:#fff7ee;border-radius:50%;width:20px;height:20px;transition:transform .16s;box-shadow:0 6px 14px #0000003d}.table-mode-toggle.active .table-mode-toggle__track{background:#7bc9ff4d;border-color:#8fd8ff80}.table-mode-toggle.active .table-mode-toggle__thumb{transform:translate(20px)}.table-mode-toggle:has(input:disabled){opacity:.6;cursor:not-allowed}.table-center{text-align:center;color:#f8efe4;z-index:1;background:radial-gradient(circle at top,#b881ff38,#0000 55%),linear-gradient(#ffffff1a,#ffffff0a);border:1px solid #ffffff1f;border-radius:999px;width:min(440px,100% - 64px);padding:36px 28px;position:absolute;inset:50% auto auto 50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff14}.table-center p,.table-center .helper-text{color:#f8efe4d1}.table-center .table-status--ready{color:#3bda82;font-weight:700}.table-center .table-status--unanimous{color:#f4cf64;font-weight:800}.table-actions{justify-content:center;gap:12px;margin-top:22px;display:flex}.primary-action,.deck-button{font:inherit;cursor:pointer;border:none;border-radius:16px}.primary-action{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fffaf4;padding:14px 18px;box-shadow:0 18px 30px #7730c83d}.deck-button:hover{transform:translateY(-1px)}.primary-action:disabled,.deck-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.player-seat{color:#f8efe4;text-align:center;z-index:1;justify-items:center;gap:12px;width:max-content;display:grid;position:absolute;transform:translate(-50%,-50%)}.player-name{font-family:var(--heading);color:#fff7ee;max-width:124px;font-size:.95rem;line-height:1.2}.vote-card{width:76px;height:104px;font-family:var(--heading);letter-spacing:-.05em;border-radius:20px;place-items:center;font-size:1.5rem;font-weight:700;display:grid;position:relative;overflow:hidden}.vote-card.face-down{color:#f8efe4c7;background:linear-gradient(145deg,#ffffff1f,#ffffff0a),repeating-linear-gradient(45deg,#ffffff14,#ffffff14 8px,#0000 8px 16px);border:1px solid #ffffff1f}.vote-card.face-down.picked{color:#f8efe4;background:linear-gradient(145deg,#54c69261,#267359d6),repeating-linear-gradient(45deg,#ffffff1f,#ffffff1f 8px,#0000 8px 16px);border:2px solid #77e8b566}.vote-card.face-up{color:#331d5c;background:linear-gradient(160deg,#ede7ff,#b9b8f6)}.vote-card-details{justify-items:center;gap:4px;line-height:1;display:grid}.vote-card-value{display:block}.vote-card-diff{letter-spacing:.02em;text-transform:none;opacity:.8;font-size:.44em;font-weight:400;display:block}.vote-card--below .vote-card-value,.vote-card--below .vote-card-diff{color:#d85858}.vote-card--above .vote-card-value,.vote-card--above .vote-card-diff{color:#2d9c64}.player-seat.away{opacity:1}.player-seat.away .player-name{color:#ff8f8f}.player-seat.away .vote-card.face-down{color:#ffd7d7;background:linear-gradient(145deg,#a52b2b66,#5c1212db),repeating-linear-gradient(45deg,#ffd6d624,#ffd6d624 8px,#0000 8px 16px);border-color:#ff8f8f73}.player-seat.spectator .vote-card{opacity:.45}.player-seat.spectator .player-name{color:#f8efe4b8}.vote-card.spectator-card{color:#cfe8f9e0;border-color:#add7f04d}.vote-card.spectator-card.face-down{background:linear-gradient(145deg,#b7d6eb2e,#759db814),repeating-linear-gradient(45deg,#d6eeff14,#d6eeff14 8px,#0000 8px 16px)}.spectator-eye{width:30px;height:30px}.score-pill-grid,.deck-row{grid-template-columns:repeat(13,minmax(68px,1fr));gap:12px;padding-bottom:8px;display:grid}.score-pill,.deck-button{color:#37246a;min-height:114px;font-family:var(--heading);letter-spacing:-.06em;background:linear-gradient(#f1eaff,#dcd3fc);border:2px solid #ccc;padding:16px 10px;font-size:1.5rem;font-weight:700}.score-pill{text-align:center;border-radius:20px;align-content:center;gap:8px;display:grid}.deck-button.selected{background:linear-gradient(180deg, var(--accent), var(--accent-strong));color:#fff7ee;transform:translateY(-6px)}.deck-button small,.score-pill small{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.72rem;display:block}.score-pill-value{color:inherit;display:block}.score-pill.muted{opacity:.35}.summary-grid{display:block}.join-sheet{border-radius:28px;width:min(500px,100%);height:500px;margin:0 auto;padding:24px}.join-sheet--overlay{z-index:3;position:absolute;inset:24px auto auto 50%;transform:translate(-50%)translateY(40%)}.surface--debug{border-radius:24px}.home-layout{justify-content:center;align-items:center;min-height:calc(100svh - 64px);display:flex}.form-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:32px;flex-direction:column;gap:20px;padding:26px;display:flex}.form-panel--centered{width:min(100%,560px);margin:0 auto}.form-panel h2{margin:0}.hero-divider{background:linear-gradient(90deg,#0000,#1427381f,#0000);height:1px;margin:18px 0}@media (width<=1080px){.home-layout{min-height:calc(100svh - 40px)}}@media (width<=720px){.home-layout{align-items:stretch;min-height:calc(100svh - 32px)}.form-panel{border-radius:24px;padding:20px}}