:root{--bg: #0b1120;--bg-2: #131d33;--panel: #18223c;--panel-2: #1e2a48;--line: #2b3a5c;--text: #eef2fb;--muted: #93a1c0;--accent: #4f7cff;--accent-2: #7c5cff;--green: #5ec47f;--green-bg: #1f4d33;--danger: #ef5e6e;--radius: 14px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 12px 34px rgba(0, 0, 0, .45);--ring: 0 0 0 3px rgba(79, 124, 255, .35);--transition: .16s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1100px 560px at 50% -12%,#1a2747 0%,var(--bg) 58%);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:none;box-shadow:var(--ring)}.muted{color:var(--muted);font-weight:400}.error{color:var(--danger);margin:.5rem 0 0;font-size:.9rem}.home{max-width:460px;margin:0 auto;padding:8vh 1.25rem 4rem;text-align:center}.brand{display:flex;align-items:center;justify-content:center;gap:.6rem}.brand h1{font-size:1.95rem;margin:0;letter-spacing:-.025em;font-weight:700;background:linear-gradient(135deg,#fff,#b9c6ec);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark{font-size:1.9rem;color:var(--accent)}.tagline{color:var(--muted);margin:.4rem 0 2rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.home-card{padding:1.5rem;text-align:left}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.tab{flex:1;padding:.65rem;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;transition:background var(--transition),border-color var(--transition),color var(--transition)}.tab:hover:not(.active){border-color:var(--accent);color:var(--text)}.tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 4px 14px #4f7cff4d}.form{display:flex;flex-direction:column;gap:1rem}.form label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:var(--muted)}input{background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:.72rem .85rem;font-size:1rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}input::placeholder{color:var(--muted);opacity:.7}input:focus{border-color:var(--accent);box-shadow:var(--ring)}.code-input{letter-spacing:.4em;text-transform:uppercase;font-weight:700;text-align:center}.code-input:read-only{opacity:.75;cursor:default}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:var(--radius-sm);padding:.72rem 1.2rem;font-size:.95rem;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 14px #4f7cff52;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 20px #4f7cff73;filter:brightness(1.05)}.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4f7cff66}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ghost{background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:.58rem .95rem;font-size:.9rem;font-weight:500;transition:background var(--transition),border-color var(--transition),color var(--transition)}.ghost:hover:not(:disabled){background:var(--panel-2);border-color:var(--accent)}.ghost:disabled{opacity:.4;cursor:not-allowed}.ghost.danger{color:var(--danger);border-color:#5a3340}.ghost.danger:hover:not(:disabled){background:#ef5e6e1f;border-color:var(--danger)}.ad-slot{max-width:460px;margin:1.5rem auto 0;text-align:center}.ad-section{max-width:728px;margin:1.25rem auto;text-align:center}.ad-page{width:100%;margin:2rem 0 0;text-align:center}.ad-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--panel);border-top:1px solid var(--line);padding:.4rem 2.5rem .5rem;text-align:center;box-shadow:0 -4px 16px #0000004d}.ad-sticky-inner{margin:0 auto;max-width:970px}.ad-sticky-close{position:absolute;top:.3rem;right:.6rem;background:transparent;border:none;color:var(--muted);font-size:1.3rem;line-height:1}.ad-label{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.home-footer{margin-top:1.5rem;text-align:center}.home-footer a{color:var(--muted);font-size:.85rem;text-decoration:none}.home-footer a:hover{color:var(--text)}.content-page{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem;line-height:1.6}.content-page h1{margin:1.5rem 0 .5rem}.content-page h2{margin:1.5rem 0 .4rem;font-size:1.1rem}.content-page a{color:var(--accent)}.room{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.room-loading{text-align:center;padding:20vh 1rem;color:var(--muted)}.crash{max-width:460px;margin:0 auto;padding:18vh 1.5rem;text-align:center}.crash h2{margin:0 0 .5rem}.crash .primary{margin-top:1.25rem}.room-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.room-meta{display:flex;align-items:center;gap:.75rem}.room-meta h2{margin:0;font-size:1.25rem}.room-code{background:var(--bg-2);border:1px solid var(--line);padding:.35rem .6rem;border-radius:8px;font-weight:700;letter-spacing:.2em;color:var(--accent)}.room-actions{display:flex;align-items:center;gap:.5rem}.status-pill{font-size:.85rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.status-pill.voting{color:var(--accent);border-color:var(--accent)}.status-pill.revealed{color:var(--green);border-color:var(--green)}.story-banner{margin:1.25rem 0 0;padding:.75rem 1rem;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;font-size:1.05rem}.participants{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.seat{width:96px;text-align:center;position:relative}.seat-kick{position:absolute;top:-9px;right:-9px;z-index:3;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--danger);background:var(--bg-2);color:var(--danger);padding:0;font-size:.95rem;line-height:1;text-align:center;cursor:pointer;opacity:0;transform:scale(.7);transition:opacity .12s,transform .12s,background .12s,color .12s;box-shadow:0 2px 6px #0006}.seat:hover .seat-kick,.seat-kick:focus-visible{opacity:1;transform:scale(1)}.seat-kick:hover{background:var(--danger);color:#fff}.seat-name{font-size:.85rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crown{color:#f2c14e;margin-right:.2rem}.you{color:var(--muted)}.seat-card{position:relative;height:110px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:background .2s,border-color .2s}.seat-card.flipped{background:var(--green-bg);border-color:var(--green)}.seat-value{font-size:1.9rem;font-weight:700}.seat-back{color:var(--green);font-size:1.9rem}.seat-thinking{opacity:.7}.result{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0 2rem}.result-stats{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.5rem 1.1rem;min-width:84px}.stat strong{font-size:1.6rem;color:var(--accent)}.consensus{color:var(--green);font-weight:600}.waiting-on{text-align:center;color:var(--text);font-size:.9rem;margin:.25rem 0 0}.badge{display:inline-block;margin-left:.4rem;background:var(--accent);color:#fff;border-radius:999px;font-size:.72rem;padding:.05rem .4rem;font-weight:700}.queue-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.queue-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.queue-title{font-weight:600}.queue-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.queue-list li{display:flex;align-items:center;gap:.6rem;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;cursor:grab}.queue-list li.dragging{opacity:.4}.q-handle{color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;font-size:1rem;line-height:1}.q-num{color:var(--muted);font-size:.8rem;min-width:1.2rem}.q-title{flex:1}.q-remove{background:transparent;border:none;color:var(--danger);font-size:1.2rem;line-height:1;padding:0 .3rem}.queue-add{display:flex;gap:.6rem;align-items:flex-start}.queue-add textarea{flex:1;resize:vertical;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.6rem .7rem;font-family:inherit;font-size:.95rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(760px,100%);max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.modal-header h3{margin:0}.modal-close{background:transparent;border:none;color:var(--muted);font-size:1.6rem;line-height:1}.modal-empty{padding:2rem 1.25rem;text-align:center}.table-scroll{overflow:auto;padding:.5rem 1.25rem}.results-table{width:100%;border-collapse:collapse;font-size:.9rem}.results-table th,.results-table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}.results-table th{color:var(--muted);font-weight:600}.story-cell{white-space:normal}.mini-consensus{color:var(--green)}.votes-cell{color:var(--muted);white-space:normal}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-top:1px solid var(--line)}.export-buttons{display:flex;gap:.5rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.story-input{flex:1;min-width:220px;cursor:default}.story-input:focus{box-shadow:none;border-color:var(--line)}.panel-buttons{display:flex;gap:.5rem}.wait-msg{text-align:center;color:var(--muted);margin:1.5rem 0}.deck{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.deck.disabled{opacity:.45}.poker-card{position:relative;width:70px;height:100px;border-radius:10px;background:var(--bg-2);border:2px solid var(--line);color:var(--text);font-size:1.5rem;font-weight:700;transition:transform .12s,border-color .12s,background .12s}.poker-card:not(:disabled):hover{transform:translateY(-8px);border-color:var(--accent)}.poker-card.selected{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:#fff;transform:translateY(-12px);box-shadow:var(--shadow)}.poker-card:disabled{cursor:default}.poker-card .face{display:block}.corner{position:absolute;font-size:.7rem;opacity:.8}.corner.tl{top:6px;left:8px}.corner.br{bottom:6px;right:8px;transform:rotate(180deg)}.room-error{text-align:center;margin-top:1.5rem}@media (max-width: 560px){.seat{width:72px}.seat-card{height:88px}.poker-card{width:56px;height:82px;font-size:1.2rem}}