.poker-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--s-5);align-items:start}@media (max-width: 1100px){.poker-grid{grid-template-columns:1fr}}.story-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large-increased);padding:var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.story-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap}.story-ticket{display:flex;align-items:center;gap:var(--s-3)}.story-ticket-num{font-family:Roboto Mono,ui-monospace,monospace;font-size:12px;font-weight:600;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:4px 10px;border-radius:var(--md-sys-shape-corner-extra-small);letter-spacing:.05em}.story-status{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--md-sys-color-on-surface-variant);display:inline-flex;align-items:center;gap:var(--s-2)}.story-status .pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--md-sys-color-tertiary);animation:pulse-dot 1.6s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.story-title-input{font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-size:clamp(20px,4.5vw,30px);font-weight:500;background:transparent;border:0;outline:none;width:100%;color:var(--md-sys-color-on-surface);letter-spacing:-.015em;line-height:1.2;padding:var(--s-1) 0;font-variation-settings:"opsz" 72,"wdth" 100}.story-title-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.7}.story-desc{width:100%}.timer-chip,.room-chip{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 12px;border-radius:var(--md-sys-shape-corner-full);font-family:Roboto Mono,ui-monospace,monospace;font-size:13px;font-weight:600;letter-spacing:.04em}.timer-chip{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.timer-chip.warn{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);animation:wiggle .4s infinite}.timer-chip button,.room-chip button{background:transparent;border:0;cursor:pointer;font:inherit;color:inherit;padding:0 4px;opacity:.7;text-transform:lowercase;font-size:11px}.timer-chip button:hover,.room-chip button:hover{opacity:1}.room-chip{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.room-chip .copy-btn.is-copied{color:var(--md-sys-color-tertiary);opacity:1}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.players-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large-increased);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-title{font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-size:18px;font-weight:500;color:var(--md-sys-color-on-surface)}.panel-count{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;padding:3px 10px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.player-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);position:relative;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.player-row.you{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.player-row.picked{outline:1px solid var(--md-sys-color-tertiary)}.player-avatar{width:36px;height:36px;border-radius:50%;background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);display:grid;place-items:center;font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-weight:500;font-size:14px;flex-shrink:0}.player-row.you .player-avatar{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.player-name{flex:1;font-weight:500;font-size:14px;background:transparent;border:0;outline:none;color:inherit;font-family:inherit;min-width:0}.player-status{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--md-sys-color-on-surface-variant)}.player-row.you .player-status{color:var(--md-sys-color-on-primary-container);opacity:.8}.player-mini-card{width:28px;height:38px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-small);display:grid;place-items:center;font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-weight:500;font-size:13px}.player-mini-card.hidden{background:var(--md-sys-color-secondary);color:var(--md-sys-color-secondary)}.player-mini-card.you-hidden{background:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.player-mini-card.revealed{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.add-player-row{display:flex;align-items:center;gap:var(--s-2)}.add-player-row md-outlined-text-field{flex:1}.help{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;color:var(--md-sys-color-on-surface-variant)}.table{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-large-increased);padding:var(--s-7) var(--s-6);display:flex;flex-direction:column;gap:var(--s-6);align-items:center}.table-head{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:720px;font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.played-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--s-4);width:100%;max-width:720px;min-height:140px}.played-slot{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.played-card{width:80px;height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);position:relative;overflow:hidden}.played-card.empty{background:transparent;border-style:dashed;opacity:.4}.played-card-inner{position:relative;width:100%;height:100%}.played-face,.played-back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;transition:opacity var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-emphasized)}.played-back{background:var(--md-sys-color-secondary);opacity:1;transform:scale(1)}.played-back.you{background:var(--md-sys-color-primary)}.played-face{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-weight:500;font-size:36px;letter-spacing:-.02em;opacity:0;transform:scale(.7) rotate(-8deg)}.played-card.flipped .played-back{opacity:0;transform:scale(.9)}.played-card.flipped .played-face{opacity:1;transform:scale(1) rotate(0)}.played-face.high{color:var(--md-sys-color-error)}.played-face.low{color:var(--md-sys-color-primary)}.played-slot .who{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.called-out{font-family:Roboto Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--md-sys-shape-corner-full)}.called-out.high{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.called-out.low{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.card-back-pattern{width:100%;height:100%}.hand-wrap{width:100%;padding-top:var(--s-3)}.hand-label{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);text-align:center;margin-bottom:var(--s-3)}.hand{display:flex;gap:var(--s-2);justify-content:center;flex-wrap:wrap}.hand-card{width:clamp(56px,13vw,72px);height:clamp(80px,18vw,102px);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-weight:500;font-size:30px;letter-spacing:-.02em;display:grid;place-items:center;cursor:pointer;transition:transform var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);box-shadow:var(--md-sys-elevation-level0)}.hand-card:hover{transform:translateY(-8px);background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.hand-card.selected{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary);transform:translateY(-14px);box-shadow:var(--md-sys-elevation-level3)}.legend{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;color:var(--md-sys-color-on-surface-variant);text-align:center;margin-top:var(--s-3)}.reveal-cta{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap}.results-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);width:100%;max-width:720px}@media (max-width: 700px){.results-row{grid-template-columns:1fr 1fr}}.result-stat{padding:var(--s-4);background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-medium);text-align:center}.result-stat-num{font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-weight:500;font-size:36px;line-height:1;color:var(--md-sys-color-primary);letter-spacing:-.025em;font-variation-settings:"opsz" 96,"wdth" 100}.result-stat-num.consensus{color:var(--md-sys-color-tertiary)}.result-stat-label{font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin-top:var(--s-2)}.conn-badge{position:fixed;top:var(--s-4);right:var(--s-4);z-index:50;padding:6px 12px;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);font-family:Roboto Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:var(--s-2);border:1px solid var(--md-sys-color-outline-variant)}@media (max-width: 720px){.conn-badge{display:none}}.conn-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--md-sys-color-tertiary)}.conn-badge.disconnected .dot{background:var(--md-sys-color-error)}.join-headline{font-family:Roboto Flex Variable,Roboto Flex,sans-serif;font-weight:500;font-size:28px;letter-spacing:-.015em}.join-content{display:flex;flex-direction:column;gap:var(--s-4);min-width:320px}.join-banner{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:var(--md-sys-shape-corner-medium);font-size:13px}.join-banner-dot{width:8px;height:8px;border-radius:50%;background:var(--md-sys-color-tertiary);animation:pulse-dot 1.6s infinite}.join-banner code{font-family:Roboto Mono,ui-monospace,monospace;background:#0000001a;padding:1px 5px;border-radius:3px}.invite-divider{display:flex;align-items:center;gap:var(--s-3);font-family:Roboto Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.invite-divider:before,.invite-divider:after{content:"";flex:1;height:1px;background:var(--md-sys-color-outline-variant)}.invite-row{display:flex;gap:var(--s-2);align-items:center}.invite-url{flex:1;min-width:0;padding:var(--s-2) var(--s-3);font-family:Roboto Mono,ui-monospace,monospace;font-size:12px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}