.reveal-result-author,.reveal-result-standing{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.reveal-result-author{justify-content:center}.reveal-settled-result{padding:var(--space-md);border:2px solid var(--accent-secondary);border-radius:var(--radius-card);background:var(--accent-secondary-wash);text-align:center}.reveal-settled-answer{color:var(--ink);font-size:1.25rem;font-weight:750;overflow-wrap:anywhere}.reveal-settled-result strong{color:var(--accent-secondary)}.reveal-mini.reveal-voted{color:var(--ink-muted);border-color:var(--edge);background:var(--surface)}.reveal-hand-slot{list-style:none}.reveal-paper-hand{display:grid;gap:var(--space-sm)}.reveal-paper-hand .reveal-card-pickable{position:relative;display:flex;width:100%;min-height:76px;margin:0;align-items:flex-start;justify-content:space-between;gap:var(--space-md);text-align:left;transform:translateY(0);transition:transform .18s var(--card-ease),box-shadow .18s ease,border-color .18s ease}.reveal-paper-hand .reveal-card-selected{border-color:var(--accent);box-shadow:-5px 0 0 var(--accent),0 8px 18px #00000061;transform:translateY(-4px)}.reveal-selected-mark{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:999px;background:var(--accent);color:var(--stage);font-weight:900}.reveal-lock-dock{margin-top:calc(-1 * var(--space-xs));padding:var(--space-sm) var(--space-sm) 0;border-top:3px solid var(--accent);border-radius:0 0 var(--radius-card) var(--radius-card);background:linear-gradient(180deg,var(--accent-wash),transparent 75%)}.reveal-lock-dock .reveal-hint{margin:0 0 var(--space-xs);text-align:center}.reveal-action-error{margin:0 0 var(--space-xs);color:var(--danger);font-size:.85rem;font-weight:700;text-align:center}.reveal-wait-card{display:grid;gap:var(--space-sm);justify-items:center;padding:var(--space-md);border:1px solid var(--edge);border-radius:var(--radius-panel);background:var(--surface)}.reveal-wait-card .reveal-card-locked{width:min(100%,560px);margin:0;font-size:clamp(1rem,3vw,1.35rem);line-height:1.35;overflow-wrap:anywhere}.reveal-wait-card[data-state=accepted] .reveal-card-locked{box-shadow:-5px 0 0 var(--success),0 8px 18px #0000005c}.reveal-object-status{margin:0;color:var(--ink-muted);font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.reveal-wait-card[data-state=accepted] .reveal-object-status{color:var(--success)}.reveal-seat{--reveal-seat-ring: var(--seat-ring-0);display:inline-flex;min-height:36px;max-width:100%;align-items:center;gap:var(--space-xs);padding:4px 10px;border:2px solid var(--reveal-seat-ring);border-radius:999px;color:var(--ink);background:var(--surface-raised);font-size:.82rem;font-weight:750}.reveal-seat-compact{min-height:28px;padding:2px 7px;font-size:.68rem}.reveal-seat-ring-0{--reveal-seat-ring: var(--seat-ring-0)}.reveal-seat-ring-1{--reveal-seat-ring: var(--seat-ring-1)}.reveal-seat-ring-2{--reveal-seat-ring: var(--seat-ring-2)}.reveal-seat-ring-3{--reveal-seat-ring: var(--seat-ring-3)}.reveal-seat-ring-4{--reveal-seat-ring: var(--seat-ring-4)}.reveal-seat-ring-5{--reveal-seat-ring: var(--seat-ring-5)}.reveal-seat-ring-6{--reveal-seat-ring: var(--seat-ring-6)}.reveal-seat-ring-7{--reveal-seat-ring: var(--seat-ring-7)}.reveal-seat-ring-8{--reveal-seat-ring: var(--seat-ring-8)}.reveal-read-stage{display:grid;min-height:190px;gap:var(--space-sm);align-content:center;justify-items:center;padding:clamp(1rem,4vw,2.2rem);border:1px solid var(--edge);border-radius:var(--radius-panel);background:radial-gradient(circle at 50% 15%,var(--accent-wash),transparent 58%),var(--stage);text-align:center}.reveal-read-kicker,.reveal-read-placeholder{margin:0;color:var(--ink-muted);font-size:.78rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.reveal-read-answer{max-width:28ch;margin:0;color:var(--ink);font-size:clamp(1.65rem,7vw,3.6rem);font-weight:850;line-height:1.08;overflow-wrap:anywhere}.reveal-read-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(94px,1fr);gap:var(--space-xs);margin:var(--space-md) 0 0;padding:0 0 var(--space-xs);list-style:none;overflow-x:auto;scrollbar-width:thin}.reveal-rail-card{position:relative;display:grid;min-height:112px;gap:5px;align-content:space-between;padding:var(--space-xs);border:1px solid var(--edge);border-radius:10px;background:var(--surface-raised);color:var(--ink-muted);box-shadow:0 4px 9px #00000047}.reveal-rail-card-up{background:var(--card-face);color:var(--card-ink)}.reveal-rail-card-live{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 7px 14px #00000061}.reveal-rail-number{font-size:.66rem;font-weight:850;opacity:.7}.reveal-rail-answer{display:-webkit-box;overflow:hidden;font-size:.72rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.reveal-rail-back{place-self:center;color:var(--ink-faint);font-size:1.5rem;font-weight:900}.reveal-rail-card .reveal-seat{width:100%;overflow:hidden}.reveal-rail-card .reveal-seat span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.reveal-paper-hand .reveal-card-pickable{transition:opacity var(--card-crossfade) ease,border-color var(--card-crossfade) ease}.reveal-paper-hand .reveal-card-selected{transform:none}}.drift-surface{gap:.75rem;max-width:44rem;margin-inline:auto}.drift-station-heading,.drift-page-meta,.drift-control-strip{display:flex;align-items:center;gap:.65rem}.drift-station-heading{justify-content:space-between}.drift-page-count{color:var(--ink-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.drift-page-stack{position:relative;isolation:isolate;margin:.2rem .55rem .65rem 0}.drift-page-stack:before,.drift-page-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);background:var(--card-face);border:1px solid color-mix(in srgb,var(--arm-drift) 35%,transparent);z-index:-1}.drift-page-stack:before{transform:translate(.55rem,.65rem);opacity:.54}.drift-page-stack:after{transform:translate(.28rem,.34rem);opacity:.78}.drift-page{position:relative;overflow:hidden;min-height:15rem;padding:1rem 1rem 1rem 1.35rem;border-radius:var(--radius-card);border:2px solid color-mix(in srgb,var(--arm-drift) 42%,transparent);background:var(--card-face);color:var(--card-ink);box-shadow:0 .65rem 1.25rem #00000057}.drift-page:before{content:"";position:absolute;inset:.7rem auto .7rem .35rem;width:.3rem;border-radius:999px;background:var(--arm-drift);opacity:.72}.drift-page-meta{flex-wrap:wrap;color:color-mix(in srgb,var(--card-ink) 55%,transparent);font-size:.69rem;font-weight:800;letter-spacing:.1em}.drift-page-meta>:first-child{color:var(--arm-drift)}.drift-page-status{margin-left:auto}.drift-page-status-sent{color:color-mix(in srgb,var(--card-ink) 62%,transparent)}.drift-page-title{margin:.7rem 0 .25rem;color:var(--card-ink);font-size:1.35rem}.drift-page-help{color:color-mix(in srgb,var(--card-ink) 66%,transparent);font-size:.84rem;margin:.2rem 0 .8rem}.drift-page-prompt{color:var(--card-ink);font-size:1rem;font-weight:750;margin:.55rem 0 .75rem}.drift-page .drift-input{color:var(--card-ink);background:color-mix(in srgb,var(--card-face) 92%,var(--arm-drift));border:1px solid color-mix(in srgb,var(--card-ink) 18%,transparent);border-radius:var(--radius-control)}.drift-page .drift-counter{color:color-mix(in srgb,var(--card-ink) 48%,transparent)}.drift-first-hint{display:grid;gap:.45rem;color:color-mix(in srgb,var(--card-ink) 58%,transparent);font-size:.76rem}.drift-page .drift-chip{color:color-mix(in srgb,var(--card-ink) 76%,transparent);background:transparent;border-color:color-mix(in srgb,var(--card-ink) 20%,transparent)}.drift-page #drift-before-input{display:flex;justify-content:center;margin-bottom:.75rem}.drift-page .drift-canvas,.drift-page .drift-canvas-ro{width:100%;max-width:none;aspect-ratio:1;border-color:color-mix(in srgb,var(--card-ink) 18%,transparent)}.drift-control-strip{justify-content:flex-end;flex-wrap:wrap;padding:.65rem;border:1px solid var(--edge);border-radius:1.15rem;background:color-mix(in srgb,var(--surface-raised) 86%,transparent)}.drift-control-note{margin-right:auto;color:var(--ink-muted);font-size:.76rem}.drift-draw-controls{align-items:flex-start}.drift-draw-controls .drift-toolrow{flex:1 1 auto}.drift-send-state{color:var(--ink-muted);font-size:.86rem;font-weight:750;padding:.45rem .7rem}.drift-closed-book{--drift-seat-ring: var(--seat-ring-0);display:grid;justify-items:center;gap:.55rem;width:min(14rem,75vw);margin:.45rem auto;padding:1.2rem .9rem .9rem;border:3px solid var(--drift-seat-ring);border-left-width:.55rem;border-radius:var(--radius-card);color:var(--success);background:var(--surface-raised);box-shadow:.4rem .5rem 0 var(--surface),0 .7rem 1.2rem #00000052}.drift-book-icon{width:3.2rem;height:2.3rem;display:grid;place-items:center;border:2px solid currentColor;border-radius:.25rem .6rem .6rem .25rem;font-size:0}.drift-book-waiting{color:var(--ink-muted)}.drift-seat-identity{display:flex;align-items:center;gap:.45rem;color:var(--ink);font-size:.88rem}.drift-seat-ring-0{--drift-seat-ring: var(--seat-ring-0)}.drift-seat-ring-1{--drift-seat-ring: var(--seat-ring-1)}.drift-seat-ring-2{--drift-seat-ring: var(--seat-ring-2)}.drift-seat-ring-3{--drift-seat-ring: var(--seat-ring-3)}.drift-seat-ring-4{--drift-seat-ring: var(--seat-ring-4)}.drift-seat-ring-5{--drift-seat-ring: var(--seat-ring-5)}.drift-seat-ring-6{--drift-seat-ring: var(--seat-ring-6)}.drift-seat-ring-7{--drift-seat-ring: var(--seat-ring-7)}.drift-seat-ring-8{--drift-seat-ring: var(--seat-ring-8)}@media(max-width:34rem){.drift-page{padding-inline:1.15rem .8rem}.drift-control-strip{position:sticky;bottom:.4rem;z-index:2}.drift-swatch,.drift-brush{width:2.75rem;height:2.75rem}}@media(prefers-reduced-motion:reduce){.drift-page-stack:before,.drift-page-stack:after,.drift-closed-book{transition:none;animation:none}}.drift-reveal-surface{max-width:58rem}.drift-reveal-heading,.drift-complete-book-heading,.drift-reveal-author,.drift-reveal-nav{display:flex;align-items:center}.drift-reveal-heading{justify-content:space-between;gap:1rem}.drift-reveal-heading .drift-title{margin-bottom:0}.drift-reveal-counter{flex:0 0 auto;padding:.45rem .72rem;border:1px solid color-mix(in srgb,var(--arm-drift) 58%,transparent);border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.drift-reveal-page{width:min(100%,50rem);margin:.8rem auto 1.2rem}.drift-reveal-page .drift-page{min-height:min(62vh,35rem);display:flex;flex-direction:column}.drift-reveal-page-content{min-height:17rem;flex:1 1 auto;display:grid;place-items:center;padding:1.2rem .5rem}.drift-reveal-phrase{max-width:42rem;margin:0;color:var(--card-ink);font-size:clamp(1.9rem,5vw,3.5rem);font-weight:850;line-height:1.08;text-align:center;overflow-wrap:anywhere}.drift-reveal-canvas{width:min(100%,31rem);aspect-ratio:1;border-radius:var(--radius-control)}.drift-reveal-author{--drift-seat-ring: var(--seat-ring-0);align-self:flex-start;gap:.55rem;color:color-mix(in srgb,var(--card-ink) 72%,transparent);font-weight:800}.drift-reveal-author-emoji{width:2.15rem;height:2.15rem;display:grid;place-items:center;border:2px solid var(--drift-seat-ring);border-radius:999px;background:color-mix(in srgb,var(--drift-seat-ring) 14%,var(--card-face))}.drift-reveal-complete{margin:auto;color:var(--card-ink);font-size:clamp(1.45rem,4vw,2.5rem);font-weight:800;text-align:center}.drift-reveal-nav{justify-content:center;gap:.75rem}.drift-reveal-nav .drift-btn{min-width:7rem}.drift-reveal-arriving{animation:drift-reveal-arrive .28s ease-out both}@keyframes drift-reveal-arrive{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}.drift-complete-surface{max-width:76rem}.drift-complete-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:1.25rem;width:100%}.drift-complete-book{position:relative;display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1.2rem 1.2rem 1.2rem 1.55rem;border:2px solid color-mix(in srgb,var(--arm-drift) 44%,transparent);border-radius:var(--radius-card);color:var(--card-ink);background:var(--card-face);box-shadow:.42rem .5rem color-mix(in srgb,var(--card-face) 68%,transparent),0 .7rem 1.25rem #00000052;overflow:hidden}.drift-complete-book:before{content:"";position:absolute;inset:.75rem auto .75rem .38rem;width:.34rem;border-radius:999px;background:var(--arm-drift);opacity:.76}.drift-complete-book-crowned{border-color:var(--accent-secondary);border-width:3px}.drift-complete-book-heading{justify-content:space-between;gap:.75rem;color:color-mix(in srgb,var(--card-ink) 54%,transparent);font-size:.7rem;font-weight:850;letter-spacing:.1em}.drift-complete-book-heading>:first-child{color:var(--arm-drift)}.drift-complete-label{margin:.25rem 0 0;color:color-mix(in srgb,var(--card-ink) 54%,transparent);font-size:.72rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.drift-complete-phrase{margin:0;color:var(--card-ink);font-size:clamp(1.25rem,3vw,2rem);font-weight:800;line-height:1.15;overflow-wrap:anywhere}.drift-complete-arrow{color:var(--arm-drift);font-size:1.7rem;font-weight:900;text-align:center}.drift-complete-drawing{display:grid;place-items:center}.drift-complete-canvas{width:min(100%,24rem);aspect-ratio:1;border-radius:var(--radius-control)}.drift-complete-book .drift-crown-tag{margin:0;color:var(--accent-secondary);font-weight:900;letter-spacing:.06em;text-transform:uppercase}@media(max-width:38rem){.drift-reveal-heading{align-items:flex-start;flex-direction:column}.drift-reveal-page .drift-page{min-height:28rem}.drift-reveal-page-content{min-height:15rem;padding-inline:0}.drift-reveal-nav{position:sticky;bottom:.4rem;z-index:2;padding:.65rem;border:1px solid var(--edge);border-radius:1rem;background:color-mix(in srgb,var(--surface-raised) 94%,transparent)}}@media(prefers-reduced-motion:reduce){.drift-reveal-arriving{animation:none}}.port-root-climb{position:relative;isolation:isolate;padding:clamp(.65rem,2.5vw,1.2rem);border-radius:var(--radius-panel);background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--arm-port) 14%,transparent),transparent 48%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--stage) 94%,black));box-shadow:inset 0 1px #ffffff0f}.port-root-climb .port-banner{justify-content:center}.port-root-climb .port-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.port-root-climb .port-climb-seat{--port-seat-ring: var(--seat-ring-0);display:grid;grid-template-columns:32px minmax(0,1fr);min-height:58px;gap:0 .55rem;align-items:center;border:1px solid color-mix(in srgb,var(--port-seat-ring) 58%,var(--edge));border-radius:var(--radius-card);background:linear-gradient(180deg,color-mix(in srgb,var(--port-seat-ring) 8%,transparent),transparent),var(--surface);box-shadow:0 7px 16px #0000003d}.port-root-climb .port-climb-seat.port-seat-active{border:2px solid var(--arm-port);box-shadow:0 0 0 1px color-mix(in srgb,var(--arm-port) 30%,transparent),0 9px 24px #00000057}.port-climb-seat-emoji{display:grid;width:30px;height:30px;grid-row:1 / span 2;place-items:center;border:2px solid var(--port-seat-ring);border-radius:999px;background:var(--card-black, #111316)}.port-root-climb .port-seat-name,.port-root-climb .port-seat-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.port-root-climb .port-climb-seat-ring-0{--port-seat-ring: var(--seat-ring-0)}.port-root-climb .port-climb-seat-ring-1{--port-seat-ring: var(--seat-ring-1)}.port-root-climb .port-climb-seat-ring-2{--port-seat-ring: var(--seat-ring-2)}.port-root-climb .port-climb-seat-ring-3{--port-seat-ring: var(--seat-ring-3)}.port-root-climb .port-climb-seat-ring-4{--port-seat-ring: var(--seat-ring-4)}.port-root-climb .port-climb-seat-ring-5{--port-seat-ring: var(--seat-ring-5)}.port-root-climb .port-climb-seat-ring-6{--port-seat-ring: var(--seat-ring-6)}.port-root-climb .port-climb-seat-ring-7{--port-seat-ring: var(--seat-ring-7)}.port-root-climb .port-climb-seat-ring-8{--port-seat-ring: var(--seat-ring-8)}.port-climb-table{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.port-root-climb .port-section{background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:inset 0 1px #ffffff0e,0 8px 20px #00000038}.port-root-climb .port-climb-writ{border-color:color-mix(in srgb,var(--arm-port) 70%,var(--edge));background:linear-gradient(135deg,color-mix(in srgb,var(--arm-port) 10%,transparent),transparent 58%),var(--surface)}.port-root-climb .port-card{border-color:color-mix(in srgb,var(--edge) 75%,white);background:var(--card-black, #111316);box-shadow:0 7px 12px #0000006b,0 1px #ffffff14 inset;transform:translateY(0);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.port-root-climb .port-card-sel{border-color:var(--arm-port);outline:2px solid var(--arm-port);box-shadow:0 0 0 3px color-mix(in srgb,var(--arm-port) 18%,transparent),0 11px 18px #00000080;transform:translateY(-5px)}.port-root-climb .port-card-static{flex:0 0 44px;pointer-events:none}.port-climb-pile-row{justify-content:center;gap:clamp(1.4rem,10vw,4rem)}.port-root-climb .port-climb-pile{width:68px;height:95px;border-radius:9px}.port-climb-destination{border:1px solid var(--edge);border-radius:var(--radius-card);padding:.45rem;background:color-mix(in srgb,var(--surface-raised) 74%,transparent)}.port-climb-preview-label{flex-basis:100%;color:var(--arm-port);font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.port-climb-destination-available{border-color:color-mix(in srgb,var(--arm-port) 65%,var(--edge));box-shadow:0 0 0 1px color-mix(in srgb,var(--arm-port) 18%,transparent) inset}.port-climb-destination-sent{border-style:dashed;border-color:var(--arm-port)}.port-climb-action-status,.port-climb-rule-feedback{margin-top:.5rem;color:var(--ink-muted);font-size:.78rem;font-weight:750}.port-climb-action-status[data-state=accepted],.port-climb-rule-feedback[data-state=ready]{color:var(--success)}.port-climb-action-status[data-state=rejected],.port-climb-rule-feedback[data-state=rejected]{color:var(--danger)}.port-climb-terminal .port-winner{padding:clamp(.8rem,4vw,1.5rem);text-align:center;font-size:clamp(1.25rem,6vw,2.4rem)}@media(min-width:760px){.port-climb-table{grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);align-items:start}.port-climb-writ,.port-climb-piles{grid-column:1}.port-climb-table>.port-section:not(.port-climb-writ):not(.port-climb-piles){grid-column:2}}@media(prefers-reduced-motion:reduce){.port-root-climb .port-card{transition:opacity .12s ease,border-color .12s ease}.port-root-climb .port-card-sel{transform:none}}.port-root .port-face{color:var(--ink)}.port-root .port-s1{color:var(--suit-clubs)}.port-root .port-s2{color:var(--suit-diamonds)}.port-root .port-s3{color:var(--suit-hearts)}.port-root .port-s4{color:var(--suit-spades)}.port-root .port-c1{color:var(--climb-orange)}.port-root .port-c2{color:var(--climb-sky)}.port-root .port-c3{color:var(--climb-magenta)}.port-root .port-c4{color:var(--climb-lime)}.port-root .port-face b,.port-root .port-face i{color:inherit}.port-root .port-card-off{opacity:1;cursor:default}.port-root .port-card-legal{border-color:var(--arm-port);box-shadow:0 0 0 1px var(--arm-port) inset}.port-root-stockpile .port-seat-name,.port-root-last .port-seat-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port-root-stockpile,.port-root-last{position:relative;isolation:isolate;padding:clamp(.65rem,2.5vw,1.2rem);border-radius:var(--radius-panel);background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--arm-port) 14%,transparent),transparent 48%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--stage) 94%,black));box-shadow:inset 0 1px #ffffff0f}.port-root-stockpile .port-seats,.port-root-last .port-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.port-root-stockpile .port-climb-seat,.port-root-last .port-climb-seat{--port-seat-ring: var(--seat-ring-0);display:grid;grid-template-columns:32px minmax(0,1fr);min-height:58px;gap:0 .55rem;align-items:center;border:1px solid color-mix(in srgb,var(--port-seat-ring) 58%,var(--edge));border-radius:var(--radius-card);background:linear-gradient(180deg,color-mix(in srgb,var(--port-seat-ring) 8%,transparent),transparent),var(--surface);box-shadow:0 7px 16px #0000003d}.port-root-stockpile .port-climb-seat.port-seat-active,.port-root-last .port-climb-seat.port-seat-active{border:2px solid var(--arm-port);box-shadow:0 0 0 1px color-mix(in srgb,var(--arm-port) 30%,transparent),0 9px 24px #00000057}.port-root-stockpile .port-climb-seat-emoji,.port-root-last .port-climb-seat-emoji{display:grid;width:30px;height:30px;grid-row:1 / span 2;place-items:center;border:2px solid var(--port-seat-ring);border-radius:999px;background:var(--card-black, #111316)}.port-root-stockpile .port-climb-seat-ring-0,.port-root-last .port-climb-seat-ring-0{--port-seat-ring: var(--seat-ring-0)}.port-root-stockpile .port-climb-seat-ring-1,.port-root-last .port-climb-seat-ring-1{--port-seat-ring: var(--seat-ring-1)}.port-root-stockpile .port-climb-seat-ring-2,.port-root-last .port-climb-seat-ring-2{--port-seat-ring: var(--seat-ring-2)}.port-root-stockpile .port-climb-seat-ring-3,.port-root-last .port-climb-seat-ring-3{--port-seat-ring: var(--seat-ring-3)}.port-root-stockpile .port-climb-seat-ring-4,.port-root-last .port-climb-seat-ring-4{--port-seat-ring: var(--seat-ring-4)}.port-root-stockpile .port-climb-seat-ring-5,.port-root-last .port-climb-seat-ring-5{--port-seat-ring: var(--seat-ring-5)}.port-root-stockpile .port-climb-seat-ring-6,.port-root-last .port-climb-seat-ring-6{--port-seat-ring: var(--seat-ring-6)}.port-root-stockpile .port-climb-seat-ring-7,.port-root-last .port-climb-seat-ring-7{--port-seat-ring: var(--seat-ring-7)}.port-root-stockpile .port-climb-seat-ring-8,.port-root-last .port-climb-seat-ring-8{--port-seat-ring: var(--seat-ring-8)}.port-root-stockpile .port-section,.port-root-last .port-section{background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:inset 0 1px #ffffff0e,0 8px 20px #00000038}.port-root-stockpile .port-card,.port-root-last .port-card{border-color:color-mix(in srgb,var(--edge) 75%,white);background:var(--card-black, #111316);box-shadow:0 7px 12px #0000006b,0 1px #ffffff14 inset;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.port-root-stockpile .port-card-sel,.port-root-last .port-card-sel{border-color:var(--arm-port);outline:2px solid var(--arm-port);box-shadow:0 0 0 3px color-mix(in srgb,var(--arm-port) 18%,transparent),0 11px 18px #00000080;transform:translateY(-5px)}.port-table-destination-available{border:1px solid color-mix(in srgb,var(--arm-port) 65%,var(--edge));border-radius:var(--radius-card);box-shadow:0 0 0 1px color-mix(in srgb,var(--arm-port) 18%,transparent) inset}.port-table-destination-sent{border:2px dashed var(--arm-port);border-radius:var(--radius-card)}.port-table-action-status{margin:.5rem 0;color:var(--ink-muted);font-size:.78rem;font-weight:750}.port-table-action-status[data-state=accepted]{color:var(--success)}.port-table-action-status[data-state=rejected]{color:var(--danger)}.port-table-terminal .port-winner{padding:clamp(.8rem,4vw,1.5rem);text-align:center;font-size:clamp(1.25rem,6vw,2.4rem)}@media(prefers-reduced-motion:reduce){.port-root-stockpile .port-card,.port-root-last .port-card{transition:opacity .12s ease,border-color .12s ease}.port-root-stockpile .port-card-sel,.port-root-last .port-card-sel{transform:none}}.recovery-stage{min-height:min(70vh,680px);display:grid;place-items:center;padding:var(--space-lg) 0}.cp-recovery-cue-baseline *,.cp-recovery-cue-baseline *:before,.cp-recovery-cue-baseline *:after{animation:none!important;transition:none!important}.recovery-card{width:min(100%,520px);display:grid;justify-items:center;gap:var(--space-md);padding:clamp(28px,8vw,48px);text-align:center;color:var(--ink);background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--ink-muted) 14%,transparent),transparent 55%),color-mix(in srgb,var(--surface-raised) 88%,transparent);border:1px solid var(--edge);border-radius:var(--radius-panel);box-shadow:0 26px 70px #00000057}.recovery-card h2,.recovery-card p{margin:0}.recovery-card h2{font-size:clamp(2rem,8vw,3.25rem);line-height:1.02;text-wrap:balance}.recovery-card>p:not(.recovery-eyebrow){max-width:34ch;color:var(--ink-muted);font-size:clamp(1rem,3.8vw,1.2rem);line-height:1.5}.recovery-eyebrow{color:var(--ink-muted);font-size:.78rem;font-weight:800;letter-spacing:.18em}.recovery-mark{width:84px;height:84px;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--ink-muted) 75%,transparent);border-radius:50%;color:var(--ink-muted);background:color-mix(in srgb,var(--ink-muted) 14%,transparent);font-size:2.4rem;font-weight:800}.recovery-mark-progress{animation:recovery-turn 1.8s linear infinite}.recovery-mark-failed{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 75%,transparent);background:var(--accent-wash)}.recovery-mark-restored{color:var(--success);border-color:color-mix(in srgb,var(--success) 75%,transparent);background:var(--success-wash)}.recovery-chip{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-chip);color:var(--ink-muted);background:#8b889c29;font-size:.8rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.recovery-seat{--recovery-seat-ring: var(--seat-ring-0);display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--ink);font-size:.9rem;font-style:italic;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.recovery-seat-glyph{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--recovery-seat-ring);border-radius:50%;background:color-mix(in srgb,var(--recovery-seat-ring) 14%,transparent);font-size:1.25rem;font-style:normal}.recovery-seat-ring-1{--recovery-seat-ring: var(--seat-ring-1)}.recovery-seat-ring-2{--recovery-seat-ring: var(--seat-ring-2)}.recovery-seat-ring-3{--recovery-seat-ring: var(--seat-ring-3)}.recovery-seat-ring-4{--recovery-seat-ring: var(--seat-ring-4)}.recovery-seat-ring-5{--recovery-seat-ring: var(--seat-ring-5)}.recovery-seat-ring-6{--recovery-seat-ring: var(--seat-ring-6)}.recovery-seat-ring-7{--recovery-seat-ring: var(--seat-ring-7)}.recovery-seat-ring-8{--recovery-seat-ring: var(--seat-ring-8)}.recovery-actions{width:min(100%,360px);display:grid;gap:var(--space-sm);margin-top:var(--space-sm)}.recovery-primary,.recovery-secondary{min-height:var(--tap-min);border-radius:var(--radius-control);font:inherit;font-weight:750}.recovery-primary{border-color:var(--accent);color:var(--ink);background:var(--accent)}.recovery-secondary{border-color:var(--edge);color:var(--ink);background:var(--surface-raised)}.recovery-primary:focus-visible,.recovery-secondary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@keyframes recovery-turn{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.recovery-mark-progress{animation:none}}@media(min-width:800px){.recovery-stage{min-height:min(76vh,780px)}.recovery-card{width:min(100%,720px)}.recovery-card>p:not(.recovery-eyebrow){font-size:1.4rem}.recovery-mark{width:108px;height:108px;font-size:3rem}}:root{--palette-stage: #0b0b14;--palette-panel: #15151f;--palette-soft: #1c1c29;--palette-edge: #29293a;--palette-glow: #20203a;--palette-white: #f3f1f5;--palette-muted: #8b889c;--palette-faint: #555165;--palette-coral: #ff5c72;--palette-gold: #ffc857;--palette-green: #3ddc97;--palette-card-face: #faf7fb;--palette-card-ink: #15121c;--suit-hearts: #ff4d6d;--suit-diamonds: #f9e300;--suit-clubs: #3de07a;--suit-spades: #a66bef;--climb-orange: #ff8a3d;--climb-sky: #58afff;--climb-magenta: #e84fa0;--climb-lime: #c0e05a;--arm-faceoff: #b377ff;--arm-port: #3dc8dc;--arm-drift: #6c8cff;--seat-ring-0: #b6b352;--seat-ring-1: #92be6c;--seat-ring-2: #2cc3d2;--seat-ring-3: #4dbceb;--seat-ring-4: #77b1f8;--seat-ring-5: #9da6f9;--seat-ring-6: #bd9bed;--seat-ring-7: #d692d5;--seat-ring-8: #e88db6;--stage: var(--palette-stage);--surface: var(--palette-panel);--surface-raised: var(--palette-soft);--edge: var(--palette-edge);--stage-glow: var(--palette-glow);--ink: var(--palette-white);--ink-muted: var(--palette-muted);--ink-faint: var(--palette-faint);--accent: var(--palette-coral);--accent-secondary: var(--palette-gold);--success: var(--palette-green);--card-face: var(--palette-card-face);--card-ink: var(--palette-card-ink);--accent-wash: rgba(255, 92, 114, .18);--accent-secondary-wash: rgba(255, 200, 87, .16);--success-wash: rgba(61, 220, 151, .16);--danger: #ff6b6b;--danger-wash: rgba(255, 107, 107, .16);--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px;--radius-chip: 999px;--radius-card: 14px;--radius-panel: 18px;--radius-control: 10px;--tap-min: 44px;--card-ease: cubic-bezier(.2, .7, .2, 1);--card-flight: .45s;--card-stagger: 90ms;--card-rise: 14px;--card-crossfade: .28s}*,*:before,*:after{box-sizing:border-box}*{min-width:0}html,body{margin:0;padding:0;overflow-x:hidden;overflow-x:clip}body{min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,var(--stage-glow),var(--stage) 1100px),radial-gradient(circle at 15% -10%,rgba(179,119,255,.05),transparent 60%),radial-gradient(circle at 85% 110%,rgba(61,200,220,.05),transparent 60%);color:var(--ink);overflow-wrap:anywhere}#app{max-width:min(480px,100%);margin:0 auto;padding:1rem 1rem 2.5rem;position:relative}h1{font-size:2rem;font-weight:800;letter-spacing:-.01em;margin:0 0 1rem;color:var(--ink)}h2{font-size:1rem;font-weight:700;margin:1rem 0 .4rem;color:var(--ink)}p{color:var(--ink)}a{color:var(--accent)}button{font:inherit;color:var(--ink);background:var(--surface-raised);border:1px solid var(--edge);border-radius:var(--radius-control);cursor:pointer;min-height:var(--tap-min);min-width:var(--tap-min)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:not([type=checkbox]):not([type=radio]),textarea,select{font:inherit;font-size:max(16px,1em);color:var(--ink);background:var(--surface-raised);border:1px solid var(--edge);border-radius:var(--radius-control);padding:.55rem .7rem;min-height:var(--tap-min);box-sizing:border-box}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0}label{display:block;margin-bottom:.7rem;font-size:.9rem;color:var(--ink-muted)}label input,label textarea{display:block;width:100%;margin-top:.3rem}#join-form button[type=submit]{display:block;width:100%;margin-top:.6rem;background:var(--accent);border-color:var(--accent);color:var(--stage);font-weight:700;padding:.6rem 1rem}#retry-btn{display:block;width:100%;margin-top:1rem;background:var(--accent);border-color:var(--accent);color:var(--stage);font-weight:700}#join-form button[type=submit],#retry-btn,.reveal-primary,.port-skip{border-radius:var(--radius-chip)}#join-form button[type=submit]:disabled,#retry-btn:disabled,.reveal-primary:disabled,.port-skip:disabled{background:var(--surface-raised);border-color:var(--edge);color:var(--ink-faint);opacity:1}.emoji-picker-label{display:block;margin-bottom:.7rem;font-size:.9rem;color:var(--ink-muted)}.emoji-picker-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.emoji-swatch{width:44px;height:44px;border-radius:50%;border:2px solid var(--edge);background:var(--surface-raised);padding:0;font-size:1.3rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.emoji-swatch.emoji-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--stage) inset}.cp-status-header{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.8rem}.cp-status-identity{margin:0;min-width:0}.cp-status-controls{display:flex;align-items:center;gap:.4rem;margin-left:auto}.cp-leave-btn,.cp-end-game-btn{margin:0;padding:.3rem .7rem;font-size:.85rem}.cp-end-game-btn{width:var(--tap-min);padding:0}.cp-confirm-inline{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--ink-muted)}.cp-confirm-btn{margin:0;padding:.3rem .7rem;font-size:.82rem}.cp-confirm-danger{background:var(--danger);border-color:var(--danger);color:var(--stage)}.status{display:inline-block;font-size:.85rem;padding:.3rem .7rem;border-radius:var(--radius-chip);margin-bottom:0}.status.connecting{background:var(--accent-secondary-wash);color:var(--accent-secondary)}.status.connected{background:var(--surface-raised);border:1px solid var(--edge);color:var(--ink-muted)}.status.closed,.status.error{background:var(--danger-wash);color:var(--danger)}.room-info,.roster{background:var(--surface-raised);border:1px solid var(--edge);border-radius:var(--radius-card);padding:.8rem 1rem;margin-bottom:.8rem}.room-info p{margin:.2rem 0}.countdown{color:var(--ink-muted);font-size:.9rem}.roster ul{list-style:none;padding:0;margin:0}.roster li{padding:.35rem 0;border-bottom:1px solid var(--edge)}.roster li:last-child{border-bottom:none}.help-chrome{position:relative;display:inline-flex}.help-btn{margin:0;width:var(--tap-min);height:var(--tap-min);min-width:var(--tap-min);min-height:var(--tap-min);padding:0;border-radius:999px;background:var(--surface-raised);border:1px solid var(--edge);color:var(--ink);font-weight:800;line-height:1}.help-panel{position:absolute;top:calc(100% + .6rem);left:0;z-index:1000;width:min(88vw,22rem);max-height:min(75vh,calc(100vh - 6rem));overflow-y:auto;background:var(--surface-raised);border:1px solid var(--edge);border-radius:var(--radius-card);padding:.9rem;box-shadow:0 16px 40px #00000073;text-align:left}.help-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.help-panel-header h2{margin:0}.help-done-btn{margin:0;padding:.3rem .8rem;font-size:.85rem;min-height:var(--tap-min)}.help-index-note{color:var(--ink-muted);font-size:.85rem}.help-topic{margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid var(--edge)}.help-topic:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.help-topic-title{margin:0 0 .2rem;font-size:.95rem;color:var(--accent-secondary)}.help-topic-goal{margin:0 0 .4rem;font-weight:600;font-size:.85rem}.help-steps{margin:0;padding-left:1.1rem;font-size:.82rem;color:var(--ink-muted)}.help-steps li{margin-bottom:.3rem}@media(max-width:420px){.help-panel{width:calc(100vw - 1.2rem);left:-.6rem}}.reveal-header{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.7rem;flex-wrap:wrap}.reveal-title{font-weight:800;font-size:1.05rem;color:var(--ink)}.reveal-round,.reveal-sub{color:var(--ink-muted);font-size:.85rem}.reveal-countdown{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--accent-secondary);font-size:.9rem;font-weight:700}.reveal-prompt{background:var(--stage);color:var(--ink);border:1px solid var(--edge);border-radius:var(--radius-panel);padding:.9rem 1rem;font-weight:700;margin-bottom:.9rem}.reveal-eyes-up{text-align:center;padding:1rem .4rem}.reveal-cue-title{font-weight:800;margin:.2rem 0;color:var(--ink)}.reveal-award{color:var(--success)}.reveal-cue-sub{color:var(--ink-muted);font-size:.85rem;margin:.2rem 0}.reveal-hand{list-style:none;padding:0;margin:.7rem 0}.reveal-hand-dim{opacity:.35}.reveal-card{background:var(--card-face);color:var(--card-ink);border:1px solid transparent;border-radius:var(--radius-card);padding:.7rem .8rem;margin-bottom:.5rem;font-size:.95rem;font-weight:600;max-width:100%;box-shadow:0 4px 10px #0000004d}.reveal-reorder-text,.reveal-score-text{overflow-wrap:anywhere;min-width:0}.reveal-card-pickable{cursor:pointer}.reveal-card-pickable:hover,.reveal-card-selected{box-shadow:0 0 0 2px var(--accent)}.reveal-card-locked{box-shadow:0 0 0 2px var(--success);margin:.6rem auto;max-width:90%}.reveal-card-highlight{box-shadow:0 0 0 2px var(--accent-secondary)}.reveal-card-crowned{box-shadow:0 0 0 3px var(--accent-secondary);background:#fff7e0}.reveal-own-placement{background:var(--surface-raised);border:1px solid var(--edge);border-radius:var(--radius-card);padding:.8rem;margin-bottom:.8rem;text-align:center}.reveal-own-placement-won{background:var(--accent-secondary-wash);border-color:var(--accent-secondary)}.reveal-own-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--accent-secondary);margin:0 0 .25rem}.reveal-own-rank{font-size:1.6rem;font-weight:800;color:var(--ink);margin:0;font-variant-numeric:tabular-nums}.reveal-own-placement-won .reveal-own-rank{color:var(--accent-secondary)}.reveal-own-score{font-size:.9rem;font-weight:700;color:var(--ink-muted);margin:.2rem 0 0;font-variant-numeric:tabular-nums}.reveal-primary{display:block;width:100%;margin-top:.6rem;padding:.7rem;font-size:1rem;font-weight:700;background:var(--accent);border-color:var(--accent);color:var(--stage)}.reveal-mini{padding:.3rem .7rem;font-size:.85rem;margin-top:0}.reveal-voted{box-shadow:0 0 0 2px var(--accent-secondary)}.reveal-hint{color:var(--ink-muted);font-size:.8rem;margin-top:.6rem}.reveal-progress{color:var(--ink-muted);font-size:.85rem;text-align:center}.reveal-reorder-row,.reveal-score-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.reveal-reorder-btns,.reveal-score-vote{display:flex;gap:.35rem;align-items:center;flex-shrink:0}.reveal-author{color:var(--ink-faint);font-size:.8rem}.reveal-tally{color:var(--accent-secondary);font-size:.85rem;font-variant-numeric:tabular-nums}.reveal-crown-controls{display:flex;gap:.6rem;justify-content:center;margin-top:.5rem}.reveal-winner-banner{text-align:center;margin:.7rem 0}.drift-surface{display:flex;flex-direction:column;gap:.8rem}.drift-eyebrow{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--arm-drift);font-weight:700;margin:0}.drift-title{font-size:1.1rem;font-weight:800;margin:0;color:var(--ink)}.drift-sub{font-size:.85rem;color:var(--ink-muted);margin:0}.drift-note{font-size:.75rem;color:var(--ink-faint);margin:.25rem 0 0}.drift-countdown{font-size:.85rem;color:var(--accent-secondary);font-weight:700;margin:0}.drift-prompt{background:var(--card-face);color:var(--card-ink);border-radius:var(--radius-card);padding:.7rem .9rem;font-weight:700;box-shadow:0 4px 10px #0000004d}.drift-input{width:100%;box-sizing:border-box;padding:.6rem .7rem;font-size:1rem;font-family:inherit}textarea.drift-input{min-height:110px;resize:none}.drift-counter{font-size:.75rem;color:var(--ink-faint);text-align:right;margin:.15rem 0 0}.drift-chips{display:flex;flex-wrap:wrap;gap:.45rem}.drift-chip{font-size:.78rem;padding:.3rem .8rem;border-radius:999px;background:var(--surface-raised);border:1px solid var(--edge);color:var(--ink-muted)}.drift-canvas,.drift-canvas-ro{display:block;width:100%;max-width:360px;border-radius:10px;touch-action:none}.drift-canvas{cursor:crosshair;border:2px solid var(--arm-drift)}.drift-canvas-ro{border:1px solid var(--edge)}.drift-canvas-mini{display:block;width:140px;border:1px solid var(--edge);border-radius:6px}.drift-toolrow{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.drift-swatch{width:44px;height:44px;border-radius:50%;border:2px solid var(--edge);padding:0;background:none}.drift-swatch.drift-selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--stage) inset}.drift-brush{width:44px;height:44px;border-radius:50%;border:1px solid var(--edge);background:var(--surface-raised);display:inline-flex;align-items:center;justify-content:center;padding:0}.drift-brush.drift-selected{border-color:var(--arm-drift);border-width:2px}.drift-brush-dot{border-radius:50%;background:var(--ink)}.drift-btn{padding:.5rem 1.1rem;font-size:1rem}.drift-btn-primary{background:var(--arm-drift);border-color:var(--arm-drift);color:var(--stage);font-weight:700}.drift-btn-danger{background:var(--danger);border-color:var(--danger);color:var(--stage)}.drift-badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;background:var(--success-wash);color:var(--success)}.drift-badge-paused{background:var(--accent-secondary-wash);color:var(--accent-secondary)}.drift-dots{display:flex;gap:.4rem;flex-wrap:wrap}.drift-dot{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--edge)}.drift-dot.drift-done{background:var(--success);border-color:var(--success)}.drift-stuck{border:1px solid var(--accent-secondary);background:var(--accent-secondary-wash);border-radius:var(--radius-card);padding:.7rem .9rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.drift-spectator-banner{border:1px solid var(--edge);background:var(--surface-raised);color:var(--ink-muted);border-radius:var(--radius-card);padding:.6rem .8rem;font-size:.85rem}.drift-book{border:1px solid var(--edge);background:var(--surface-raised);border-radius:var(--radius-card);padding:.8rem .9rem;display:flex;flex-direction:column;gap:.45rem}.drift-book-crowned{border-color:var(--accent-secondary);box-shadow:0 0 0 2px var(--accent-secondary)}.drift-crown-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--accent-secondary);margin:0}.drift-who{font-size:.72rem;color:var(--ink-faint);margin:0}.drift-seed-line{margin:0;font-weight:700;color:var(--ink)}.drift-votecount{font-size:.75rem;color:var(--ink-muted)}.drift-voted{display:inline-flex;align-items:center;min-height:var(--tap-min);font-size:.85rem;font-weight:700;color:var(--success);padding:0 .4rem}.drift-reveal-nav{display:flex;gap:.6rem}.port-root{display:flex;flex-direction:column;gap:.8rem}.port-banner{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.port-titlechip{font-weight:700;font-size:.8rem;padding:.2rem .6rem;border-radius:999px;background:#3dc8dc29;color:var(--arm-port)}.port-chip{font-size:.85rem;padding:.25rem .7rem;border-radius:999px}.port-chip-turn{background:var(--success-wash);color:var(--success);font-weight:700}.port-chip-wait{background:var(--surface-raised);color:var(--ink-muted)}.port-count{opacity:.8}.port-winner{background:var(--accent-secondary-wash);color:var(--accent-secondary);padding:.5rem .7rem;border-radius:var(--radius-card);font-weight:700}.port-seats{display:flex;gap:.5rem;flex-wrap:wrap}.port-seat{border:1px solid var(--edge);border-radius:6px;padding:.3rem .6rem;font-size:.75rem;min-width:5rem;background:var(--surface-raised)}.port-seat-active{border-color:var(--success);background:var(--success-wash)}.port-seat-name{font-weight:700;color:var(--ink)}.port-seat-meta{color:var(--ink-muted)}.port-seat-crowned{border-color:var(--accent-secondary);background:var(--accent-secondary-wash)}.port-seat-crowned .port-seat-name{color:var(--accent-secondary)}.port-section{border:1px solid var(--edge);background:var(--surface-raised);border-radius:var(--radius-card);padding:.6rem .7rem}.port-writ{border-color:var(--arm-port)}.port-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin-bottom:.4rem}.port-hand{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.port-builds{display:flex;gap:.5rem;flex-wrap:wrap}.port-build{display:flex;flex-direction:column;align-items:center;gap:.2rem}.port-build-meta{font-size:.65rem;color:var(--ink-faint)}.port-card{width:44px;height:58px;border:1px solid var(--edge);border-radius:6px;background:var(--card-face);display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:0 3px 8px #0000004d}.port-card-empty{background:var(--surface-raised)}.port-card-sel{outline:2px solid var(--arm-port);outline-offset:1px}.port-card-legal{border-color:var(--success);box-shadow:0 0 0 1px var(--success) inset}.port-card-off{opacity:.4}.port-card-committed{position:relative}.port-card-committed:after{content:"✓";position:absolute;top:-4px;right:-4px;width:16px;height:16px;line-height:16px;font-size:10px;text-align:center;border-radius:999px;background:var(--arm-port);color:var(--stage)}.port-face{display:inline-flex;flex-direction:column;align-items:center;line-height:1.05;color:var(--card-ink)}.port-face b{font-size:1.05rem}.port-face i{font-style:normal;font-size:.85rem}.port-face-back{font-size:.7rem;color:var(--ink-muted)}.port-face-empty{color:var(--ink-faint)}.port-face-wild{color:var(--accent-secondary);font-size:1.2rem}.port-face-pass{display:inline-flex;flex-direction:column;align-items:center;color:var(--arm-port)}.port-face-pass small{font-size:.55rem}.port-red b,.port-red i,.port-c1 b,.port-c1 i{color:var(--suit-hearts)}.port-dark b,.port-dark i{color:var(--card-ink)}.port-c2 b,.port-c2 i{color:#a88400}.port-c3 b,.port-c3 i{color:#0f7a3d}.port-c4 b,.port-c4 i{color:var(--suit-spades)}.port-mode{display:inline-flex;gap:.3rem}.port-mode-btn{padding:.35rem .9rem;border-radius:999px;font-size:.85rem}.port-mode-active{border-color:var(--arm-port);background:#3dc8dc29;color:var(--arm-port);font-weight:700}.port-btn{margin-top:.5rem;padding:.5rem 1rem;border-color:var(--arm-port);background:var(--arm-port);color:var(--stage);font-weight:700;font-size:.9rem}.port-btn-ghost{background:transparent;color:var(--arm-port)}.port-skip{margin:0;border-color:var(--accent);background:var(--accent);color:var(--stage)}.port-hint{font-size:.8rem;color:var(--ink-muted);margin-top:.35rem}.port-ok{color:var(--success)}.port-lastlap{color:var(--accent-secondary);font-weight:800;font-size:.75rem}.port-suitpill,.port-badge{font-size:.8rem;padding:.2rem .6rem;border-radius:999px}.port-suitpill{background:var(--surface-raised);color:var(--ink-muted)}.port-badge{background:var(--danger-wash);color:var(--danger);font-weight:700}.port-writ-title{font-size:1.05rem;font-weight:800;color:var(--ink)}.port-writladder{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.port-writchip{font-size:.68rem;padding:.15rem .5rem;border-radius:4px;background:var(--surface-raised);color:var(--ink-muted)}.port-writchip-cur{background:#3dc8dc29;color:var(--arm-port);font-weight:700}.port-group{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.port-meld{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:var(--surface-raised);padding:.4rem .6rem;margin-bottom:.35rem}.port-meld-cards{display:inline-flex;gap:.25rem}.port-meld-owner{margin-left:auto;font-size:.75rem;color:var(--ink-muted)}.port-disabled{opacity:.55;pointer-events:none}.faceoff-topbar{display:flex;align-items:center;gap:.55rem;margin-bottom:.8rem;flex-wrap:wrap}.faceoff-phase-chip{background:var(--arm-faceoff);color:var(--stage);padding:.2rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700}.faceoff-hint{font-size:.8rem;color:var(--ink-muted)}.faceoff-chip{background:var(--surface-raised);color:var(--ink-muted);padding:.15rem .6rem;border-radius:999px;font-size:.75rem;margin-left:auto}.faceoff-card{position:relative;border:2px solid var(--arm-faceoff);background:var(--surface-raised);border-radius:var(--radius-card);padding:1rem;margin-bottom:1rem;box-shadow:5px 7px 0 var(--surface),0 14px 28px #00000047}.faceoff-card:focus-within{border-color:var(--arm-faceoff);box-shadow:5px 7px 0 var(--surface),0 0 0 2px #b377ff33,0 14px 28px #00000057}.faceoff-card-committed{border-color:var(--edge)}.faceoff-ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.faceoff-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin:0 0 .35rem}.faceoff-prompt{font-size:1.22rem;line-height:1.3;font-weight:750;margin:0 0 .8rem;color:var(--ink)}.faceoff-input{width:100%;box-sizing:border-box;padding:.75rem .8rem;font-size:1rem;line-height:1.4;resize:vertical;font-family:inherit;background:#0b0b14b8;border-color:var(--edge)}.faceoff-first-hint{color:var(--ink-muted);font-size:.78rem;margin:.45rem 0 0}.faceoff-nudge{color:var(--danger);font-size:.8rem;margin:.4rem 0 0}.faceoff-locked{display:inline-flex;align-items:center;min-height:var(--tap-min);background:var(--success-wash);color:var(--success);padding:0 .7rem;border-radius:999px;font-size:.85rem;font-weight:700}.faceoff-submit-status{display:inline-flex;align-items:center;flex:0 0 auto;font-size:.74rem;font-weight:700;color:var(--ink-muted)}.faceoff-submit-status-accepted{color:var(--success)}.faceoff-submit-status-rejected{color:var(--danger)}.faceoff-submitted-answer{color:var(--ink);font-size:1rem;line-height:1.35;font-weight:650;margin:.35rem 0 .7rem;white-space:pre-wrap}.faceoff-btn{padding:.5rem 1rem;font-size:.9rem}.faceoff-btn-primary{background:var(--arm-faceoff);border-color:var(--arm-faceoff);color:var(--stage);margin-top:.6rem;width:100%;font-weight:700}.faceoff-watch{text-align:center;padding:3rem 1rem}.faceoff-submitted-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.75rem}.faceoff-submitted-ticket{border:2px solid var(--arm-faceoff);background:var(--surface-raised);border-radius:var(--radius-card);padding:.8rem;text-align:left;box-shadow:0 10px 22px #0000003d}.faceoff-watch-seat{--faceoff-seat-ring: var(--seat-ring-0);margin-top:1rem;padding:1.4rem 1rem 2rem;border:2px solid var(--faceoff-seat-ring);border-radius:var(--radius-panel);background:var(--surface)}.faceoff-seat-ring-0{--faceoff-seat-ring: var(--seat-ring-0)}.faceoff-seat-ring-1{--faceoff-seat-ring: var(--seat-ring-1)}.faceoff-seat-ring-2{--faceoff-seat-ring: var(--seat-ring-2)}.faceoff-seat-ring-3{--faceoff-seat-ring: var(--seat-ring-3)}.faceoff-seat-ring-4{--faceoff-seat-ring: var(--seat-ring-4)}.faceoff-seat-ring-5{--faceoff-seat-ring: var(--seat-ring-5)}.faceoff-seat-ring-6{--faceoff-seat-ring: var(--seat-ring-6)}.faceoff-seat-ring-7{--faceoff-seat-ring: var(--seat-ring-7)}.faceoff-seat-ring-8{--faceoff-seat-ring: var(--seat-ring-8)}.faceoff-seat-identity{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-size:.82rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.faceoff-seat-emoji{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border:2px solid var(--faceoff-seat-ring);border-radius:999px;background:color-mix(in srgb,var(--faceoff-seat-ring) 14%,transparent);font-size:1.1rem}.faceoff-watch-icon{font-size:2.5rem;margin-bottom:.8rem;color:var(--ink-muted)}.faceoff-watch-title{font-size:1.1rem;font-weight:700;margin:0 0 .4rem;color:var(--ink)}.faceoff-watch-sub{color:var(--ink-muted);margin:0}.faceoff-muted{color:var(--ink-faint);font-size:.9rem}.faceoff-vote-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.8rem}.faceoff-vote-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;width:100%;min-height:7.5rem;text-align:left;padding:1rem;border:1px solid var(--edge);background:var(--surface-raised);font-size:1rem;border-radius:var(--radius-card);box-shadow:5px 7px 0 var(--surface),0 14px 28px #00000047}.faceoff-vote-card:before{content:"";position:absolute;top:0;left:1.2rem;right:1.2rem;height:3px;border-radius:999px;background:var(--arm-faceoff);opacity:.7}.faceoff-vote-card-pending{border:3px solid var(--arm-faceoff);background:#b377ff29}.faceoff-vote-text{display:block;font-weight:700;color:var(--ink);line-height:1.4;white-space:normal;overflow-wrap:anywhere}.faceoff-vote-check{display:grid;flex:0 0 auto;place-items:center;width:1.8rem;height:1.8rem;border:2px solid var(--edge);border-radius:999px;color:transparent}.faceoff-vote-card-pending .faceoff-vote-check{border-color:var(--arm-faceoff);background:var(--arm-faceoff);color:var(--stage)}.faceoff-vote-status{margin:1rem 0;color:var(--ink-muted);font-weight:750}.faceoff-vote-status-accepted{color:var(--success)}.faceoff-vote-reason{margin:1rem 0;color:var(--ink-muted);font-weight:700}.faceoff-vote-send-error{color:var(--danger);font-size:.82rem;margin:.5rem 0}.faceoff-tally-card{position:relative;border:1px solid var(--edge);background:var(--surface-raised);border-radius:var(--radius-card);padding:1rem;margin-bottom:.8rem;box-shadow:5px 7px 0 var(--surface),0 14px 28px #00000047}.faceoff-tally-card:before{content:"";position:absolute;top:0;left:1.2rem;right:1.2rem;height:3px;border-radius:999px;background:var(--arm-faceoff);opacity:.7}.faceoff-tally-card-crowned{border-color:var(--accent-secondary);box-shadow:0 0 0 2px var(--accent-secondary)}.faceoff-tally-card-crowned:before{background:var(--accent-secondary);opacity:1}.faceoff-tally-total{font-size:1.15rem;font-weight:800;color:var(--ink);margin:0 0 .6rem;font-variant-numeric:tabular-nums}.faceoff-result-lead{border:3px solid var(--accent-secondary);border-radius:var(--radius-panel);background:var(--accent-secondary-wash);padding:1rem;margin-bottom:1rem;box-shadow:0 16px 34px #0000004d}.faceoff-result-lead>.faceoff-eyebrow{color:var(--accent-secondary);font-weight:800}.faceoff-result-winner{--faceoff-seat-ring: var(--seat-ring-0);display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.65rem;color:var(--ink)}.faceoff-result-winner+.faceoff-result-winner{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--edge)}.faceoff-result-name{font-weight:800}.faceoff-result-answer{line-height:1.4;overflow-wrap:anywhere}.faceoff-result-points{color:var(--success);font-variant-numeric:tabular-nums}.faceoff-tally-award{display:flex;justify-content:space-between;gap:.7rem;margin-bottom:.55rem;color:var(--success);font-variant-numeric:tabular-nums}.faceoff-tally-award span{color:var(--accent-secondary);font-weight:700}.faceoff-tally-card-mine{border-color:var(--arm-faceoff)}.faceoff-tally-card-mine.faceoff-tally-card-crowned{border-color:var(--accent-secondary)}.faceoff-tally-mine-tag{color:var(--arm-faceoff)}.faceoff-tally-count-lead{color:var(--accent-secondary);font-weight:700}.faceoff-tally-bar{display:block;height:8px;border-radius:999px;background:var(--surface);border:1px solid var(--edge);overflow:hidden;margin-bottom:.55rem}.faceoff-tally-bar-fill{display:block;height:100%;border-radius:999px;background:var(--arm-faceoff)}.faceoff-tally-bar-fill-lead{background:var(--accent-secondary)}.faceoff-tally-text{font-weight:700;margin:0 0 .45rem;color:var(--ink)}.faceoff-tally-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-muted);margin-bottom:.55rem}.faceoff-tally-hof{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--edge);padding-top:.55rem;gap:.5rem}.faceoff-tally-hof-count{font-size:.8rem;color:var(--ink-faint)}@media(max-width:520px){.faceoff-result-winner{grid-template-columns:auto 1fr auto}.faceoff-result-answer{grid-column:1 / -1}}@keyframes cp-card-arrive{0%{opacity:0;transform:translateY(calc(-1 * var(--card-rise)))}to{opacity:1;transform:none}}.cp-card-enter{animation:cp-card-arrive var(--card-flight) var(--card-ease) both;animation-delay:calc(var(--cp-card-index, 0) * var(--card-stagger))}@media(prefers-reduced-motion:reduce){@keyframes cp-card-arrive{0%{opacity:0}to{opacity:1}}.cp-card-enter{animation-duration:var(--card-crossfade);animation-delay:0s}}.entry-shell{display:grid;gap:var(--space-lg)}.entry-hero,.lobby-room-card,.lobby-roster,.lobby-games,.lobby-waiting{border:1px solid var(--edge);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--surface) 92%,transparent);padding:var(--space-lg)}.entry-hero h1{margin-bottom:var(--space-xs)}.entry-hero p,.entry-seat-help,.lobby-start-note,.lobby-waiting p{color:var(--ink-muted);margin:0}.entry-kicker,.lobby-eyebrow{display:block;color:var(--accent-secondary);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.entry-form{display:grid;gap:var(--space-md)}.entry-form>label{display:grid;gap:var(--space-xs);color:var(--ink);font-weight:700}.entry-form .emoji-picker-label{gap:var(--space-sm)}.entry-form>button[type=submit]{width:100%;background:var(--accent-secondary);color:var(--stage);border-color:transparent;font-weight:800}.lobby-shell{display:grid;gap:var(--space-md)}.lobby-room-card,.lobby-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.lobby-room-card>div{display:grid;gap:2px}.lobby-room-card>div>strong{color:var(--ink);font-size:clamp(1.75rem,9vw,2.8rem);letter-spacing:.12em}.lobby-phase,.lobby-host-chip{border:1px solid color-mix(in srgb,var(--accent-secondary) 48%,var(--edge));border-radius:var(--radius-chip);background:var(--accent-secondary-wash);color:var(--accent-secondary);padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:800;white-space:nowrap}.lobby-room-card .countdown{flex-basis:100%;margin:0;color:var(--ink-muted)}.lobby-roster h2,.lobby-games h2,.lobby-waiting h2{margin:2px 0 0;font-size:1.35rem}.lobby-section-heading>span{color:var(--ink-muted);font-size:.85rem}.lobby-roster-grid{display:grid;gap:var(--space-sm);margin-top:var(--space-md)}.lobby-seat{--lobby-seat-ring: var(--seat-ring-0);display:flex;align-items:center;gap:var(--space-sm);min-height:var(--tap-min);border:1px solid color-mix(in srgb,var(--lobby-seat-ring) 58%,var(--edge));border-radius:var(--radius-card);background:color-mix(in srgb,var(--lobby-seat-ring) 8%,var(--surface-raised));padding:var(--space-sm)}.lobby-seat-self{border-width:2px}.lobby-seat-emoji{display:grid;place-items:center;width:2.65rem;height:2.65rem;flex:0 0 auto;border:3px solid var(--lobby-seat-ring);border-radius:50%;font-size:1.35rem}.lobby-seat-copy{display:grid;gap:2px;overflow-wrap:anywhere}.lobby-seat-copy small{color:var(--ink-muted)}.lobby-seat-ring-0{--lobby-seat-ring: var(--seat-ring-0)}.lobby-seat-ring-1{--lobby-seat-ring: var(--seat-ring-1)}.lobby-seat-ring-2{--lobby-seat-ring: var(--seat-ring-2)}.lobby-seat-ring-3{--lobby-seat-ring: var(--seat-ring-3)}.lobby-seat-ring-4{--lobby-seat-ring: var(--seat-ring-4)}.lobby-seat-ring-5{--lobby-seat-ring: var(--seat-ring-5)}.lobby-seat-ring-6{--lobby-seat-ring: var(--seat-ring-6)}.lobby-seat-ring-7{--lobby-seat-ring: var(--seat-ring-7)}.lobby-seat-ring-8{--lobby-seat-ring: var(--seat-ring-8)}.lobby-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.lobby-game-choice{--game-accent: var(--accent);display:grid;grid-template-rows:auto 1fr;gap:var(--space-sm);align-items:stretch;padding:var(--space-sm);text-align:left}.lobby-game-2{--game-accent: var(--arm-drift)}.lobby-game-4{--game-accent: var(--arm-port)}.lobby-game-5{--game-accent: var(--arm-faceoff)}.lobby-game-selected{border:2px solid var(--game-accent);background:color-mix(in srgb,var(--game-accent) 13%,var(--surface-raised))}.lobby-game-copy{display:grid;gap:3px}.lobby-game-copy strong{font-size:1.08rem}.lobby-game-copy>span{color:var(--ink-muted);font-size:.84rem;line-height:1.3}.lobby-game-copy small{color:var(--game-accent);font-weight:800}.lobby-preview{position:relative;display:flex;align-items:center;justify-content:center;height:84px;overflow:hidden;border-radius:var(--radius-control);background:color-mix(in srgb,var(--game-accent) 13%,var(--stage))}.lobby-mini-card,.lobby-playing-card{width:38px;height:58px;border-radius:5px;border:1px solid rgba(21,18,28,.2)}.lobby-mini-card{display:grid;align-content:start;gap:4px;padding:6px;margin:0 -2px}.lobby-mini-card:first-child{transform:rotate(-6deg)}.lobby-mini-card:last-child{transform:rotate(6deg)}.lobby-mini-card-light{background:var(--card-face)}.lobby-mini-card-dark{background:var(--stage);border-color:#faf7fb40}.lobby-mini-card i{display:block;height:3px;border-radius:var(--radius-chip);background:var(--card-ink);opacity:.7}.lobby-mini-card-dark i{background:var(--card-face)}.lobby-book-page{position:absolute;width:94px;height:60px;border-left:5px solid var(--arm-drift);border-radius:7px;background:var(--stage)}.lobby-book-page-back{transform:translate(7px,-6px);opacity:.55}.lobby-book-page-front{display:grid;align-content:center;gap:4px;padding:10px 14px;color:var(--card-ink)}.lobby-book-page-front b{color:var(--arm-drift);font-size:1.3rem}.lobby-book-page-front i,.lobby-answer-card i{display:block;height:3px;border-radius:var(--radius-chip);background:var(--card-ink);opacity:.55}.lobby-playing-card{display:grid;place-items:center;margin:0 -3px;background:var(--card-face);font-weight:800;line-height:1}.lobby-playing-card:first-child{transform:rotate(-7deg);color:var(--suit-hearts)}.lobby-playing-card:nth-child(2){transform:translateY(-4px);color:var(--suit-clubs)}.lobby-playing-card:last-child{transform:rotate(7deg);color:var(--suit-spades)}.lobby-preview-faceoff{gap:4px;color:var(--arm-faceoff)}.lobby-answer-card{display:grid;align-content:center;gap:4px;width:48px;height:52px;padding:7px;border-radius:6px;background:var(--card-face);color:var(--card-ink)}.lobby-answer-card:first-child{transform:rotate(-4deg)}.lobby-answer-card:last-child{transform:rotate(4deg)}.lobby-port-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);margin-top:var(--space-sm)}.lobby-port-choices button{padding:var(--space-xs);font-size:.82rem}.lobby-port-choices .lobby-port-selected{border-color:var(--arm-port);color:var(--arm-port);background:color-mix(in srgb,var(--arm-port) 14%,var(--surface-raised))}.lobby-start{width:100%;margin-top:var(--space-md);background:var(--accent-secondary);border-color:transparent;color:var(--stage);font-weight:800}.lobby-start-note{margin-top:var(--space-xs);text-align:center;font-size:.84rem}.lobby-waiting{text-align:center}@media(max-width:430px){.entry-hero,.lobby-room-card,.lobby-roster,.lobby-games,.lobby-waiting{padding:var(--space-md)}}@media(max-width:340px){.lobby-game-grid,.lobby-port-choices{grid-template-columns:1fr}.lobby-room-card,.lobby-section-heading{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.lobby-game-choice,.lobby-start{transition:none}}#surface-root[hidden],#music-container[hidden]{display:none}.room-tabs{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));display:flex;width:min(100%,340px);margin:24px auto 8px;padding:5px;gap:5px;border:1px solid var(--edge);border-radius:var(--radius-chip);background:var(--surface-raised);z-index:10;box-shadow:0 8px 28px var(--stage)}.room-tabs button{flex:1;min-height:var(--tap-min);border:0;border-radius:var(--radius-chip);background:transparent;color:var(--ink-muted)}.room-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.room-tabs .game-needed{color:var(--accent);font-size:.75em;margin-left:6px}.music-screen{width:min(100%,760px);margin:0 auto;padding:12px 0 24px}.music-heading h2{margin:6px 0;font-size:clamp(2rem,7vw,2.7rem)}.music-heading p,.music-muted,.music-track-copy>span,.music-empty p{color:var(--ink-muted)}.music-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--ink-muted)}.music-screen h3{margin:24px 0 8px}.music-empty{margin:24px 0;padding:clamp(20px,6vw,36px);border:1px solid var(--edge);border-radius:var(--radius-panel);background:radial-gradient(ellipse at top right,var(--stage-glow),var(--surface) 70%)}.music-empty h3{margin-top:18px;font-size:1.6rem}.music-empty p{max-width:34em;line-height:1.5}.music-ready{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 14px;align-items:center;padding:20px}.music-ready .music-record{grid-row:span 2;width:56px;height:56px}.music-ready h3{margin:0;font-size:1.15rem}.music-ready p{margin:0;font-size:.9rem}.music-record{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:8px double var(--edge);background:var(--stage);color:var(--ink-muted);font-size:1.6rem}.music-screen button{min-height:var(--tap-min);padding:10px 15px;border:1px solid var(--edge);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--ink);font:inherit;cursor:pointer}.music-screen button:hover:not(:disabled){border-color:var(--ink-muted)}.music-screen button:focus-visible,.room-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.music-screen button:disabled{color:var(--ink-muted);cursor:default}.music-search-form{display:flex;gap:8px}.music-search-form button{flex:0 0 auto;white-space:nowrap}.music-search-form input{width:100%;min-width:0;min-height:48px;font:inherit;font-size:16px;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:var(--radius-control)}.music-search-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.music-status,.music-notice{color:var(--ink-muted);min-height:1.4em;font-size:.9rem}.music-status:empty,.music-notice:empty{display:none}.music-row,.music-inbox-entry,.music-queue-entry,.music-now{padding:14px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius-card);margin:10px 0}.music-row{display:flex;gap:12px;align-items:center}.music-track{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.music-artwork{position:relative;display:grid;place-items:center;flex:0 0 56px;height:56px;border:1px solid var(--edge);border-radius:10px;overflow:hidden;background:linear-gradient(135deg,var(--surface-raised),var(--stage-glow));color:var(--ink-muted);font-size:1.5rem}.music-artwork img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.music-now .music-artwork{flex-basis:80px;height:80px}.music-track-copy{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere;line-height:1.35}.music-track-copy strong{font-size:1rem}.music-track-copy>span{font-size:.86rem}.music-track-copy .music-eyebrow{font-size:.67rem}.music-row>button{flex-shrink:0}.music-count{font-size:.8rem;color:var(--ink-muted);font-weight:400;margin-left:6px}.music-controls,.music-row-actions{display:flex;gap:8px;flex-wrap:wrap}.music-row-actions{justify-content:flex-end;margin-top:12px}.music-requester{color:var(--ink-muted);font-size:.85rem;margin-bottom:0}.music-queue-empty{border:1px dashed var(--edge);border-radius:var(--radius-card);color:var(--ink-muted);padding:24px}@media(max-width:360px){.music-row{flex-wrap:wrap}.music-row>button{margin-left:auto}}@media(prefers-reduced-transparency:reduce){.room-tabs{box-shadow:none}}