:root{--surface:#fcfcfb;--page-bg:#f4f4f2;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--border:#e1e0d9;--border-strong:#0b0b0b24;--accent:#2a78d6;--accent-hover:#1c5cab;--accent-active:#184f95;--accent-tint:#cde2fb;--accent-wash:#2a78d614;--room-accent:#3d8b8b;--room-accent-hover:#316f6f;--room-accent-dark:#2c6666;--room-table:#3d7a7a;--room-table-dark:#336767;--role-owner:#4a3aa7;--role-owner-wash:#4a3aa71a;--role-development:#2a78d6;--role-development-wash:#2a78d61a;--role-qa:#eb6834;--role-qa-wash:#eb68341a;--role-spectator:#898781;--role-spectator-wash:#8987811f;--tier-a:#3d8b8b;--tier-b:#2a78d6;--tier-c:#eb6834;--tier-d:#4a3aa7;--tier-special:#898781;--status-good:#0ca30c;--status-good-wash:#0ca30c1a;--status-warning:#d68f00;--status-warning-wash:#fab21929;--status-serious:#d1622f;--status-serious-wash:#ec835a24;--status-critical:#d03b3b;--status-critical-wash:#d03b3b1a;--status-info:#2a78d6;--status-info-wash:#2a78d61a;--status-neutral:#898781;--status-neutral-wash:#8987811a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #0b0b0b0f;--shadow-md:0 4px 16px #0b0b0b14;--shadow-lg:0 16px 40px #0b0b0b24;--ease:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.42s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration-base) var(--ease), color var(--duration-base) var(--ease);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1a1a19;--page-bg:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#2c2c2a;--border-strong:#ffffff29;--accent:#3987e5;--accent-hover:#5a9eec;--accent-active:#2a78d6;--accent-tint:#3987e533;--accent-wash:#3987e524;--room-accent:#4a9f9f;--room-accent-hover:#5cb3b3;--room-accent-dark:#3d8b8b;--room-table:#2f6363;--room-table-dark:#26504f;--role-owner:#9085e9;--role-owner-wash:#9085e933;--role-development:#3987e5;--role-development-wash:#3987e533;--role-qa:#d95926;--role-qa-wash:#d9592633;--role-spectator:#898781;--role-spectator-wash:#89878133;--status-good:#0ca30c;--status-good-wash:#0ca30c33;--status-warning:#fab219;--status-warning-wash:#fab21938;--status-serious:#ec835a;--status-serious-wash:#ec835a33;--status-critical:#e66767;--status-critical-wash:#e667672e;--status-info:#3987e5;--status-info-wash:#3987e533;--status-neutral:#898781;--status-neutral-wash:#8987812e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 16px 40px #00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1a1a19;--page-bg:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--border:#2c2c2a;--border-strong:#ffffff29;--accent:#3987e5;--accent-hover:#5a9eec;--accent-active:#2a78d6;--accent-tint:#3987e533;--accent-wash:#3987e524;--room-accent:#4a9f9f;--room-accent-hover:#5cb3b3;--room-accent-dark:#3d8b8b;--room-table:#2f6363;--room-table-dark:#26504f;--role-owner:#9085e9;--role-owner-wash:#9085e933;--role-development:#3987e5;--role-development-wash:#3987e533;--role-qa:#d95926;--role-qa-wash:#d9592633;--role-spectator:#898781;--role-spectator-wash:#89878133;--status-good:#0ca30c;--status-good-wash:#0ca30c33;--status-warning:#fab219;--status-warning-wash:#fab21938;--status-serious:#ec835a;--status-serious-wash:#ec835a33;--status-critical:#e66767;--status-critical-wash:#e667672e;--status-info:#3987e5;--status-info-wash:#3987e533;--status-neutral:#898781;--status-neutral-wash:#8987812e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 16px 40px #00000080}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{color:var(--text-primary);margin:0 0 var(--space-2);font-weight:600}h1{letter-spacing:-.4px;font-size:28px}h2{letter-spacing:-.2px;font-size:20px}h3{font-size:16px}h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:14px}p{margin:0}a{color:var(--accent)}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1.06)}}@keyframes pulse-ring{0%{box-shadow:0 0 #0ca30c59}to{box-shadow:0 0 0 6px #0ca30c00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes count-up-fade{0%{opacity:.3}to{opacity:1}}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(46px,34px)scale(1.18)}}@keyframes breathe{0%,to{box-shadow:var(--shadow-lg), 0 0 0 0 var(--room-accent-wash,#3d8b8b4d)}50%{box-shadow:var(--shadow-lg), 0 0 0 16px #3d8b8b00}}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes avatar-voted-glow{0%,to{box-shadow:0 0 #0ca30c80}50%{box-shadow:0 0 0 5px #0ca30c26}}@keyframes card-flip-in{0%{opacity:0;transform:translate(var(--tx), var(--ty)) rotateY(100deg) scale(.85)}to{opacity:1;transform:translate(var(--tx), var(--ty)) rotateY(0deg) scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}to{transform:translateY(100vh) translateX(var(--drift)) rotate(var(--rotate));opacity:0}}.navbar{padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar a{color:var(--text-primary);font-size:17px;font-weight:700;text-decoration:none}.navbar a:hover{color:var(--accent)}.navbar-brand{align-items:center;gap:var(--space-2);display:inline-flex}.navbar-right{align-items:center;gap:var(--space-4);display:flex}@media (width<=480px){.navbar{padding:var(--space-2) var(--space-3)}.navbar-user-name{display:none}.navbar-user{gap:var(--space-2)}}.navbar-user{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:14px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--page-bg);border-radius:var(--radius-pill);padding:6px 10px;font-size:15px;line-height:1}.theme-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary);transform:rotate(-14deg)}.page{padding:var(--space-6);width:100%;max-width:1100px;animation:fade-in var(--duration-slow) var(--ease);margin:0 auto}.page-narrow{max-width:440px;margin:var(--space-7) auto;padding:0 var(--space-4);animation:fade-in var(--duration-slow) var(--ease)}.page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.table-scroll{overflow-x:auto}@media (width<=640px){.page{padding:var(--space-4)}.page-narrow{margin:var(--space-5) auto}.form{padding:var(--space-4)}}.tabs{gap:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--border);display:flex;position:relative}.tabs button{padding:var(--space-2) 0 var(--space-3);color:var(--text-muted);cursor:pointer;transition:color var(--duration-base) var(--ease);background:0 0;border:none;font-size:15px;font-weight:600}.tabs button:hover{color:var(--text-primary)}.tabs button.active{color:var(--accent)}.tabs-indicator{background:var(--accent);border-radius:var(--radius-pill);height:2px;transition:left var(--duration-base) var(--ease), width var(--duration-base) var(--ease);position:absolute;bottom:-1px}.form{gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.form>*{animation:fade-in var(--duration-base) var(--ease) backwards}.form>:first-child{animation-delay:30ms}.form>:nth-child(2){animation-delay:70ms}.form>:nth-child(3){animation-delay:.11s}.form>:nth-child(4){animation-delay:.15s}.form>:nth-child(5){animation-delay:.19s}.form>:nth-child(6){animation-delay:.23s}.form label{gap:var(--space-1);color:var(--text-secondary);flex-direction:column;font-size:13px;font-weight:600;display:flex}.label-row{align-items:center;gap:var(--space-2);display:flex}.story-count-badge{border-radius:var(--radius-pill);background:var(--accent-wash);min-width:18px;height:18px;color:var(--accent);animation:pop .2s var(--ease);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.spinner{vertical-align:-2px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}input,select,textarea{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);transition:border-color var(--duration-base) var(--ease), box-shadow var(--duration-base) var(--ease);font-size:14px}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}textarea{resize:vertical;font-family:inherit}.error{color:var(--status-critical);font-size:13px;font-weight:600}.error.shake{animation:shake .32s var(--ease)}.warning{color:var(--status-warning);font-weight:700}.muted{color:var(--text-muted);font-size:.9em}button{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);font-size:14px;font-weight:600}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button[type=submit],.page-header button:first-of-type{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}button[type=submit]:hover:not(:disabled),.page-header button:first-of-type:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:var(--shadow-md)}button[type=submit]:active:not(:disabled){background:var(--accent-active)}.reopen-button-ok{background:var(--status-good);border-color:var(--status-good);color:#fff}.reopen-button-ok:hover:not(:disabled){filter:brightness(1.1);border-color:var(--status-good);color:#fff}.reopen-button-warn{background:var(--status-critical);border-color:var(--status-critical);color:#fff}.reopen-button-warn:hover:not(:disabled){filter:brightness(1.1);border-color:var(--status-critical);color:#fff}.sp-swal-popup{background:var(--surface)!important;color:var(--text-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;font-family:inherit!important}.sp-swal-title{color:var(--text-primary)!important;font-size:20px!important}.sp-swal-content{color:var(--text-secondary)!important}.sp-swal-confirm,.sp-swal-cancel{cursor:pointer;border:1px solid var(--border-strong);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);font-size:14px;font-weight:600}.sp-swal-confirm:active,.sp-swal-cancel:active{transform:scale(.97)}.sp-swal-confirm{background:var(--accent);border-color:var(--accent);color:#fff}.sp-swal-confirm:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.sp-swal-confirm-danger{background:var(--status-critical);border-color:var(--status-critical)}.sp-swal-confirm-danger:hover{filter:brightness(1.1);background:var(--status-critical);border-color:var(--status-critical)}.sp-swal-cancel{background:var(--surface);color:var(--text-primary)}.sp-swal-cancel:hover{border-color:var(--accent);color:var(--accent)}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:14px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--page-bg);font-size:12px;font-weight:700}.table tbody tr{transition:background var(--duration-fast) var(--ease)}.stagger-row{animation:fade-in var(--duration-base) var(--ease) backwards}.dashboard-greeting{color:var(--text-secondary);margin-bottom:var(--space-2);animation:fade-in var(--duration-slow) var(--ease);font-size:15px}.stat-tiles{gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:160px;padding:var(--space-4);box-shadow:var(--shadow-sm);animation:fade-in var(--duration-slow) var(--ease);transition:box-shadow var(--duration-base) var(--ease), transform var(--duration-base) var(--ease);flex-direction:column;flex:1;gap:2px;display:flex}.stat-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-tile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.stat-tile-value{color:var(--text-primary);animation:count-up-fade var(--duration-slow) var(--ease);font-size:28px;font-weight:600}.stat-tile-value-small{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--accent-wash)}.identity-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);margin:var(--space-1) 0 var(--space-4);animation:fade-in var(--duration-slow) var(--ease);border:1px solid #0000;font-size:12px;font-weight:700;display:inline-flex}.identity-badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.identity-badge.identity-owner{color:var(--role-owner);background:var(--role-owner-wash)}.identity-badge.identity-development{color:var(--role-development);background:var(--role-development-wash)}.identity-badge.identity-qa{color:var(--role-qa);background:var(--role-qa-wash)}.identity-badge.identity-spectator{color:var(--role-spectator);background:var(--role-spectator-wash)}.status-badge{padding:3px var(--space-2);border-radius:var(--radius-pill);color:var(--text-primary);white-space:nowrap;transition:background var(--duration-base) var(--ease);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-neutral{background:var(--status-neutral-wash)}.status-neutral .status-dot{background:var(--status-neutral)}.status-info{background:var(--status-info-wash)}.status-info .status-dot{background:var(--status-info)}.status-warning{background:var(--status-warning-wash)}.status-warning .status-dot{background:var(--status-warning)}.status-good{background:var(--status-good-wash)}.status-good .status-dot{background:var(--status-good)}.status-serious{background:var(--status-serious-wash)}.status-serious .status-dot{background:var(--status-serious)}.status-critical{background:var(--status-critical-wash)}.status-critical .status-dot{background:var(--status-critical)}.capacity-meter{margin:var(--space-2) 0 var(--space-4)}.capacity-meter-track{border-radius:var(--radius-pill);background:var(--border);height:8px;overflow:hidden}.capacity-meter-fill{border-radius:var(--radius-pill);height:100%;transition:width var(--duration-slow) var(--ease), background var(--duration-base) var(--ease)}.capacity-meter-fill.capacity-good{background:var(--status-good)}.capacity-meter-fill.capacity-warning{background:var(--status-warning)}.capacity-meter-fill.capacity-critical{background:var(--status-critical)}.capacity-meter-labels{color:var(--text-secondary);margin-top:var(--space-1);justify-content:space-between;font-size:12px;display:flex}.room-layout{height:100svh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--surface);width:300px;padding:var(--space-5);transition:transform var(--duration-base) var(--ease);flex-shrink:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-2);color:var(--text-primary);margin-bottom:var(--space-4);font-size:17px;font-weight:700;display:flex}.sidebar-toggle,.sidebar-backdrop{display:none}@media (width<=860px){.room-layout{position:relative}.sidebar{z-index:15;box-shadow:var(--shadow-lg);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:14;animation:fade-in var(--duration-fast) var(--ease);background:#00000059;display:block;position:fixed;inset:0}.sidebar-toggle{margin-bottom:var(--space-4);display:inline-flex}}.room-code{margin-bottom:var(--space-4)}.room-code-value{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text-primary);word-break:break-all;font-size:20px;font-weight:700;display:flex}.room-code-value button{flex-shrink:0;padding:4px 10px;font-size:13px}.connection-status{color:var(--text-muted);margin:var(--space-2) 0 var(--space-4);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.connection-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.connection-connected{color:var(--status-good)}.connection-connected .connection-dot{background:var(--status-good);animation:pulse-ring 1.6s var(--ease) infinite}.connection-reconnecting{color:var(--status-warning)}.connection-reconnecting .connection-dot{background:var(--status-warning);animation:pop .7s var(--ease) infinite alternate}.connection-disconnected{color:var(--status-critical)}.connection-disconnected .connection-dot{background:var(--status-critical)}.sidebar-actions{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.sidebar-action-button{background:var(--room-accent);border-color:var(--room-accent);color:#fff;text-align:left;width:100%}.sidebar-action-button:hover:not(:disabled){background:var(--room-accent-hover);border-color:var(--room-accent-hover);color:#fff}.rename-form{gap:var(--space-2);display:flex}.rename-form input{flex:1;min-width:0}.story-panel-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.story-panel-header h4{white-space:nowrap;margin:0}.story-search-input{min-width:0;max-width:140px;padding:4px var(--space-2);flex:1;font-size:12px}.story-list{margin:0;padding:0;list-style:none}.story-list-empty{padding:var(--space-3);text-align:center}.story-list li{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-2);transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);border:1px solid #0000;flex-direction:column;display:flex}.story-list li:hover{background:var(--accent-wash)}.story-list li.active{background:var(--accent-tint);border-color:var(--accent)}.story-meta{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.8em;display:flex}.add-story{gap:var(--space-2);margin-top:var(--space-4);display:flex}.add-story input{flex:1}.live-activity-panel{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.live-activity-panel h4{margin-bottom:var(--space-2)}.live-activity-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.live-activity-list li{align-items:baseline;gap:var(--space-2);color:var(--text-secondary);animation:fade-in var(--duration-base) var(--ease);font-size:12px;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;transform:translateY(-1px)}.activity-dot.activity-join{background:var(--status-good)}.activity-dot.activity-leave{background:var(--status-neutral)}.activity-dot.activity-vote{background:var(--role-qa)}.activity-dot.activity-story{background:var(--accent)}.activity-dot.activity-reveal{background:var(--room-accent)}.activity-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.activity-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.main-voting-area{z-index:0;padding:var(--space-6);flex:1;min-width:0;position:relative;overflow:hidden auto}.ambient-blob{filter:blur(70px);opacity:.16;pointer-events:none;z-index:-1;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.ambient-blob-1{background:var(--room-accent);width:380px;height:380px;top:-90px;left:-90px}.ambient-blob-2{background:var(--accent);width:320px;height:320px;animation-duration:23s;animation-delay:-7s;bottom:-60px;right:-60px}.participant-avatar{color:#fff;background:var(--role-spectator);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.remove-participant-button{color:var(--text-muted);border-radius:var(--radius-sm);margin-left:var(--space-1);background:0 0;border:none;padding:2px 6px;font-size:12px}.remove-participant-button:hover:not(:disabled){background:var(--status-critical-wash);color:var(--status-critical);border-color:#0000}.spectator-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.spectator-chip{padding:3px var(--space-2);border-radius:var(--radius-pill);background:var(--role-spectator-wash);color:var(--role-spectator);align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.spectator-chip .remove-participant-button{color:var(--role-spectator)}.room-top-bar{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.room-top-bar-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.room-story-header{align-items:center;gap:var(--space-3);display:flex}.room-story-header h1{margin:0;line-height:1.2}.room-story-icon{border-radius:var(--radius-md);background:var(--room-accent);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.room-story-sequence{font-size:12px}.room-table-row{justify-content:center;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.room-side-panels{gap:var(--space-4);flex-direction:column;flex-shrink:0;width:260px;max-width:100%;display:flex}.consensus-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:4px;display:flex}.consensus-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.consensus-dots{gap:4px;display:flex}.consensus-dot{background:var(--border);width:9px;height:9px;transition:background var(--duration-base) var(--ease), transform var(--duration-base) var(--ease);border-radius:50%}.consensus-dot.filled{background:var(--text-muted);transform:scale(1.05)}.consensus-good .consensus-dot.filled{background:var(--status-good)}.consensus-warning .consensus-dot.filled{background:var(--status-warning)}.consensus-critical .consensus-dot.filled{background:var(--status-critical)}.consensus-card-tag{font-size:12px;font-weight:600}.circular-table-wrap{padding:var(--space-3) 0;justify-content:center;display:flex}.circular-table{perspective:900px;flex-shrink:0;width:400px;height:400px;position:relative}.circular-table-center{background:var(--room-table);color:#fff;justify-content:center;align-items:center;gap:var(--space-1);width:180px;height:180px;box-shadow:var(--shadow-lg);text-align:center;padding:var(--space-4);transition:background var(--duration-base) var(--ease);border-radius:50%;flex-direction:column;animation:3.2s ease-in-out infinite breathe;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circular-table-center .muted{color:#ffffffbf}.circular-table-score{animation:pop .32s var(--ease);font-size:40px;font-weight:700}.circular-table-center.ready-to-reveal{background:var(--status-good)}.circular-table-ready-icon{animation:pop .4s var(--ease);font-size:28px}.circular-table-ready-text{font-size:14px;font-weight:700}.progress-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:#fff3;stroke-width:4px}.progress-ring-fill{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease)}.table-seat{text-align:center;width:110px;transform:translate(var(--tx), var(--ty));transition:transform var(--duration-base) var(--ease);flex-direction:column;align-items:center;gap:4px;margin-top:-40px;margin-left:-55px;display:flex;position:absolute;top:50%;left:50%}.table-seat .participant-avatar{border:3px solid var(--surface);width:48px;height:48px;box-shadow:var(--shadow-md);font-size:15px;animation:3.2s ease-in-out infinite avatar-float}.table-seat .participant-avatar.has-voted{animation:3.2s ease-in-out infinite avatar-float,1.3s ease-in-out infinite avatar-voted-glow}.table-seat.development .participant-avatar{background:var(--role-development)}.table-seat.qa .participant-avatar{background:var(--role-qa)}.table-seat-name{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:600}.table-seat .remove-participant-button{position:absolute;top:-4px;right:0}.table-vote-card{border-radius:var(--radius-sm);background:var(--surface);border:2px solid var(--border-strong);width:44px;height:60px;box-shadow:var(--shadow-md);transform:translate(var(--tx), var(--ty));animation:fade-in var(--duration-base) var(--ease);z-index:2;justify-content:center;align-items:center;margin-top:-30px;margin-left:-22px;font-size:16px;font-weight:700;display:flex;position:absolute;top:50%;left:50%}.table-vote-card.card-flip{animation:card-flip-in .52s var(--ease) backwards}.table-vote-card-hidden{background:var(--room-accent);color:#fff;border-color:var(--room-accent)}.stats-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:260px;max-width:100%;padding:var(--space-5);box-shadow:var(--shadow-sm);animation:fade-in var(--duration-slow) var(--ease);flex-shrink:0}.stats-panel-header{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);display:flex}.stats-panel-score{color:var(--room-accent);font-size:40px;font-weight:700}.stats-panel-row{padding:var(--space-2) 0;justify-content:space-between;font-size:14px;display:flex}.stats-panel-breakdown{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);gap:var(--space-2);flex-direction:column;display:flex}.stats-panel-breakdown-row{align-items:center;gap:var(--space-3);font-size:13px;display:flex}.card-mini{width:32px;height:44px;font-size:14px}.reactions-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fade-in var(--duration-slow) var(--ease);overflow:hidden}.reactions-panel-header{width:100%;padding:var(--space-3) var(--space-4);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.reactions-panel-header:hover:not(:disabled){color:var(--text-primary);border-color:#0000}.reactions-panel-header .chevron{transition:transform var(--duration-base) var(--ease)}.reactions-panel-header .chevron.open{transform:rotate(180deg)}.reactions-list{padding:0 var(--space-2) var(--space-2);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex}.reaction-row-button{width:100%;padding:var(--space-2) var(--space-3);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.reaction-row-button:hover:not(:disabled){background:var(--accent-wash);color:var(--text-primary);border-color:#0000}.reaction-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:700}.results-toast{top:70px;right:var(--space-6);align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-lg);animation:fade-in var(--duration-base) var(--ease);z-index:20;font-weight:700;display:flex;position:fixed}.final-score-editor{align-items:center;gap:var(--space-3);margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.final-score-editor input{width:100px}.fibonacci-cards{justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding-bottom:var(--space-4);animation:fade-in var(--duration-slow) var(--ease);flex-wrap:wrap;display:flex}.card{border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--surface);width:64px;height:92px;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);font-size:1.3em;font-weight:700}.card:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-6px)}.card.selected{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-active);box-shadow:var(--shadow-md);animation:pop .26s var(--ease)}.deck-card{justify-content:center;align-items:center;gap:var(--space-2);border-width:1px;flex-direction:column;display:flex}.deck-card-value{font-size:1.3em}.deck-card-pips{flex-wrap:wrap;justify-content:center;gap:3px;width:26px;display:flex}.pip-dot{opacity:.55;background:currentColor;border-radius:50%;width:4px;height:4px}.card-tier-a{border-color:color-mix(in srgb, var(--tier-a) 45%, var(--border-strong));background:color-mix(in srgb, var(--tier-a) 14%, var(--surface))}.card-tier-b{border-color:color-mix(in srgb, var(--tier-b) 45%, var(--border-strong));background:color-mix(in srgb, var(--tier-b) 14%, var(--surface))}.card-tier-c{border-color:color-mix(in srgb, var(--tier-c) 45%, var(--border-strong));background:color-mix(in srgb, var(--tier-c) 14%, var(--surface))}.card-tier-d{border-color:color-mix(in srgb, var(--tier-d) 45%, var(--border-strong));background:color-mix(in srgb, var(--tier-d) 14%, var(--surface))}.card-tier-special{border-color:color-mix(in srgb, var(--tier-special) 45%, var(--border-strong));background:color-mix(in srgb, var(--tier-special) 10%, var(--surface))}.deck-card.selected{border-color:var(--accent);background:var(--accent-tint)}.room-control-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.round-progress-label{color:var(--text-secondary);font-size:13px;font-weight:600}.round-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.round-actions .reveal-button{background:var(--room-accent);border-color:var(--room-accent);color:#fff}.round-actions .reveal-button:hover:not(:disabled){background:var(--room-accent-hover);border-color:var(--room-accent-hover);color:#fff}.keyboard-shortcuts-panel{right:var(--space-5);bottom:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:40px;height:40px;box-shadow:var(--shadow-lg);z-index:5;cursor:help;transition:width var(--duration-base) var(--ease), height var(--duration-base) var(--ease);animation:fade-in var(--duration-slow) var(--ease);position:fixed;overflow:hidden}.keyboard-shortcuts-panel:hover,.keyboard-shortcuts-panel:focus-within{width:210px;height:auto}.keyboard-shortcuts-panel.force-closed{width:40px!important;height:40px!important}.keyboard-shortcuts-panel.force-closed .keyboard-shortcuts-icon{opacity:1!important}.keyboard-shortcuts-panel.force-closed .keyboard-shortcuts-content{opacity:0!important}.keyboard-shortcuts-icon{color:var(--text-muted);opacity:1;transition:opacity var(--duration-fast) var(--ease);justify-content:center;align-items:center;font-size:17px;display:flex;position:absolute;inset:0}.keyboard-shortcuts-panel:hover .keyboard-shortcuts-icon,.keyboard-shortcuts-panel:focus-within .keyboard-shortcuts-icon{opacity:0}.keyboard-shortcuts-content{padding:var(--space-3) var(--space-4);opacity:0;transition:opacity var(--duration-fast) var(--ease)}.keyboard-shortcuts-panel:hover .keyboard-shortcuts-content,.keyboard-shortcuts-panel:focus-within .keyboard-shortcuts-content{opacity:1;transition-delay:60ms}.keyboard-shortcuts-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:var(--space-2);white-space:nowrap;font-size:11px;font-weight:700;display:block}.keyboard-shortcuts-row{align-items:center;gap:var(--space-2);white-space:nowrap;padding:2px 0;font-size:12px;display:flex}.keyboard-shortcuts-row kbd{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--page-bg);min-width:20px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:700}@media (width<=860px){.keyboard-shortcuts-panel{display:none}}.confetti-burst{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.9;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-20px}