:root{--color-paper: #ffffff;--color-paper-dim: #f5f5f2;--color-ink: #1d1d1f;--color-ink-soft: #515154;--color-ink-faint: #86868b;--color-line: #1d1d1f;--color-line-soft: #d2d2d7;--color-danger: #b42318;--color-success: #2d7a46;--color-warning: #b45309;--stripe-green: #61bb46;--stripe-yellow: #fdb827;--stripe-orange: #f5821f;--stripe-red: #e03a3e;--stripe-purple: #963d97;--stripe-blue: #009ddc;--font-display: "Iowan Old Style", Garamond, "Apple Garamond", "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Monaco, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--border-hairline: 1px solid var(--color-line);--border-soft: 1px solid var(--color-line-soft);--shadow-offset: 3px 3px 0 var(--color-ink);--touch-target: 44px}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.ui-stripe{display:flex;height:4px;width:100%}.ui-stripe>span{flex:1}.ui-stripe>span:nth-child(1){background:var(--stripe-green)}.ui-stripe>span:nth-child(2){background:var(--stripe-yellow)}.ui-stripe>span:nth-child(3){background:var(--stripe-orange)}.ui-stripe>span:nth-child(4){background:var(--stripe-red)}.ui-stripe>span:nth-child(5){background:var(--stripe-purple)}.ui-stripe>span:nth-child(6){background:var(--stripe-blue)}.ui-screen{flex:1;display:flex;flex-direction:column;width:100%;max-width:430px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6)}.ui-screen-body{flex:1;display:flex;flex-direction:column}.ui-stack{display:flex;flex-direction:column}.ui-stack--gap-2{gap:var(--space-2)}.ui-stack--gap-4{gap:var(--space-4)}.ui-stack--gap-6{gap:var(--space-6)}.ui-card{background:var(--color-paper);border:var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-offset);padding:var(--space-5)}.ui-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:0 var(--space-5);border:var(--border-hairline);border-radius:var(--radius-md);background:var(--color-paper);font-family:var(--font-ui);font-size:var(--text-md);font-weight:600;cursor:pointer;box-shadow:var(--shadow-offset);transition:transform 80ms ease,box-shadow 80ms ease}.ui-button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--color-ink)}.ui-button--primary{background:var(--color-ink);color:var(--color-paper)}.ui-button:disabled{cursor:not-allowed;color:var(--color-ink-faint);border-color:var(--color-line-soft);box-shadow:none;background:transparent}.ui-button--primary:disabled{background:transparent;color:var(--color-ink-faint)}.ui-button:disabled:active{transform:none;box-shadow:none}.ui-button--block{width:100%}.ui-button-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.ui-input{width:100%;min-height:var(--touch-target);padding:0 var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);background:var(--color-paper)}.ui-input::placeholder{color:var(--color-ink-faint)}.ui-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.ui-phase{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;border:var(--border-hairline);border-radius:999px;padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.ui-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;line-height:1.15;letter-spacing:-.01em}.ui-subtitle{color:var(--color-ink-soft);font-size:var(--text-md)}.ui-footnote{color:var(--color-ink-faint);font-size:var(--text-xs);text-align:center}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.ui-screen--centered .ui-screen-body{justify-content:center;align-items:center;text-align:center}.ui-error{color:var(--color-danger);font-size:var(--text-sm);margin:0}.ui-link{background:none;border:none;color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-md);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:var(--space-2) 0}.ui-link:disabled{color:var(--color-ink-faint);cursor:not-allowed;text-decoration:none}.ui-link-row{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.ui-badge{font-size:var(--text-sm);color:var(--color-ink-soft);white-space:nowrap}.ui-player-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--border-soft)}.ui-player-row:last-child{border-bottom:none}.ui-vote-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--touch-target);padding:var(--space-2) 0;border:none;border-bottom:var(--border-soft);background:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.ui-vote-row:last-child{border-bottom:none}.ui-vote-row[aria-pressed=true] .name-text{font-weight:600}.ui-vote-row[aria-pressed=true] .ui-badge{color:var(--color-ink);font-weight:600}.ui-player-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);min-width:0}.ui-player-name .name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:var(--border-hairline)}.ui-status-dot.connected{background:var(--color-success)}.ui-status-dot.disconnected{background:var(--color-ink-faint)}.ui-connection-banner{text-align:center;font-size:var(--text-sm);color:var(--color-warning);padding:var(--space-2)}.ui-timer{font-family:var(--font-display);font-size:var(--text-xl);text-align:center}.ui-error-toast{position:fixed;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);max-width:430px;margin:0 auto;background:var(--color-ink);color:var(--color-paper);padding:var(--space-3) var(--space-4);border:var(--border-hairline);box-shadow:var(--shadow-offset);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);z-index:100}.ui-error-toast button{background:transparent;border:none;color:var(--color-paper);font-size:var(--text-lg);cursor:pointer;min-width:var(--touch-target);min-height:var(--touch-target)}.private-card-frame{position:relative;width:100%;aspect-ratio:4 / 3;border:var(--border-hairline);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-offset)}.private-card-image{width:100%;height:100%;display:block;background:var(--color-paper-dim);object-fit:cover;transition:opacity .15s ease-in}.private-card-skeleton{width:100%;aspect-ratio:4 / 3;border:var(--border-hairline);border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-paper-dim) 25%,var(--color-paper) 37%,var(--color-paper-dim) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.private-card-frame .private-card-skeleton{position:absolute;inset:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.private-card-blank{width:100%;aspect-ratio:4 / 3;border:var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);background:repeating-linear-gradient(45deg,var(--color-paper-dim),var(--color-paper-dim) 10px,var(--color-paper) 10px,var(--color-paper) 20px);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-5);font-size:var(--text-lg);font-weight:600}.reveal-images{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.reveal-images>figure{flex:0 0 85%;scroll-snap-align:center;margin:0}.reveal-images img,.reveal-images .private-card-blank{width:100%;border:var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-offset)}.reveal-images figcaption{text-align:center;font-size:var(--text-sm);color:var(--color-ink-soft);margin-top:var(--space-2)}