:root{--bg: #0f1419;--surface: #1a222d;--surface-hover: #232d3b;--border: #2e3a4a;--text: #e8eef4;--muted: #8b9cb0;--accent: #3d8bfd;--accent-dim: #2563c4;--success: #34d399;--warning: #fbbf24;--radius: 10px;--font: "DM Sans", system-ui, sans-serif;color-scheme:dark;--error-bg: rgba(239, 68, 68, .15);--error-border: rgba(239, 68, 68, .4);--error-text: #fca5a5;--card-selected-bg: rgba(61, 139, 253, .2);--rail-bg: #1a222d}[data-theme=light]{--bg: #f4f5f7;--surface: #ffffff;--surface-hover: #ebecf0;--border: #dfe1e6;--text: #172b4d;--muted: #5e6c84;--accent: #0052cc;--accent-dim: #0747a6;--success: #00875a;--warning: #ff991f;color-scheme:light;--error-bg: #ffebe6;--error-border: #ff8f73;--error-text: #bf2600;--card-selected-bg: #deebff;--rail-bg: #fafbfc}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.app-header-trailing{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}@media(max-width:640px){.app-header-trailing{width:100%;margin-left:0;justify-content:flex-start}}.btn-nav{font-size:.8125rem;padding:.45rem .85rem}.logo{font-weight:700;font-size:1.125rem;color:var(--text);text-decoration:none}.logo:hover{text-decoration:none;color:var(--accent)}.tagline{font-size:.875rem;color:var(--muted)}.app-main{flex:1;min-height:0;padding:1.5rem;max-width:960px;width:100%;margin:0 auto}.app-main:has(.room-layout){display:flex;flex-direction:column;max-width:none;width:100%;margin:0;padding:0;flex:1}.room-layout{display:flex;align-items:stretch;gap:0;flex:1;min-height:calc(100vh - 4.75rem);width:100%;margin:0}.room-sidebar{flex-shrink:0;padding:1.35rem 1.25rem 2rem;align-self:stretch;min-height:100%;overflow-x:hidden;overflow-y:auto;background:var(--rail-bg)}.room-sidebar-left{width:min(240px,100%);padding-left:1.5rem;border-right:1px solid var(--border)}.room-sidebar-right{width:min(300px,100%);padding-right:1.5rem;border-left:1px solid var(--border)}.room-center-stack{display:flex;flex-direction:column;gap:1rem}.room-sidebar-title{font-size:.9375rem;font-weight:600;margin:0 0 .75rem}.room-sidebar-session-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.room-sidebar-title--inline{margin:0;flex-shrink:0;line-height:1.2}.room-sidebar-info-toggle{display:flex;align-items:center;gap:.45rem;flex-shrink:0;margin-left:auto}.room-sidebar-info-label{font-size:.8125rem;font-weight:500;color:var(--muted);white-space:nowrap}.room-switch{position:relative;width:2.5rem;height:1.375rem;flex-shrink:0;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface-hover);cursor:pointer;transition:background .15s,border-color .15s}.room-switch:hover:not(:disabled){border-color:var(--accent)}.room-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.room-switch:disabled{opacity:.45;cursor:not-allowed}.room-switch-thumb{position:absolute;top:50%;left:.2rem;width:.95rem;height:.95rem;border-radius:50%;background:var(--text);transform:translateY(-50%);transition:transform .15s ease,background .15s;box-shadow:0 1px 2px #0003}.room-switch--on{background:var(--accent);border-color:var(--accent-dim)}.room-switch--on .room-switch-thumb{transform:translate(1.05rem,-50%);background:#fff}.room-sidebar-session-details{margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.room-sidebar-share-url{min-width:0;font-size:.75rem}.room-sidebar-copy{width:100%;justify-content:center;font-size:.8125rem;padding:.5rem .65rem}.room-sidebar-copy-feedback{min-height:1.25rem;margin:.35rem 0 0}.room-copy-hint{margin:0;font-size:.75rem}.copy-flash{font-size:.75rem;color:var(--success)}.room-sidebar-queue-hint{font-size:.78rem;margin:0 0 .65rem}.room-main-column{flex:1;min-width:0;min-height:100%;padding:1.5rem 1.5rem 2rem}.room-voting-on-banner{margin-bottom:0;padding:.85rem 1.1rem}@media(max-width:768px){.room-layout{flex-direction:column;flex:1 1 auto;min-height:0;width:100%;max-width:none}.room-sidebar-left,.room-sidebar-right{width:100%;min-height:0;flex:0 0 auto;padding-left:1.25rem;padding-right:1.25rem}.room-sidebar-left{border-right:none;border-bottom:1px solid var(--border)}.room-sidebar-right{border-left:none;border-top:1px solid var(--border)}.room-main-column{flex:1 1 auto;min-height:0;padding:1.25rem 1.25rem 2rem}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}h1{font-size:1.5rem;font-weight:600;margin:0 0 .75rem}h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem}p{margin:0 0 1rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border:none;border-radius:8px;transition:background .15s,opacity .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn:disabled{opacity:.45;cursor:not-allowed}.input{width:100%;max-width:320px;padding:.625rem .875rem;font-size:1rem;font-family:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}.input:focus{outline:2px solid var(--accent);outline-offset:0}.label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:var(--muted)}.field{margin-bottom:1rem}.error-banner{padding:.75rem 1rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text);font-size:.9375rem;margin-bottom:1rem}.share-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem}.share-url{flex:1;min-width:200px;padding:.5rem .75rem;font-size:.8125rem;font-family:ui-monospace,monospace;background:var(--bg);border:1px solid var(--border);border-radius:6px;word-break:break-all}.participant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(234px,1fr));gap:1.17rem;margin-bottom:1.5rem}.participant-card{position:relative;overflow:visible;padding:1.43rem 1.3rem 1.3rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;text-align:center;isolation:isolate}button.participant-card{display:block;width:100%;margin:0;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.participant-card--self{cursor:default}.participant-card--throwable{cursor:pointer;transition:transform .12s ease,border-color .12s ease}.participant-card--throwable:hover,.participant-card--throwable:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.participant-card--throwable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.participant-card--hit{animation:participant-hit-shake .42s ease;z-index:1}.participant-bell-overlay{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;color:var(--warning);filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.participant-bell-icon{display:block;animation:bell-rise .75s ease forwards}.participant-impact-icon{display:inline-block;font-size:2rem;line-height:1}.participant-impact-icon--arrow{animation:bell-rise .75s ease forwards}.participant-reaction-burst{position:absolute;left:calc(50% + var(--reaction-shift, 0rem));top:-.2rem;transform:translate(-50%,-40%);font-size:1.35rem;line-height:1;pointer-events:none;z-index:4;text-shadow:0 2px 8px rgba(0,0,0,.34);animation:reaction-pop 1s ease-out forwards;animation-delay:var(--reaction-delay, 0s)}.participant-reaction-burst--fire{font-size:1.7rem;filter:drop-shadow(0 0 6px rgba(255,118,38,.85)) drop-shadow(0 0 18px rgba(255,68,0,.75));animation:reaction-fire-pop 1.15s cubic-bezier(.2,.82,.22,1) forwards}.participant-reaction-burst--fire:before,.participant-reaction-burst--fire:after{content:"✦";position:absolute;left:50%;top:50%;font-size:.62rem;color:#ffd86b;text-shadow:0 0 8px rgba(255,175,46,.9);opacity:0;pointer-events:none}.participant-reaction-burst--fire:before{animation:fire-spark-left .95s ease-out forwards}.participant-reaction-burst--fire:after{animation:fire-spark-right .95s ease-out forwards}.participant-reaction-burst--clap{animation-duration:.95s}.participant-reaction-burst--siren{font-size:1.55rem;filter:drop-shadow(0 0 8px rgba(255,73,73,.9)) drop-shadow(0 0 18px rgba(255,35,35,.7));animation:reaction-siren-pop 1.2s ease-out forwards}.participant-actions{position:absolute;top:-.55rem;right:-.55rem;z-index:12}.btn-action-menu{min-width:1.8rem;height:1.8rem;padding:0;border-radius:999px;font-size:1rem;line-height:1}.participant-action-popover{position:absolute;top:50%;left:calc(100% + .35rem);display:flex;gap:.3rem;padding:.25rem;border:1px solid var(--border);background:var(--surface);border-radius:999px;box-shadow:0 8px 16px #00000042;transform:translateY(-50%) scaleX(1);transform-origin:left center;animation:action-menu-unfold .14s ease-out;z-index:13}.participant-card:has(.participant-action-popover){z-index:11}.btn-action-item{min-width:1.8rem;width:1.8rem;height:1.8rem;padding:0;border-radius:999px;font-size:.92rem;line-height:1}@keyframes participant-hit-shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes bell-rise{0%{opacity:0;transform:translateY(.35rem) scale(.75)}18%{opacity:1}to{opacity:0;transform:translateY(-2.25rem) scale(1.12)}}@keyframes action-menu-unfold{0%{opacity:0;transform:translateY(-50%) scaleX(.78)}to{opacity:1;transform:translateY(-50%) scaleX(1)}}@keyframes reaction-pop{0%{opacity:0;transform:translate(-50%,.25rem) scale(.72)}16%{opacity:1;transform:translate(-50%,-.2rem) scale(1.04)}to{opacity:0;transform:translate(-50%,-2.4rem) scale(1.12)}}@keyframes reaction-fire-pop{0%{opacity:0;transform:translate(-50%,.42rem) scale(.66) rotate(-9deg)}14%{opacity:1;transform:translate(-50%,-.2rem) scale(1.32) rotate(7deg)}32%{transform:translate(-50%,-.72rem) scale(1.08) rotate(-4deg)}to{opacity:0;transform:translate(-50%,-2.95rem) scale(1.22) rotate(3deg)}}@keyframes reaction-siren-pop{0%{opacity:0;transform:translate(-50%,.3rem) scale(.72)}20%{opacity:1;transform:translate(-50%,-.2rem) scale(1.18)}42%{transform:translate(-50%,-.6rem) scale(1.06) rotate(-7deg)}64%{transform:translate(-50%,-1.2rem) scale(1.12) rotate(7deg)}to{opacity:0;transform:translate(-50%,-2.6rem) scale(1.08)}}@keyframes fire-spark-left{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(-1.15rem,-1.55rem) scale(1.08) rotate(-18deg)}}@keyframes fire-spark-right{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(.95rem,-1.4rem) scale(1.04) rotate(16deg)}}.participant-name{font-weight:600;font-size:1.06rem;margin-bottom:.62rem;word-break:break-word}.participant-mini-vote-card{width:3.6rem;height:4.9rem;margin:.58rem auto 0;border-radius:.62rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.72rem;color:#f7fbff;background:linear-gradient(165deg,#4b76c8,#355eac);box-shadow:0 3px 8px #00000047}.participant-mini-vote-card.mini-vote--0{background:linear-gradient(165deg,#416fc7,#2f529e)}.participant-mini-vote-card.mini-vote--half{background:linear-gradient(165deg,#40a2d8,#347fb5)}.participant-mini-vote-card.mini-vote--1{background:linear-gradient(165deg,#b9dbe3,#9fc9d4)}.participant-mini-vote-card.mini-vote--2{background:linear-gradient(165deg,#42a063,#327f4c)}.participant-mini-vote-card.mini-vote--3{background:linear-gradient(165deg,#bcb74a,#9f9b3b)}.participant-mini-vote-card.mini-vote--5{background:linear-gradient(165deg,#d1a95a,#b28645)}.participant-mini-vote-card.mini-vote--8{background:linear-gradient(165deg,#cb6a50,#af553f)}.participant-mini-vote-card.mini-vote--13{background:linear-gradient(165deg,#d76e83,#bc596f)}.participant-mini-vote-card.mini-vote--21{background:linear-gradient(165deg,#cc5fa2,#b14f8a)}.participant-mini-vote-card.mini-vote--q{background:linear-gradient(165deg,#4f96ce,#3e7eb1)}.participant-mini-vote-card.mini-vote--coffee{background:linear-gradient(165deg,#b8b252,#9d9640)}.participant-admin-badge{position:absolute;top:-.55rem;left:-.55rem;display:inline-block;margin-left:0;padding:.08rem .38rem;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-size:.68rem;font-weight:700;line-height:1.25;vertical-align:middle;z-index:3}.participant-vote{font-size:1.55rem;font-weight:700;min-height:2.35rem;display:flex;align-items:center;justify-content:center}.vote-pending{color:var(--muted);font-size:1rem;font-weight:500}.vote-hidden{color:var(--success);font-size:1rem}.cards-grid{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}.card-btn{position:relative;isolation:isolate;min-width:4rem;height:5.75rem;padding:.5rem .45rem;font-size:2rem;font-weight:900;letter-spacing:-.04em;border:none;border-radius:.78rem;color:#f8fbff;background:linear-gradient(165deg,#4b76c8,#355eac);text-shadow:0 2px 10px rgba(0,0,0,.32);transition:transform .15s ease,filter .15s ease,border-color .15s ease;overflow:hidden}.card-btn:before{content:"";position:absolute;left:50%;top:50%;width:78%;height:56%;transform:translate(-50%,-50%);border-radius:999px;background:#ffffff2e;z-index:-1}.card-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 0 0 1px #fff3}.card-btn.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff42,0 8px 18px #00000042}.card-btn:disabled{opacity:.35;cursor:not-allowed}.card-fraction{display:inline-flex;align-items:center;justify-content:center;font-size:.84em;line-height:1}.card-fraction-top{transform:translateY(-.12em)}.card-fraction-slash{margin:0 .04em}.card-fraction-bottom{transform:translateY(.13em)}.cards-grid .card-btn:nth-child(1){background:linear-gradient(165deg,#416fc7,#2f529e)}.cards-grid .card-btn:nth-child(2){background:linear-gradient(165deg,#40a2d8,#347fb5)}.cards-grid .card-btn:nth-child(3){background:linear-gradient(165deg,#b9dbe3,#9fc9d4);color:#f7fbff}.cards-grid .card-btn:nth-child(4){background:linear-gradient(165deg,#42a063,#327f4c)}.cards-grid .card-btn:nth-child(5){background:linear-gradient(165deg,#bcb74a,#9f9b3b)}.cards-grid .card-btn:nth-child(6){background:linear-gradient(165deg,#d1a95a,#b28645)}.cards-grid .card-btn:nth-child(7){background:linear-gradient(165deg,#cb6a50,#af553f)}.cards-grid .card-btn:nth-child(8){background:linear-gradient(165deg,#d76e83,#bc596f)}.cards-grid .card-btn:nth-child(9){background:linear-gradient(165deg,#cc5fa2,#b14f8a)}.cards-grid .card-btn:nth-child(10){background:linear-gradient(165deg,#4f96ce,#3e7eb1)}.cards-grid .card-btn:nth-child(11){background:linear-gradient(165deg,#b8b252,#9d9640)}.actions-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.reveal-btn{position:relative;min-width:9.5rem;min-height:3.05rem;padding:.82rem 1.7rem;font-size:1.08rem;letter-spacing:.01em;border-radius:11px;overflow:hidden}.reveal-btn:before{content:"";position:absolute;top:-120%;left:-35%;width:34%;height:320%;background:linear-gradient(120deg,#fff0,#ffffff57,#fff0);transform:translate(-220%) rotate(12deg);opacity:0;pointer-events:none}.reveal-btn--ready{box-shadow:0 0 0 1px #ffffff42,0 8px 20px #3d8bfd57;animation:reveal-ready-breathe 1.8s ease-in-out infinite}.reveal-btn--ready:before{opacity:1;animation:reveal-ready-sheen 1.8s ease-in-out infinite}.reveal-btn:disabled:before,.reveal-btn:disabled{animation:none;box-shadow:none}@keyframes reveal-ready-breathe{0%{transform:translateY(0);filter:brightness(1)}45%{transform:translateY(-1px);filter:brightness(1.05)}to{transform:translateY(0);filter:brightness(1)}}@keyframes reveal-ready-sheen{0%{transform:translate(-230%) rotate(12deg)}55%{transform:translate(430%) rotate(12deg)}to{transform:translate(430%) rotate(12deg)}}.hint{font-size:.875rem;color:var(--muted)}.ring-notice{color:var(--warning);margin:0 0 .75rem}.projectile-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80}.flying-projectile{position:fixed;left:0;top:0;display:inline-block;color:#f8f1da;text-shadow:0 2px 5px rgba(0,0,0,.45);will-change:transform,opacity,left,top}.flying-projectile--arrow{font-size:1.15rem;transform-origin:center}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;overflow:hidden}.confetti-piece{position:absolute;top:-1.2rem;width:.55rem;height:.85rem;border-radius:2px;background:hsl(var(--hue) 90% 58%);opacity:.95;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.2,.72,.25,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translate(0) translateY(0) rotate(0);opacity:0}8%{opacity:1}to{transform:translate(var(--drift)) translateY(108vh) rotate(var(--rot));opacity:0}}.confetti-cannon-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:95;overflow:hidden}.confetti-cannon{position:fixed;left:50%;bottom:0;transform:translate(-50%) rotate(-18deg);font-size:2.5rem;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.confetti-cannon--left{left:12%;transform:rotate(-26deg)}.confetti-cannon--center{left:50%;transform:translate(-50%) rotate(-18deg) scale(1.12);bottom:0;z-index:2}.confetti-cannon--right{left:auto;right:12%;transform:rotate(26deg) scaleX(-1)}.confetti-cannon-piece{position:fixed;left:50%;top:0;width:.5rem;height:.8rem;border-radius:2px;background:#fff;opacity:.95;will-change:transform,left,top,opacity}@media(max-width:520px){.app-main{padding:1rem}.app-main:has(.room-layout){padding:0}.participant-grid{grid-template-columns:1fr 1fr}}