*{box-sizing:border-box}html,body{background:var(--agar)}body{color:var(--ink);font:var(--t-body)/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.1}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--hema);outline-offset:3px}::selection{background:color-mix(in srgb, var(--hema) 30%, transparent)}.row{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wordmark{font-family:var(--display);letter-spacing:-.03em;white-space:nowrap;font-weight:900;line-height:1}.wm-byte{color:var(--hema)}.wm-cyte{color:var(--eosin)}.wm-cell{vertical-align:-.02em;background:radial-gradient(ellipse at 50% 50%, var(--hema) 0 25%, transparent 26%), color-mix(in srgb, var(--cell) 22%, var(--agar));width:.77em;height:.61em;box-shadow:inset 0 0 0 .1em var(--cell);border-radius:50%;margin:0 .07em 0 .08em;display:inline-block}@media (prefers-reduced-motion:no-preference){.wm-cell{animation:4.5s ease-in-out infinite wobble}@keyframes wobble{0%,to{border-radius:50%}33%{border-radius:56% 44% 52% 48%}66%{border-radius:46% 54% 45% 55%}}}:root{--page-gutter:clamp(var(--s-4), 3vw, var(--s-6));--page-edge:max(var(--page-gutter), calc((100vw - 1200px) / 2 + var(--page-gutter)))}.page{max-width:1200px;padding:0 var(--page-gutter) var(--s-7);margin:0 auto}.top{justify-content:space-between;align-items:center;gap:var(--s-4);padding-block:var(--s-5);display:flex}.home-link{border-radius:var(--r-s);text-decoration:none}.home-link .wordmark{font-size:clamp(1.1em,5.2vw,1.6em)}@media (width<=480px){.top{padding-block:var(--s-4)}}.foot{justify-content:space-between;gap:var(--s-2) var(--s-5);margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid var(--hair);font-size:var(--t-small);color:var(--muted);flex-wrap:wrap;display:flex}.you-btn{max-width:18ch}.you-dot{background:var(--eosin)}.you-name{text-overflow:ellipsis;overflow:hidden}.you-name-field{gap:var(--s-2);flex-direction:column;display:flex}.you-name-field .ui-field{width:100%;padding-block:var(--s-3);font:800 var(--t-heading)/1.2 var(--display)}.you-name-field .ui-field::placeholder{font:400 var(--t-body)/1.2 var(--body)}.you-rows{align-items:center;gap:var(--s-3) var(--s-4);padding-block:var(--s-3);border-block:1px solid var(--hair);grid-template-columns:1fr auto;font-weight:600;display:grid}.you-foot{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;min-height:34px;display:flex}.you-data{font-size:var(--t-small)}button.have-code{font:600 var(--t-small)/1.5 var(--body);cursor:pointer;background:0 0;border:0;padding:0}.have-code.open{align-items:flex-start;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:inline-flex}.have-code.open label{white-space:nowrap;align-items:center;min-height:34px;display:inline-flex}.code-field{gap:var(--s-1);flex-direction:column;display:flex}.code-field .ui-field{width:11ch;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.code-field .ui-field::placeholder{font-family:var(--body);text-transform:none;letter-spacing:0}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--ink)}.tile-media{object-fit:cover;background:var(--plate);width:100%;height:100%;display:block}.tile-empty{background:radial-gradient(circle at 50% 60%, var(--plate-2), var(--plate))}.eyepiece{aspect-ratio:1;width:100%;padding:clamp(var(--s-2), 1.4vw, var(--s-3));background:radial-gradient(circle at 50% 38%, var(--plate) 0 58%, var(--plate-2) 70%, var(--rule) 100%);box-shadow:var(--barrel), var(--lift-high);border-radius:50%;position:relative}.eyepiece-field{background:var(--plate);isolation:isolate;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.eyepiece-field .tile-media{height:100%;position:absolute;inset:0}.eyepiece-field:after{content:"";pointer-events:none;box-shadow:var(--field-stop);border-radius:50%;position:absolute;inset:0}.eyepiece-field:before{content:"";z-index:1;pointer-events:none;background:var(--line);opacity:.55;clip-path:polygon(0 50%,100% 0,100% 100%);width:22%;height:7px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.eyepiece[role=button]{cursor:pointer;transition:transform var(--base)}.eyepiece[role=button]:hover{transform:scale(1.01)}.home{gap:clamp(var(--s-6), 5vw, var(--s-7));flex-direction:column;display:flex}.stage-feature{gap:clamp(var(--s-5), 5vw, calc(var(--s-7) * 1.5));padding-block:clamp(var(--s-2), 2vw, var(--s-5)) 0;grid-template-columns:minmax(0,440px) 1fr;align-items:center;display:grid}.stage-feature.skeleton{border-radius:var(--r-xl);background:var(--plate);min-height:420px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.stage-copy{align-items:flex-start;gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.stage-copy h2{font-size:var(--t-display);letter-spacing:-.035em;font-weight:900}.stage-copy p{max-width:34ch;font-size:var(--t-heading);color:var(--muted);margin:0;line-height:1.4}.actions{align-items:center;gap:var(--s-4);margin-top:var(--s-4);flex-wrap:wrap;display:flex}@media (width<=760px){.stage-feature{grid-template-columns:1fr;justify-items:center}.stage-feature .eyepiece{max-width:340px}.stage-copy{text-align:center;align-items:center}.actions{justify-content:center}}.tray{gap:var(--s-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=820px){.tray{grid-template-columns:1fr 1fr}.tray li:last-child:nth-child(odd){width:calc(50% - var(--s-4) / 2);grid-column:1/-1;justify-self:center}}.slide-link{border-radius:var(--r-m);text-decoration:none;display:block}.slide-link:focus-visible{outline:none}.slide{aspect-ratio:3;border-radius:var(--r-m);background:var(--plate);border:1px solid var(--hair);box-shadow:var(--rim), var(--lift);transition:transform var(--base), border-color var(--base), box-shadow var(--base);grid-template-columns:34% 1fr;display:grid;overflow:hidden}.slide-link:hover .slide,.slide-link:focus-visible .slide{border-color:color-mix(in srgb, var(--eosin) 55%, var(--hair));box-shadow:var(--rim), var(--lift-high);transform:translateY(-3px)}.slide-frost{gap:var(--s-2);padding:var(--s-4);background-color:var(--plate-2);background-image:radial-gradient(color-mix(in srgb, var(--ink) 8%, transparent) .7px, transparent .9px);border-right:1px solid var(--hair);background-size:4px 4px;flex-direction:column;min-width:0;display:flex}.slide-frost b{font:800 var(--t-heading)/1.05 var(--display);letter-spacing:-.01em;color:var(--ink)}.slide-foot{justify-content:space-between;align-items:center;gap:var(--s-2);min-height:1.5em;margin-top:auto;display:flex}.slide-play{font:700 var(--t-label)/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--eosin);opacity:0;transition:opacity var(--quick), transform var(--quick);margin-left:auto;transform:translate(-4px)}.slide-play:after{content:" →"}.slide-link:hover .slide-play,.slide-link:focus-visible .slide-play{opacity:1;transform:none}.slide-line{font-size:var(--t-small);color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.slide-specimen{background:var(--plate);position:relative;overflow:hidden}.slide-specimen .tile-media{height:100%;transition:transform var(--grow) ease-out;position:absolute;inset:0}.slide-link:hover .slide-specimen .tile-media{transform:scale(1.04)}.slide-specimen:after{content:"";border:1px solid color-mix(in srgb, var(--agar-deep) 50%, transparent);border-radius:var(--r-s);pointer-events:none;position:absolute;inset:8px}.slide.compact{aspect-ratio:2;grid-template-rows:1fr auto;grid-template-columns:1fr}.slide.compact .slide-frost{align-items:baseline;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-right:0;border-top:1px solid var(--hair);flex-direction:row;order:2}.slide.compact .slide-frost b{font-size:var(--t-body);flex:none}.slide.compact .slide-line{white-space:nowrap;text-overflow:ellipsis;display:block}.slide.compact .slide-foot{display:none}.slide.compact .slide-specimen:after{inset:6px}@media (height<=820px){.slide.compact{aspect-ratio:5/2}}@media (width<=480px){.slide:not(.compact){aspect-ratio:5/2;grid-template-columns:42% 1fr}.slide-frost{padding:var(--s-3)}}.empty{gap:clamp(var(--s-5), 5vw, var(--s-7));padding-block:clamp(var(--s-4), 4vw, var(--s-7));grid-template-columns:minmax(0,300px) 1fr;align-items:center;display:grid}.empty h1{font-size:var(--t-title);letter-spacing:-.025em;font-weight:900}.empty p{color:var(--muted);max-width:40ch;font-size:var(--t-body);margin:0}.empty-field{background:radial-gradient(circle at 50% 45%, var(--plate) 0%, var(--plate-2) 100%)}.mote{background:var(--muted);opacity:.55;border-radius:50%;width:9px;height:9px;position:absolute;top:55%;left:40%}@media (prefers-reduced-motion:no-preference){.mote{animation:14s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(60px,-40px)}to{transform:translate(-30px,-80px)}}}@media (width<=640px){.empty{text-align:center;grid-template-columns:1fr;justify-items:center}.empty .eyepiece{max-width:220px}.empty .stage-copy{align-items:center}}.stage{background:var(--agar);position:fixed;inset:0}.stage-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage iframe{opacity:0;width:100%;height:100%;transition:opacity var(--grow);border:0;display:block;position:absolute;inset:0}.stage iframe.ready{opacity:1}.between{left:50%;bottom:max(var(--s-4), env(safe-area-inset-bottom));gap:var(--s-3);width:min(980px,100% - 32px);animation:ui-rise var(--grow) ease-out;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.between-try{gap:var(--s-2);flex-direction:column;display:flex}.between-label{align-items:center;gap:var(--s-2);display:inline-flex}.between-try ul{gap:var(--s-3);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.between-try .slide{box-shadow:var(--lift-high)}.between-foot{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.invite{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.invite-code{align-items:baseline;gap:var(--s-3);display:inline-flex}.invite-code output{font:500 var(--t-title)/1 var(--mono);letter-spacing:.12em;color:var(--ink)}.ui-panel.invite{padding:var(--s-3) var(--s-4)}.invite-failed{margin:0;font-weight:700}.party{gap:var(--s-5);padding-block:var(--s-4) var(--s-6);flex-direction:column;display:flex}.party.skeleton{min-height:60vh}.party-grid{gap:var(--s-4);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.party-people,.party-settings,.party-last{gap:var(--s-3);padding:var(--s-4);flex-direction:column;display:flex}.party ol{gap:var(--s-1);font-variant-numeric:tabular-nums;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.party li{align-items:center;gap:var(--s-3);min-height:2.25em;display:flex}.party-name{align-items:center;gap:var(--s-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;display:inline-flex;overflow:hidden}.party-name .ui-context{font-weight:400}.party-points{font:600 var(--t-body)/1 var(--mono)}.party-place{width:2ch;font:500 var(--t-small)/1 var(--mono);color:var(--muted)}.party li.you .party-name,.party li.you .party-points{color:var(--yolk)}.party li.bot{color:var(--muted)}.party li.away{opacity:.55}.party .unnamed{color:var(--muted);font-style:italic;font-weight:400}.party h2{font-size:var(--t-heading);font-weight:800}.party-me{flex:1;min-width:0;max-width:16em}.party-settings .ui-seg{align-self:flex-start}.party-settings p{margin:0}.party-rules{font-weight:700}.party-games{gap:var(--s-3);flex-direction:column;display:flex}.party-games .tray{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr))}@media (width>=820px){.party-games .tray{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}.party-games .tray li:last-child:nth-child(odd){grid-column:auto;width:auto}.party-votes{gap:var(--s-1);display:inline-flex}.party-foot{justify-content:space-between;align-items:center;gap:var(--s-3);bottom:var(--s-3);padding:var(--s-3);flex-wrap:wrap;display:flex;position:sticky}.party-wait{margin:0 0 0 var(--s-3);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}@media (width<=720px){.party-grid{grid-template-columns:1fr}.party-foot{flex-wrap:nowrap}.party-foot .ui-btn.primary{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.party-foot .ui-btn:not(.primary){flex:none}.party-wait{font-size:var(--t-small)}}.slide-choice{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.slide-choice[aria-pressed=true] .slide{border-color:var(--eosin);box-shadow:0 0 0 2px var(--eosin), var(--lift)}.slide-choice .slide.compact .slide-foot{flex:none;min-height:0;margin:0 0 0 auto;display:flex}.slide-choice .slide.compact .slide-line{flex:1;min-width:0}.slide-note{font:700 var(--t-label)/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}@media (width<=640px){.between-try ul{grid-template-columns:repeat(2,1fr)}.between-try li:nth-child(3),.slide.compact .slide-line{display:none}.invite-join{margin-left:0}.between-foot,.between-foot .row{gap:var(--s-1);flex-wrap:nowrap}.between-foot .ui-btn.sm{padding-inline:var(--s-2)}.between-foot .row{flex:none}.between-foot .you-btn{flex-shrink:1;min-width:0}.between-foot .you-your{display:none}.between-foot .you-blank{text-transform:capitalize}}.tags{gap:var(--s-2);flex-wrap:wrap;display:flex}.legal{max-width:68ch;padding-top:var(--s-3)}.legal h1{font-size:var(--t-title);letter-spacing:-.02em;font-weight:900}.legal-updated{margin:var(--s-3) 0 0;color:var(--muted);font-size:var(--t-small)}.legal h2{font-size:var(--t-heading);margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid var(--hair);font-weight:800}.legal section h3{font:700 var(--t-body)/1.3 var(--body);margin:var(--s-5) 0 var(--s-2)}.your-data{scroll-margin-top:var(--s-5);padding:var(--s-5);margin-block:var(--s-5) var(--s-2);gap:var(--s-3);flex-direction:column;display:flex}.your-data h2{border:0;margin:0;padding:0}.your-data p{margin:0}.records{max-height:320px;font:var(--t-small)/1.5 var(--mono);background:var(--agar);padding:var(--s-3);border-radius:var(--r-m);margin:0;overflow:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
