:root{--color-paper: #f3f2f2;--color-paper-dim: #eae9e9;--color-ink: #201e1d;--color-ink-soft: #605d5d;--color-ink-faint: #9b9797;--color-ghost: #eae7e7;--color-line: #201e1d;--color-line-soft: rgba(32, 30, 29, .4);--color-red: #ec3013;--color-red-pressed: #dd2b0f;--color-red-text: #ae1800;--color-red-tint: #ffe0d9;--color-on-red: #ffffff;--color-on-ink: #f3f2f2;--color-danger: var(--color-red-text);--color-success: var(--color-ink);--color-warning: var(--color-red-text);--stripe-red: repeating-linear-gradient( -45deg, var(--color-red) 0 10px, var(--color-paper) 10px 20px );--stripe-ink: repeating-linear-gradient( -45deg, var(--color-ink) 0 10px, var(--color-red) 10px 20px );--font-display: "Archivo", system-ui, sans-serif;--font-ui: "Archivo", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Monaco, "Courier New", monospace;--text-xs: .6875rem;--text-sm: .875rem;--text-md: 1.0625rem;--text-lg: 1.625rem;--text-xl: 2.125rem;--text-2xl: 4rem;--text-digits: 2.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--border-hairline: 2px solid var(--color-line);--border-soft: 2px solid var(--color-line-soft);--shadow-offset: none;--touch-target: 44px;--speed: .12s;--focus-ring: 2px solid var(--color-red)}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/archivo-400-C81ewxNO.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/archivo-600-3BBy0ZsW.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/archivo-800-cB6v3kRN.woff2) format("woff2")}*,*: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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:2px}::selection{background:var(--color-red-tint)}.ui-stripe{display:block;height:12px;width:100%;background:var(--stripe-red);flex-shrink:0}.ui-stripe--ink{background:var(--stripe-ink)}.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;min-height:0;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:0;box-shadow:none;padding:var(--space-5)}.ui-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-3);min-height:var(--touch-target);padding:0 var(--space-4);border:var(--border-hairline);border-radius:0;background:transparent;color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:left;cursor:pointer;box-shadow:none;transition:background-color 80ms ease,color 80ms ease,opacity 80ms ease}.ui-button:hover:not(:disabled){background:var(--color-paper-dim)}.ui-button:active:not(:disabled){background:var(--color-paper-dim)}.ui-button--primary{background:var(--color-red);color:var(--color-on-red);border-color:var(--color-red)}.ui-button--primary:hover:not(:disabled){background:var(--color-red-pressed);border-color:var(--color-red-pressed)}.ui-button--primary:active:not(:disabled){background:var(--color-red-pressed);border-color:var(--color-red-pressed)}.ui-button:disabled{cursor:not-allowed;opacity:.45}.ui-button:disabled:hover,.ui-button:disabled:active{background:transparent}.ui-button--primary:disabled:hover,.ui-button--primary:disabled:active{background:var(--color-red);border-color:var(--color-red)}.ui-button--primary:disabled[aria-busy=true]{opacity:.88;cursor:wait}.ui-button--block{width:100%;justify-content:space-between}.ui-button--block:after{content:"→";flex-shrink:0;font-weight:800}.ui-button-label{flex:1;min-width:0;text-align:left}.ui-busy{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-2)}.ui-busy-spinner{width:1rem;height:1rem;border:2px solid var(--color-ink-faint);border-top-color:var(--color-ink);border-radius:50%;animation:ui-busy-spin .7s linear infinite;flex-shrink:0}.ui-busy-label{font:inherit;font-weight:800}.ui-loading-status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;min-height:12rem}.ui-loading-status-message{margin:0;color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:600}@keyframes ui-busy-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-busy-spinner{animation:none;border-top-color:var(--color-ink-faint);opacity:.7}.ui-code-tile--active:after{animation:none;opacity:1}}.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:0;background:var(--color-paper);caret-color:var(--color-red)}.ui-input::placeholder{color:var(--color-ink-faint)}.ui-input:focus{border-color:var(--color-ink)}.ui-label{display:block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:var(--space-2)}.ui-label-optional{font-weight:400;color:var(--color-ink-faint);text-transform:none;letter-spacing:0}.ui-stamp,.ui-phase{display:inline-flex;align-items:center;align-self:flex-start;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;border:1px solid var(--color-ink);border-radius:0;padding:2px 7px;background:transparent;color:var(--color-ink);transform:rotate(-3deg)}.ui-stamp--red,.ui-phase--red{background:var(--color-red);border-color:var(--color-red);color:var(--color-on-red)}.ui-stamp--ink,.ui-phase--ink{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-ink)}.ui-title{font-family:var(--font-ui);font-size:var(--text-xl);font-weight:800;line-height:1.05;letter-spacing:-.015em;text-transform:uppercase}.ui-subtitle{color:var(--color-ink-soft);font-size:var(--text-sm)}.ui-footnote{color:var(--color-ink-faint);font-size:var(--text-xs);text-align:left}.ui-code-tiles{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ui-code-tile{position:relative;box-sizing:border-box;width:56px;height:64px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-ink);border-radius:0;background:var(--color-paper);font-family:var(--font-ui);font-size:32px;font-weight:800;line-height:1;color:var(--color-ink);text-transform:uppercase}.ui-code-tile--empty{border-style:dashed;border-color:var(--color-line-soft);color:transparent}.ui-code-tile--active{border-color:var(--color-red);border-style:solid}.ui-code-tile--active:after{content:"";position:absolute;bottom:10px;left:50%;width:18px;height:2px;margin-left:-9px;background:var(--color-red);animation:ui-code-caret 1s steps(1,end) infinite}.ui-code-tile--filled.ui-code-tile--active:after{display:none}.ui-code-tile--accent{background:var(--color-red);border-color:var(--color-red);color:var(--color-on-red)}.ui-code-tiles-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-code-tiles--interactive{position:relative;cursor:text}@keyframes ui-code-caret{0%,49%{opacity:1}50%,to{opacity:0}}.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-link--center{display:block;width:100%;text-align:center}.ui-skip-controls{display:flex;flex-direction:column;gap:var(--space-3)}.ui-skip-round{display:flex;flex-direction:column;gap:var(--space-1)}.ui-skip-hint{margin:0;text-align:center;font-size:var(--text-sm);color:var(--color-ink-soft)}.ui-viewing-meta{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.ui-round-label{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft)}.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-3);font-size:var(--text-md);min-width:0}.ui-player-identity{display:flex;flex-direction:column;gap:1px;min-width:0}.ui-player-name .name-text{display:inline-flex;align-items:center;gap:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-you-chip{flex-shrink:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-ink);border:var(--border-hairline);padding:0 .35rem;line-height:1.4}.ui-connection-label{font-size:var(--text-xs);color:var(--color-ink-faint);line-height:1.2}@keyframes character-idle-breath{0%,to{top:0;transform:rotate(0) scale(1)}50%{top:-14px;transform:rotate(-7deg) scale(1.28,.86)}}.player-character{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;line-height:0;overflow:visible;transform-origin:50% 100%;top:0}.player-character__body{display:block;width:100%;height:100%;overflow:visible}.player-character__body svg{width:100%;height:100%;display:block;overflow:visible}.player-character__acting{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.player-character--breathing{animation:character-idle-breath 1.15s ease-in-out infinite;animation-delay:var(--breath-delay, 0s);will-change:transform,top}.player-character--paused,.player-character--paused .character-eye{animation-play-state:paused!important}@keyframes character-eye-blink{0%,78%,to{transform:scaleY(1)}84%{transform:scaleY(.08)}88%{transform:scaleY(1)}}.player-character__body .character-eye{transform-box:fill-box;transform-origin:center;animation:character-eye-blink 2.8s ease-in-out infinite;animation-delay:var(--blink-delay, 0s)}.player-character__body .character-eye--lid,.player-character--away .player-character__body .character-eye,.player-character--join .player-character__body .character-eye{animation:none}@media(prefers-reduced-motion:reduce){.player-character--breathing,.player-character__body .character-eye{animation:none!important}}.player-character--away{opacity:.55;transition:opacity .28s ease}.ui-player-name,.ui-player-row{overflow:visible}.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}}@media(prefers-reduced-motion:reduce){.private-card-skeleton{animation:none}}.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}.private-card-hidden{width:100%;aspect-ratio:4 / 3;border:var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);background:var(--color-paper-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;padding:var(--space-5);cursor:pointer;font:inherit;color:inherit;min-height:var(--touch-target)}.private-card-hidden--overlay{position:absolute;inset:0;width:auto;aspect-ratio:auto;box-shadow:none;z-index:1}.private-card-hidden:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.private-card-hidden-title{font-size:var(--text-lg);font-weight:600}.private-card-hidden-hint{font-size:var(--text-sm);color:var(--color-ink-soft)}.private-card-peek-hint{position:absolute;left:var(--space-3);bottom:var(--space-3);margin:0;padding:.2rem .45rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:var(--color-ink);color:var(--color-paper);border:var(--border-hairline)}.room-settings{text-align:left}.room-settings-label{margin:0;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--color-ink-soft)}.room-settings-chips{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.room-settings-chip{min-height:var(--touch-target);width:100%;padding:0 var(--space-4);border:var(--border-hairline);border-radius:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.room-settings-chip:disabled:not(.room-settings-chip--selected){opacity:.55;cursor:not-allowed}.room-settings-chip--selected{background:var(--color-ink);color:var(--color-paper);cursor:default}.room-settings-chip--pending{outline:2px solid var(--color-ink);outline-offset:-4px}.room-settings-locked{margin:0;font-size:var(--text-sm);color:var(--color-ink-faint)}.lobby-header{flex-shrink:0;border-bottom:var(--border-soft);padding-bottom:var(--space-3)}.lobby-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-target)}.lobby-wordmark{flex-shrink:0}.lobby-header-tools{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;padding-bottom:1px}.lobby-count-chip{flex-shrink:0;align-self:center}.lobby-settings-cog{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);padding:0;border:var(--border-soft);border-radius:0;background:transparent;color:var(--color-ink);cursor:pointer}.lobby-settings-cog:hover{background:var(--color-paper-dim)}.lobby-settings-cog-icon{display:block}.lobby-invite{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-3);flex-shrink:0}.lobby-invite .ui-code-tiles{flex-wrap:nowrap;gap:var(--space-1)}.lobby-invite .ui-code-tile{width:clamp(44px,14vw,56px);height:clamp(52px,16vw,64px);font-size:clamp(22px,7vw,32px)}.lobby-invite-share{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);min-height:var(--touch-target)}.lobby-text-link{align-self:flex-start;margin:0;padding:var(--space-2) 0;border:none;background:none;color:var(--color-red-text);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;cursor:pointer;min-height:var(--touch-target)}.lobby-text-link:hover{color:var(--color-red)}.lobby-copied-stamp{flex-shrink:0;transform:rotate(3deg)}.lobby-settings-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-ink) 28%,transparent)}.lobby-settings-sheet{width:100%;max-width:390px;max-height:min(90dvh,640px);min-height:0;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4) var(--space-5);background:var(--color-paper);border:var(--border-hairline);border-radius:0;box-shadow:none;overflow:auto}.lobby-settings-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-shrink:0}.lobby-settings-sheet-header .ui-title{margin:0;font-size:var(--text-xl)}.lobby-settings-close{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);padding:0;border:var(--border-soft);border-radius:0;background:transparent;color:var(--color-ink);cursor:pointer;flex-shrink:0}.lobby-settings-close:hover{background:var(--color-paper-dim)}.lobby-settings-sheet-body{flex:1 1 auto;min-height:0}.lobby-settings-sheet-footer{flex-shrink:0;margin-top:auto}.pack-picker{display:flex;flex-direction:column;gap:var(--space-3)}.pack-picker-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.pack-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);height:100%;min-height:10.5rem;min-width:0;padding:var(--space-3);border:2px solid var(--color-line-soft);border-radius:0;background:var(--color-paper);color:var(--color-ink);text-align:left;font:inherit;cursor:pointer;box-shadow:none}.pack-card:disabled:not(.pack-card--selected){opacity:.55;cursor:not-allowed}.pack-card--selected{border-color:var(--color-ink);cursor:default}.pack-card--empty:not(.pack-card--selected){opacity:.45}.pack-card-selected-stamp{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;transform:rotate(3deg)}.pack-card-cover{display:block;width:100%;aspect-ratio:16 / 10;border:var(--border-hairline);border-radius:0;overflow:hidden;background:var(--color-paper-dim)}.pack-card-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.pack-card-cover--placeholder{background:repeating-linear-gradient(-45deg,var(--color-paper-dim) 0 8px,var(--color-ghost) 8px 16px)}.pack-card-name{font-family:var(--font-ui);font-size:15px;font-weight:800;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--color-ink)}.pack-card-blurb{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:400;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--color-ink-soft);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.pack-card-meta{margin-top:auto;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--color-ink-faint)}.pack-thin-warning{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:400;line-height:1.5;color:var(--color-warning);text-align:left}.lobby-section{display:flex;flex-direction:column;gap:var(--space-3)}.room-phase-shell{flex:1;min-height:0;display:flex;flex-direction:column}.lobby{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.lobby-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lobby-section--players{flex:0 0 auto}.lobby-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.lobby-section-title{margin:0;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--color-ink-soft)}.lobby-section-meta{margin:0;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--color-ink-faint)}.lobby-seat-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;width:100%}.lobby-seat{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:baseline;column-gap:var(--space-3);min-width:0;width:100%;min-height:var(--touch-target);padding:.875rem 0;text-align:left;border:none;border-bottom:var(--border-soft);border-radius:0;background:transparent;box-sizing:border-box}.lobby-seat:first-child{border-top:var(--border-soft)}.lobby-seat--away{opacity:.72}.lobby-seat--ghost{grid-template-columns:1.75rem minmax(0,1fr)}.lobby-seat-index{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.25;color:var(--color-ink-faint);font-variant-numeric:tabular-nums;position:relative;top:-.05em}.lobby-seat-empty{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.25;color:var(--color-ink-faint)}.lobby-seat-name{display:block;min-width:0;font-family:var(--font-ui);font-size:var(--text-md);font-weight:600;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-seat-host{justify-self:end;align-self:center;flex-shrink:0}.lobby-section--actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);flex:0 0 auto;margin-top:0;padding-top:var(--space-4);border-top:var(--border-soft);background:var(--color-paper)}.lobby-text-link--howto{align-self:center;text-align:center;min-height:auto;padding:var(--space-1) 0}.lobby-start-hint{margin:0;text-align:center;font-family:var(--font-ui);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--color-ink-soft)}.lobby-start-hint--ready{color:var(--color-ink-faint)}.reveal-images{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);width:100%}.reveal-images>figure{margin:0;min-width:0}.reveal-images img,.reveal-images .private-card-blank{width:100%;aspect-ratio:1 / 1;max-height:6.5rem;object-fit:cover;border:var(--border-hairline);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--color-ink)}.reveal-images .private-card-blank{min-height:0;height:6.5rem;padding:var(--space-2);font-size:var(--text-xs)}.reveal-images figcaption{text-align:center;font-size:var(--text-xs);color:var(--color-ink-soft);margin-top:var(--space-1)}.reveal-scoring-caption{font-size:var(--text-md);font-weight:600;color:var(--color-success)}.reveal-standings{gap:var(--space-3)}.reveal-standings-label{font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-ink-faint)}.reveal-score-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3.75rem;padding:var(--space-3) var(--space-4);border:var(--border-hairline);border-radius:var(--radius-md);background:var(--color-paper);box-shadow:2px 2px 0 var(--color-line-soft)}.reveal-score-row--gained{border-color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);background:color-mix(in srgb,var(--color-success) 10%,var(--color-paper))}.reveal-score-name{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-xl);font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-score-meta{display:inline-flex;align-items:center;gap:var(--space-3);flex-shrink:0}.reveal-score-delta{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;min-height:2.5rem;padding:.25rem .65rem;border:var(--border-hairline);border-radius:var(--radius-sm);background:var(--color-paper);box-shadow:2px 2px 0 var(--color-ink);color:var(--color-success);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;line-height:1.2}.reveal-score-delta--none{border:none;background:transparent;box-shadow:none;color:var(--color-ink-faint);font-weight:400;min-width:3.5rem;justify-content:center}.reveal-score-total{min-width:2rem;text-align:right;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-ink);line-height:1}.reveal-score-row--gained .reveal-score-total{color:var(--color-ink)}.personal-votes-section{display:flex;flex-direction:column;gap:var(--space-2)}.personal-votes-heading{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft)}.personal-votes-empty{margin:0;padding:var(--space-3) 0;font-size:var(--text-md);color:var(--color-ink-soft);border-bottom:var(--border-soft)}.ui-screen--landing{position:relative;z-index:1;padding-top:0;padding-bottom:0;max-width:430px}.ui-screen--landing .ui-screen-body{min-height:100dvh}.landing{position:relative;z-index:1;width:100%;flex:1;display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:100dvh}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0 var(--space-3);border-bottom:var(--border-soft)}.landing-wordmark{position:relative;display:inline-flex;align-items:center;padding-top:10px}.landing-horns{position:absolute;top:0;left:.12em;right:.12em;height:8px;pointer-events:none}.landing-horn{position:absolute;top:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid var(--color-red)}.landing-horn--left{left:.02em;transform:rotate(-22deg)}.landing-horn--right{left:.55em;transform:rotate(22deg)}.landing-wordmark-text{font-family:var(--font-ui);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--color-ink)}.landing-domain{font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);line-height:1}.landing-stage{flex:1;display:flex;flex-direction:column;min-height:calc(100svh - 3.25rem);min-height:calc(100dvh - 3.25rem);padding-top:var(--space-6)}.landing-hero{flex:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6);text-align:left;padding-bottom:var(--space-4)}.landing-hero-copy{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-4)}.landing-headline{font-family:var(--font-ui);font-size:clamp(2.25rem,11vw,3rem);font-weight:800;line-height:.98;letter-spacing:-.02em;text-transform:uppercase;max-width:9.5em}.landing-headline-accent{color:var(--color-red)}.landing-pitch{color:var(--color-ink-soft);font-size:15px;font-weight:400;line-height:1.45;max-width:300px}.landing-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto}.landing-actions--form{margin-top:var(--space-2)}.landing-rejoin.ui-button{min-height:var(--touch-target)}.landing-howto{align-self:flex-start;margin:0;padding:var(--space-2) 0;border:none;background:none;color:var(--color-red-text);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;min-height:var(--touch-target)}.landing-howto:hover{color:var(--color-red)}.landing-form{flex:1;width:100%;display:flex;flex-direction:column;text-align:left}.landing-form-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.landing-form-title{font-family:var(--font-ui);font-size:var(--text-xl);font-weight:800;line-height:1.05;letter-spacing:-.015em;text-transform:uppercase}.landing-form-subtitle{color:var(--color-ink-soft);font-size:var(--text-sm);line-height:1.45;max-width:300px}.landing-form-fields{flex:1}.landing-footer-stripe{margin-top:auto;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));flex-shrink:0}.landing-footer-stripe .ui-stripe{width:100%}.landing .ui-code-tiles{flex-wrap:nowrap;gap:var(--space-1)}.landing .ui-code-tile{width:clamp(44px,16vw,56px);height:clamp(52px,18vw,64px);font-size:clamp(22px,8vw,32px)}.landing-about{width:100%;text-align:left;padding:var(--space-7) 0 var(--space-6);border-top:var(--border-soft);display:flex;flex-direction:column;gap:var(--space-6)}.landing-about-title{font-family:var(--font-ui);font-size:var(--text-xl);font-weight:800;line-height:1.05;letter-spacing:-.015em;text-transform:uppercase}.landing-about-lead{color:var(--color-ink-soft);font-size:var(--text-sm);line-height:1.5;margin-top:calc(-1 * var(--space-3))}.landing-about-block{display:flex;flex-direction:column;gap:var(--space-3)}.landing-about-heading{font-family:var(--font-ui);font-size:var(--text-md);font-weight:800;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.landing-about-copy{color:var(--color-ink-soft);font-size:var(--text-sm);line-height:1.5}.landing-about-list{margin:0;padding-left:1.15em;color:var(--color-ink-soft);font-size:var(--text-sm);line-height:1.55;display:flex;flex-direction:column;gap:var(--space-2)}.landing-about-list--ordered{list-style:decimal}.landing-about-list strong{color:var(--color-ink);font-weight:600}.onboarding-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:stretch;justify-content:center;padding:var(--space-4);background:#201e1d73}.onboarding-panel{width:min(100%,430px);margin:auto;display:flex;flex-direction:column;gap:var(--space-5);max-height:min(100%,720px);overflow:auto;padding:var(--space-5) var(--space-4);border:var(--border-hairline);border-radius:0;background:var(--color-paper);box-shadow:none}.onboarding-panel--demo{margin:0 auto;max-height:none}.howto{display:flex;flex-direction:column;gap:var(--space-4)}.howto-title{font-size:var(--text-xl);text-align:left}.howto-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.howto-card{margin:0;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.howto-card figcaption{font-size:var(--text-xs);font-family:var(--font-ui);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft)}.howto-scene{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border:var(--border-hairline);border-radius:0;background:var(--color-paper-dim);filter:grayscale(1) contrast(1.08)}.howto-rules{margin:0;padding:var(--space-4);list-style:none;display:flex;flex-direction:column;gap:var(--space-3);border:var(--border-soft);border-radius:0;background:var(--color-paper);text-align:left}.howto-rules li{position:relative;padding-left:var(--space-4);color:var(--color-ink-soft);font-size:var(--text-sm);line-height:1.4}.howto-rules li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:0;background:var(--color-ink)}@media(max-width:380px){.onboarding-panel{padding:var(--space-4) var(--space-3)}}.demo-page{min-height:100dvh;display:grid;grid-template-columns:minmax(240px,320px) 1fr;background:radial-gradient(circle at 12% 18%,rgba(210,210,215,.35),transparent 42%),radial-gradient(circle at 88% 12%,rgba(190,200,210,.28),transparent 38%),linear-gradient(180deg,#fff,#f7f7f7);color:var(--color-ink)}.demo-chrome{padding:var(--space-5);border-right:var(--border-hairline);background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto}.demo-kicker{margin:0;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft)}.demo-title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.1}.demo-copy{margin:0;font-size:var(--text-sm);color:var(--color-ink-soft)}.demo-scenario-list{display:flex;flex-direction:column;gap:var(--space-2)}.demo-scenario-btn{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-3);border:var(--border-hairline);background:var(--color-paper);text-align:left;cursor:pointer;box-shadow:var(--shadow-offset)}.demo-scenario-btn--active{outline:2px solid var(--color-ink);outline-offset:1px}.demo-scenario-label{font-weight:600;font-size:var(--text-md)}.demo-scenario-desc{font-size:var(--text-sm);color:var(--color-ink-soft)}.demo-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5)}.demo-phone{width:min(100%,390px);min-height:720px;border:var(--border-hairline);border-radius:28px;background:var(--color-paper);box-shadow:var(--shadow-offset);overflow:hidden;display:flex;flex-direction:column;position:relative}.demo-phone-notch{height:12px;margin:10px auto 0;width:108px;border-radius:999px;background:#00000014;flex-shrink:0}.demo-phone .ui-screen{min-height:0;flex:1}.demo-stage-caption{margin:0;font-size:var(--text-sm);color:var(--color-ink-soft)}.demo-page>.ui-screen{min-height:min(100dvh - 2rem,720px);max-height:min(100dvh - 2rem,720px);background:var(--color-paper);border:var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);justify-self:center;width:100%;max-width:430px;overflow:hidden}.demo-page>.ui-screen .ui-screen-body{min-height:0;overflow:hidden}@media(max-width:860px){.demo-page{grid-template-columns:1fr}.demo-chrome{border-right:none;border-bottom:var(--border-hairline)}.demo-phone{min-height:640px}.demo-page>.ui-screen{justify-self:stretch;max-width:none}}.demo-page{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:var(--space-5);width:100%;max-width:1100px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);align-items:start}.demo-controls{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-4)}.demo-eyebrow{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint)}.demo-meta{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.45}.demo-frame{border:var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);background:var(--color-paper-dim);overflow:hidden;max-width:430px;justify-self:center;width:100%}.demo-frame .ui-screen{max-width:none;min-height:640px;background:var(--color-paper)}@media(max-width:800px){.demo-page{grid-template-columns:1fr}.demo-controls{position:static}.demo-frame{justify-self:stretch}}.pack-picker-demo .demo-frame{max-width:430px}