:root{--felt: #163625;--felt-dark: #0f1b14;--gold: #e8b94a;--gold-soft: #f2d489;--parchment: #f2ede0;--muted: #8fa89a;--ember: #c1443b;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#1c4430 0%,var(--felt-dark) 65%);color:var(--parchment);font-family:Space Grotesk,Inter,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:Inter,sans-serif}.powered-by{color:var(--muted);font-size:13px;text-decoration:none;transition:color .15s ease}.powered-by b{color:var(--gold-soft);font-weight:600}.powered-by:hover{color:var(--parchment)}.powered-by:hover b{color:var(--gold)}.sidebar-credit{margin-top:auto;padding-top:18px;font-size:12px;text-align:center}.summary-credit{display:block;text-align:center;margin-top:20px}.linkedin-btn,.linkedin-share{display:inline-flex;align-items:center;justify-content:center;gap:9px}.linkedin-btn{width:100%;margin-top:16px;border-radius:10px;padding:12px 16px;font-weight:600;font-size:14px;border:1px solid transparent;background:#0a66c2;color:#fff;transition:transform .1s ease,background .15s ease}.linkedin-btn:hover{background:#0958a8}.linkedin-btn:active{transform:scale(.98)}.li-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:#fff;color:#0a66c2;font-weight:800;font-size:12px;font-family:Space Grotesk,sans-serif}.share-hint{color:var(--gold-soft);font-size:12px;text-align:center;margin:8px 0 0}.landing-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(232,185,74,.15)}.linkedin-share{background:transparent;border:1px solid rgba(232,185,74,.3);color:var(--gold-soft);border-radius:10px;padding:8px 14px;font-size:13px}.linkedin-share .li-mark{background:#0a66c2;color:#fff;width:18px;height:18px;font-size:11px}.linkedin-share:hover{border-color:var(--gold)}.conn-banner{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;font-size:14px;color:var(--felt-dark);background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:0 4px 18px #00000059;animation:connIn .3s ease-out both}.conn-sub{color:#2a1c04b3;font-size:12px}.conn-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(42,28,4,.35);border-top-color:#2a1c04;animation:connSpin .7s linear infinite}@keyframes connSpin{to{transform:rotate(360deg)}}@keyframes connIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width: 600px){.conn-sub{display:none}}.landing{max-width:1080px;margin:0 auto;padding:24px 24px 80px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0 40px}.landing-nav .btn.landing-nav-cta{width:auto;margin-top:0;padding:9px 18px}.landing-hero{text-align:center;padding:40px 0 56px}.hero-badge{display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-soft);background:#e8b94a14;border:1px solid rgba(232,185,74,.25);border-radius:999px;padding:6px 16px;margin-bottom:26px}.hero-title{font-family:Bungee,sans-serif;font-size:clamp(30px,6vw,56px);line-height:1.05;margin:0 0 20px;color:var(--parchment)}.hero-sub{max-width:620px;margin:0 auto 32px;color:var(--muted);font-size:18px;line-height:1.6}.hero-cta .btn{width:auto;margin-top:0;padding:14px 30px;font-size:16px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 72px}.feature-card{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(232,185,74,.18);border-radius:16px;padding:24px;transition:transform .15s ease,border-color .15s ease}.feature-card:hover{transform:translateY(-3px);border-color:#e8b94a66}.feature-icon{font-size:30px;margin-bottom:12px}.feature-card h3{margin:0 0 8px;font-size:17px;color:var(--gold-soft)}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.section-title{text-align:center;font-family:Bungee,sans-serif;font-size:26px;color:var(--parchment);margin:0 0 36px}.landing-steps{margin-bottom:72px}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{text-align:center;padding:0 12px}.step-num{width:46px;height:46px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-family:Bungee,sans-serif;font-size:20px;color:var(--felt-dark);background:linear-gradient(180deg,var(--gold-soft),var(--gold));border-radius:50%}.step h4{margin:0 0 8px;font-size:16px;color:var(--parchment)}.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.landing-final{text-align:center;background:radial-gradient(circle at 50% 0%,rgba(232,185,74,.1),transparent 70%);border:1px solid rgba(232,185,74,.2);border-radius:20px;padding:48px 24px}.landing-final h2{font-family:Bungee,sans-serif;font-size:24px;margin:0 0 22px;color:var(--parchment)}.landing-final .btn{width:auto;margin:0 auto;padding:14px 30px;font-size:16px}.landing-final .footnote{margin-top:20px}@media (max-width: 760px){.landing-features,.steps-row{grid-template-columns:1fr}}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.home-card{width:100%;max-width:560px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(232,185,74,.25);border-radius:20px;padding:36px;box-shadow:0 30px 80px #00000073}.brand{display:flex;align-items:center;gap:12px}.brand-mark{color:var(--gold);font-size:34px}.brand h1{font-family:Bungee,Space Grotesk,sans-serif;font-size:30px;letter-spacing:.5px;margin:0;color:var(--parchment)}.tagline{color:var(--muted);margin:6px 0 28px;font-size:15px}.field-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 6px}.text-input{width:100%;background:#00000040;border:1px solid rgba(232,185,74,.3);border-radius:10px;padding:11px 14px;color:var(--parchment);font-size:15px;outline:none}.text-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e8b94a26}.code-input{letter-spacing:.25em;text-transform:uppercase;font-weight:600}.avatar-grid{display:flex;flex-wrap:wrap;gap:8px}.avatar-choice{width:46px;height:46px;border-radius:10px;border:1px solid rgba(232,185,74,.2);background:#0003;font-size:20px;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.avatar-choice img{width:38px;height:38px;border-radius:8px;display:block}.avatar-choice.selected{border-color:var(--gold);background:#e8b94a26;box-shadow:0 0 0 2px #e8b94a40}.avatar-img{border-radius:6px;vertical-align:middle;object-fit:cover;background:#ffffff0f}.split{display:flex;gap:20px;margin-top:26px}.split-col{flex:1}.split-col h3{margin:0 0 4px;font-size:15px;color:var(--gold-soft)}.divider{width:1px;background:#e8b94a33}.btn{margin-top:16px;width:100%;border-radius:10px;padding:12px 16px;font-weight:600;font-size:14px;border:1px solid transparent;transition:transform .1s ease}.btn:active{transform:scale(.98)}.btn-gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a1c04}.btn-outline{background:transparent;border-color:#e8b94a66;color:var(--gold-soft)}.btn-outline.danger{border-color:#c1443b80;color:#e28981}.btn:disabled{opacity:.4;cursor:not-allowed}.error{color:#e28981;font-size:13px;margin-top:14px}.footnote{color:var(--muted);font-size:12px;margin-top:24px;line-height:1.5}.join-preview{display:flex;align-items:center;gap:14px;background:#e8b94a14;border:1px solid rgba(232,185,74,.25);border-radius:12px;padding:14px 16px;margin:4px 0 8px}.join-preview-room{font-family:Bungee,sans-serif;font-size:22px;color:var(--gold);letter-spacing:.1em}.join-preview-detail{color:var(--parchment);font-size:14px}.link-btn{display:block;margin:16px auto 0;background:none;border:none;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--gold-soft)}.loading{color:var(--muted);text-align:center;padding:60px}.table-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#00000040;border-right:1px solid rgba(232,185,74,.15);padding:24px 18px;display:flex;flex-direction:column}.room-code-box{position:relative;background:#e8b94a14;border:1px solid rgba(232,185,74,.25);border-radius:12px;padding:14px;text-align:center;margin-bottom:24px}.sound-toggle{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:16px;line-height:1;padding:2px 4px;border-radius:6px;opacity:.75}.sound-toggle:hover{opacity:1;background:#e8b94a1f}.room-code-box .label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.room-code{font-family:Bungee,sans-serif;font-size:24px;color:var(--gold);letter-spacing:.1em;display:block;margin:4px 0 8px}.btn-tiny{background:transparent;border:1px solid rgba(232,185,74,.3);color:var(--gold-soft);padding:6px 10px;border-radius:8px;font-size:12px}.sidebar-heading{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:10px 0}.team-points{display:flex;align-items:center;gap:8px;background:#e8b94a0f;border:1px solid rgba(232,185,74,.2);border-radius:10px;padding:10px 12px;margin-bottom:20px}.team-points .tp-icon{font-size:18px}.team-points .tp-label{flex:1;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.team-points .tp-count{font-family:Bungee,sans-serif;font-size:20px;color:var(--gold)}.session-log{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:6px}.session-log li{display:flex;align-items:baseline;gap:8px;font-size:12px}.session-log .log-est{flex:0 0 auto;font-family:Bungee,sans-serif;font-size:12px;color:var(--felt-dark);background:var(--gold-soft);border-radius:6px;padding:2px 7px;min-width:22px;text-align:center}.session-log .log-story{color:var(--muted);line-height:1.35}.leaderboard{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}.leaderboard li{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 8px;border-radius:8px}.leaderboard li.me{background:#e8b94a1a}.leaderboard .pname{flex:1}.leaderboard .score{color:var(--gold-soft);font-weight:600}.leaderboard .streak{font-size:11px;line-height:1;text-shadow:0 0 6px rgba(232,120,40,.6);transition:font-size .3s ease}.leaderboard .streak.hot{animation:flamePulse .8s ease-in-out infinite}@keyframes flamePulse{0%,to{filter:brightness(1);text-shadow:0 0 6px rgba(232,120,40,.6)}50%{filter:brightness(1.35);text-shadow:0 0 13px rgba(232,120,40,.95)}}.felt{padding:32px 40px;position:relative;overflow:hidden}.felt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,rgba(232,185,74,.05),transparent 60%);pointer-events:none}.reaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:6}.confetti{position:absolute;top:-24px;border-radius:2px;opacity:0;animation-name:confettiFall;animation-timing-function:cubic-bezier(.3,.5,.6,1);animation-fill-mode:forwards;will-change:transform,opacity}@keyframes confettiFall{0%{opacity:0;transform:translateY(-10px) rotate(0)}8%{opacity:1}to{opacity:0;transform:translate(var(--drift, 0px),520px) rotate(calc(var(--rot, 180deg) * 4))}}.celebrate-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(232,185,74,.28),transparent 55%);animation:glowPulse 1.1s ease-out forwards}@keyframes glowPulse{0%{opacity:0}25%{opacity:1}to{opacity:0}}.floating-reaction{position:absolute;bottom:70px;font-size:30px;animation-name:floatUp;animation-timing-function:ease-out;animation-fill-mode:forwards;will-change:transform,opacity}@keyframes floatUp{0%{opacity:0;transform:translate(0) scale(calc(var(--scale, 1) * .3))}12%{opacity:1;transform:translate(calc(var(--dx, 0px) * .25),-30px) scale(var(--scale, 1))}to{opacity:0;transform:translate(var(--dx, 0px),-240px) scale(calc(var(--scale, 1) * 1.15)) rotate(12deg)}}.story-bar{display:flex;gap:10px;align-items:center;margin-bottom:28px}.story-input{flex:1}.story-readonly{font-size:20px;margin:0;color:var(--parchment);font-weight:500}.story-host{margin-bottom:28px}.story-host .story-bar{margin-bottom:0}.story-label{margin-top:0;color:var(--gold-soft);font-size:13px}.story-host .btn{margin-top:0;width:auto;white-space:nowrap}.text-input.needs-story{border-color:var(--gold);animation:storyPulse 2.4s ease-in-out infinite}@keyframes storyPulse{0%,to{box-shadow:0 0 0 3px #e8b94a1a}50%{box-shadow:0 0 0 5px #e8b94a38}}.story-hint{color:var(--muted);font-size:12px;margin:8px 0 0}.round-tag{text-align:center;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.seats{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-bottom:20px;perspective:900px}.seat{display:flex;flex-direction:column;align-items:center;gap:8px}.card-face{width:64px;height:90px;border-radius:8px;background:#ffffff08;border:2px dashed rgba(232,185,74,.25);display:flex;align-items:center;justify-content:center;font-family:Bungee,sans-serif;font-size:20px;color:var(--felt-dark);transition:all .25s ease}.seat.voted .card-face{background:var(--gold);border-style:solid;border-color:var(--gold-soft);color:var(--felt-dark)}.seat.revealed .card-face{background:linear-gradient(180deg,#fff,#f0e6c8);border-color:var(--gold);color:var(--felt-dark);transform:rotateY(0) scale(1.05);box-shadow:0 8px 20px #00000059;animation:flipReveal .5s ease-out both}@keyframes flipReveal{0%{transform:rotateY(90deg) scale(.9)}60%{transform:rotateY(-12deg) scale(1.08)}to{transform:rotateY(0) scale(1.05)}}.seat-label{font-size:12px;color:var(--muted)}.consensus{margin-top:10px;text-align:center}.consensus-caption{color:var(--muted);font-size:12px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.celebrate-banner{margin:6px auto 16px;max-width:460px;text-align:center;font-size:17px;font-weight:600;color:var(--felt-dark);background:linear-gradient(180deg,var(--gold-soft),var(--gold));border-radius:12px;padding:12px 18px;box-shadow:0 10px 30px #e8b94a59;animation:pop .45s cubic-bezier(.2,1.4,.4,1) both}.celebrate-banner .tp-plus{display:inline-block;margin-left:6px;font-weight:700}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.courtroom{display:flex;align-items:center;gap:16px;max-width:560px;margin:6px auto 18px;background:linear-gradient(180deg,#1c142ce6,#120c1ee6);border:1px solid rgba(232,185,74,.4);border-radius:14px;padding:16px 20px;box-shadow:0 14px 40px #00000080;animation:pop .45s cubic-bezier(.2,1.4,.4,1) both}.courtroom .gavel{font-size:40px;animation:gavelKnock .9s ease-in-out 2;transform-origin:70% 70%}@keyframes gavelKnock{0%,to{transform:rotate(0)}30%{transform:rotate(-22deg)}55%{transform:rotate(4deg)}}.courtroom-body{text-align:left}.courtroom-title{font-family:Bungee,sans-serif;font-size:15px;color:var(--gold);letter-spacing:.04em;margin-bottom:4px}.courtroom-line{font-size:15px;color:var(--parchment)}.courtroom-line .defendant{color:var(--gold-soft);font-weight:600}.courtroom-line .kind{text-transform:uppercase;font-size:12px;letter-spacing:.06em;font-weight:700;padding:1px 6px;border-radius:5px;margin:0 4px}.courtroom-line .kind.highest{background:#c1443b40;color:#f0a59d}.courtroom-line .kind.lowest{background:#4a90e838;color:#9dc2f0}.courtroom-line .defend-vote{font-family:Bungee,sans-serif;margin-left:8px;background:var(--gold);color:var(--felt-dark);border-radius:6px;padding:1px 9px;font-size:14px}.courtroom-sub{color:var(--muted);font-size:12px;margin-top:6px;font-style:italic}.summons-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#060a08e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;animation:summonsIn .35s ease-out both}@keyframes summonsIn{0%{opacity:0}to{opacity:1}}.summons-gavel{font-size:46px;transform-origin:70% 80%;animation:gavelBang .7s ease-in-out .2s 2 both}@keyframes gavelBang{0%,to{transform:rotate(0)}35%{transform:rotate(-26deg)}60%{transform:rotate(6deg)}}.summons-doorway{position:relative;width:200px;height:300px;border-radius:8px 8px 0 0;perspective:900px;background:#0b0f0c;box-shadow:0 0 0 6px #2a1c10,0 20px 50px #0009}.summons-light{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px 6px 0 0;background:radial-gradient(ellipse at 50% 60%,rgba(255,232,170,.95),rgba(232,185,74,.5) 55%,transparent 80%);opacity:0;animation:fadeGlow 1s ease-out .9s forwards}@keyframes fadeGlow{to{opacity:1}}.summons-bailiff{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:74px;opacity:0;animation:bailiffIn .5s ease-out 1.1s forwards,bailiffBeckon 1.3s ease-in-out 1.7s infinite}@keyframes bailiffIn{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes bailiffBeckon{0%,to{transform:translate(-50%) rotate(0)}50%{transform:translate(-53%) rotate(-6deg)}}.summons-door{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px 6px 0 0;transform-origin:left center;background:linear-gradient(90deg,#6b4423,#8a5a2b 40%,#5a3818);border-right:3px solid #3a2410;box-shadow:inset -8px 0 14px #0006;animation:doorOpen .9s cubic-bezier(.4,0,.2,1) .5s forwards}.summons-door:after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border-radius:50%;background:#e8b94a;box-shadow:0 0 4px #00000080;transform:translateY(-50%)}@keyframes doorOpen{0%{transform:rotateY(0)}to{transform:rotateY(-112deg)}}.summons-text{text-align:center;max-width:460px;padding:0 24px;animation:textUp .5s ease-out 1.3s both}@keyframes textUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.summons-title{font-family:Bungee,sans-serif;font-size:22px;color:var(--gold);letter-spacing:.03em;margin-bottom:10px}.summons-line{font-size:17px;color:var(--parchment);line-height:1.5}.summons-line .kind{text-transform:uppercase;font-size:12px;letter-spacing:.06em;font-weight:700;padding:1px 6px;border-radius:5px;margin:0 3px}.summons-line .kind.highest{background:#c1443b4d;color:#f0a59d}.summons-line .kind.lowest{background:#4a90e847;color:#9dc2f0}.summons-vote{font-family:Bungee,sans-serif;background:var(--gold);color:var(--felt-dark);border-radius:6px;padding:1px 10px;margin-left:2px}.summons-sub{color:var(--gold-soft);font-style:italic;margin-top:12px;font-size:15px}.summons-dismiss{color:var(--muted);font-size:12px;margin-top:18px;text-transform:uppercase;letter-spacing:.08em}.chip-stacks{display:flex;gap:20px;justify-content:center;align-items:flex-end;height:90px}.chip-col{display:flex;flex-direction:column;align-items:center;gap:6px}.chips{position:relative;width:34px;height:70px}.chip{position:absolute;left:0;width:34px;height:12px;border-radius:50%;background:repeating-conic-gradient(var(--gold) 0deg 45deg,var(--ember) 45deg 90deg);border:1px solid rgba(0,0,0,.3)}.chip-val{font-size:12px;color:var(--muted)}.controls{margin-top:24px}.deck{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px}.deck-card{width:54px;height:76px;border-radius:8px;border:2px solid rgba(232,185,74,.3);background:#0003;color:var(--parchment);font-family:Bungee,sans-serif;font-size:16px}.deck-card:hover{border-color:var(--gold);transform:translateY(-3px)}.deck-card.picked{background:var(--gold);color:var(--felt-dark);border-color:var(--gold-soft)}.reveal-btn{max-width:220px;margin:0 auto;display:block}.final-pick-wrap{text-align:center}.suggestion{color:var(--gold-soft);font-size:14px;margin:0 0 10px}.suggestion b{font-family:Bungee,sans-serif;font-size:15px}.suggestion span{color:var(--muted);font-size:12px}.final-pick{display:flex;gap:10px;align-items:center;justify-content:center}.final-pick select{width:auto}.final-pick .btn{width:auto;margin-top:0}.reactions-row{display:flex;gap:8px;justify-content:center;margin-top:20px}.reaction-btn{background:#0003;border:1px solid rgba(232,185,74,.2);border-radius:10px;padding:6px 10px;font-size:16px}.reaction-btn:hover{border-color:var(--gold)}.badges-row{display:flex;gap:12px;margin:20px 0}.badge{flex:1;background:#e8b94a1a;border:1px solid rgba(232,185,74,.3);border-radius:12px;padding:12px;text-align:center;font-size:13px;color:var(--gold-soft)}.history-list{list-style:none;padding:0;margin:0 0 20px;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.history-list b{color:var(--gold-soft)}@media (max-width: 760px){.table-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(232,185,74,.15)}.split{flex-direction:column}.divider{display:none}}