:root{--out:cubic-bezier(.2, .7, .2, 1);--in:cubic-bezier(.55, 0, 1, .45)}@keyframes hoist{0%{transform:translateY(var(--from,100%))}28%,36%{transform:translateY(calc(var(--from,100%) * .66))}64%,72%{transform:translateY(calc(var(--from,100%) * .33))}to{transform:none}}@keyframes haul{0%{transform:scaleX(var(--was))}28%,36%{transform:scaleX(calc(var(--was) + (1 - var(--was)) * .34))}64%,72%{transform:scaleX(calc(var(--was) + (1 - var(--was)) * .67))}to{transform:none}}@keyframes pull{0%{transform:translateY(var(--from,100%))}}.hoist{animation:hoist .5s var(--out) calc(var(--d,0s) + var(--i,0) * 40ms) both}@keyframes wipe{0%{transform:translate(0)}81.4%,to{transform:translate(calc(100% + 1px))}}@keyframes snap{0%,81.4%{transform:none}90%{transform:scaleX(1.015)}to{transform:none}}.unfurl{animation:snap .43s linear calc(var(--d,0s) + var(--i,0) * 40ms) backwards;position:relative;overflow:clip}.unfurl:after{content:"";z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 100' preserveAspectRatio='none'%3E%3Cpath d='M48 0H24c24 25-24 25 0 50s-24 25 0 50h24z' fill='%23121319'/%3E%3C/svg%3E") left / 48px 100% no-repeat, linear-gradient(var(--night), var(--night)) right / calc(100% - 47px) 100% no-repeat;pointer-events:none;animation:wipe .43s var(--out) calc(var(--d,0s) + var(--i,0) * 40ms) both;position:absolute;inset:0 -48px}.unfurl.from-right:after{scale:-1 1}@keyframes strike{0%{transform:none}to{transform:translateY(var(--to,110vh))}}.strike{animation:strike .22s var(--in) var(--d,0s) both}@keyframes draw{0%{translate:var(--dx,0px) var(--dy,0px);rotate:-4deg;scale:var(--s,.4)}}@keyframes nail{0%{transform:scale(1.8) rotate(var(--tilt,0deg));opacity:0}1%{opacity:1}to{transform:rotate(var(--tilt,0deg));opacity:1}}.nail{animation:nail 90ms linear calc(var(--d,0s) + var(--i,0) * 40ms) both}@keyframes cut{0%{opacity:0}}.cut{animation:cut 0s var(--d,0s) both}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-timing-function:step-end!important;animation-timing-function:linear(0, 0 99.9999%, 1)!important;transition:none!important}@keyframes hoist{0%{transform:translateY(var(--from,100%))}to{transform:none}}@keyframes haul{0%{transform:scaleX(var(--was))}to{transform:none}}@keyframes snap{}.nudge:after{animation:none}@keyframes nail{0%{transform:rotate(var(--tilt,0deg));opacity:0}to{transform:rotate(var(--tilt,0deg));opacity:1}}}@font-face{font-family:Archivo Display;src:url(/assets/archivo-display-1k6VgyLk.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Archivo Display Fallback;src:local(Arial Bold),local(Arial-BoldMT);font-weight:900;size-adjust:85.2%;ascent-override:103.1%;descent-override:24.7%;line-gap-override:0%}@font-face{font-family:Archivo;src:url(/assets/archivo-text-0GCkZfm5.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Archivo Fallback;src:local(Arial),local(ArialMT);font-weight:500;size-adjust:100.3%;ascent-override:87.6%;descent-override:20.9%;line-gap-override:0%}@font-face{font-family:Fraunces;src:url(/assets/fraunces-BsDG_APA.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Fraunces Fallback;src:local(Georgia Bold),local(Georgia-Bold);font-weight:600;size-adjust:91.6%;ascent-override:106.8%;descent-override:27.9%;line-gap-override:0%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only;--night:#121319;--bone:#ece5d6;--dim:#a9a397;--marigold:#f2ae2e;--madder:#b23a2e;--seam:4px;--display:"Archivo Display", "Archivo Display Fallback", "Arial Narrow", sans-serif-condensed, sans-serif;--text:"Archivo", "Archivo Fallback", system-ui, sans-serif;--serif:"Fraunces", "Fraunces Fallback", Georgia, serif;--top:max(20px, env(safe-area-inset-top));--right:max(16px, env(safe-area-inset-right));--bottom:max(24px, env(safe-area-inset-bottom));--left:max(16px, env(safe-area-inset-left));background:var(--night);font:500 17px/1.4 var(--text);font-synthesis:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,:before,:after{box-sizing:border-box}body{background:var(--night);color:var(--bone);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}.privacy-choices{color:var(--dim);margin-top:4px;font-size:17px}.privacy-choices button,.privacy-choices button:disabled{width:-moz-fit-content;width:fit-content;min-height:0;box-shadow:none;color:inherit;font:inherit;letter-spacing:normal;text-align:left;text-transform:none;text-underline-offset:4px;background:0 0;padding:0;text-decoration:underline;text-decoration-thickness:2px;display:block}.privacy-choices button+button{margin-top:4px}main{max-width:30rem;min-height:100dvh;padding:var(--top) var(--right) var(--bottom) var(--left);flex-direction:column;gap:16px;margin:0 auto;display:flex}main.center{text-align:center;justify-content:center;align-items:center;overflow:clip}h1,h2,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}form{display:contents}h1,h2,.caps{font-family:var(--display);text-transform:uppercase;text-wrap:balance;font-weight:900}h1{font-size:clamp(44px,13vw,64px);line-height:.9}h2{font-size:30px;line-height:.95}.prompt{font-family:var(--serif);letter-spacing:-.01em;text-transform:none;font-size:clamp(32px,9.4vw,46px);font-weight:600;line-height:1.04}.quiet{color:var(--dim)}small{font-size:inherit}.sr,.reveal .past{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--marigold);outline-offset:3px}button,a.button{background:var(--bone);min-height:56px;color:var(--night);font:900 21px/1 var(--display);letter-spacing:.03em;text-align:center;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:flex}button.primary,a.button.primary{background:var(--marigold)}button:active:not(:disabled),a.button:active{transform:translateY(2px)}button:disabled{color:var(--dim);box-shadow:inset 0 0 0 2px var(--dim);cursor:default;background:0 0}button.glyph{min-height:48px;color:var(--bone);box-shadow:inset 0 0 0 2px var(--bone);letter-spacing:.06em;background:0 0;align-self:flex-start;padding:0 14px;font-size:18px}button.glyph.square{width:48px;padding:0}.square .icon{width:20px;height:20px}button.text,a.button.text{min-height:48px;color:var(--bone);text-underline-offset:5px;background:0 0;font-size:19px;text-decoration:underline;text-decoration-thickness:2px}.icon{fill:none;stroke:currentColor;stroke-width:2.5px;flex:none;width:16px;height:16px}.actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.actions.near{margin-top:8px}.dock{z-index:3;margin:auto calc(-1 * var(--right)) calc(-1 * var(--bottom)) calc(-1 * var(--left));padding:12px var(--right) var(--bottom) var(--left);background:var(--night);border-top:1px solid var(--dim);flex-direction:column;gap:12px;display:flex;position:sticky;bottom:0}.actions~.dock{margin-top:0}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.corner{gap:12px;margin-left:auto;display:flex}main.center>.topbar{align-self:stretch;margin-bottom:auto}main.center>.topbar~:last-child{margin-bottom:auto}.front{gap:0;max-width:none;padding:0}.ribbon{width:100%;min-height:0;padding:max(10px, env(safe-area-inset-top)) var(--right) 10px var(--left);background:var(--bone);color:var(--night);font:900 17px/1.15 var(--display);letter-spacing:.04em;text-align:center;text-transform:uppercase;text-wrap:balance}.door{width:100%;max-width:30rem;padding:12px var(--right) var(--bottom) var(--left);flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex;container-type:inline-size}.door:first-child{padding-top:var(--top)}.mast{flex:1 1 0;min-height:120px;max-height:66.6667cqi;display:flex;overflow:clip}.mast .ensign{width:100%;height:100%}.wordmark{font-size:23.2cqi;line-height:.82}.wordmark span{display:block}.title{display:grid}.title>*{grid-area:1/1}a.today{--tilt:-3deg;background:var(--bone);min-height:48px;color:var(--night);font:900 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;transform-origin:100% 0;transform:rotate(var(--tilt));place-self:start end;align-items:center;gap:10px;margin-top:4px;padding:0 12px 0 10px;text-decoration:none;display:flex}.today .heads{fill:none;stroke:currentColor;stroke-width:4px;width:31px;height:16px}.today .heads.done{fill:currentColor;stroke:none}.tagline{text-wrap:balance;font-size:20px;line-height:1.25}.first .ribbon{--from:-100%;animation:pull .24s var(--out) both}.first .mast .ensign{animation:hoist .5s var(--out) 80ms both}.first .wordmark span{animation:1ms .6s both cut}.first .wordmark span+span{animation-delay:.7s}.first .tagline{animation:1ms .8s both cut}.first .today{animation:90ms linear .96s both nail}.first .door .actions{--from:32px;animation:cut 1ms .86s both, pull .24s var(--out) .86s both}.first .decks-tab .house{--dx:-12px;--s:.6;animation:cut 1ms calc(.58s + var(--i) * 80ms) both, draw .16s var(--out) calc(.58s + var(--i) * 80ms) both}.first .decks-tab .new{animation:90ms linear 1.18s both nail}button.howto{min-height:0;color:var(--bone);letter-spacing:.06em;text-underline-offset:4px;white-space:nowrap;background:0 0;gap:6px;margin-left:4px;padding:0;font-size:18px;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex;position:relative}button.howto:before{content:"";position:absolute;inset:-15px -12px}.howto .icon{stroke-width:3px;width:12px;height:12px}.rulebook{z-index:4;overscroll-behavior:contain;background:var(--night);touch-action:pan-y pinch-zoom;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.rulebook .mast{align-items:flex-end;min-height:96px;max-height:none}.rulebook .mast>svg{width:100%;height:100%;max-height:50cqi;animation:hoist .5s var(--out) both}.rule-text{text-wrap:pretty;font-size:26px;line-height:1.25}.bunting{display:flex;position:relative}.bunting:before{content:"";background:var(--dim);height:2px;position:absolute;top:12px;left:0;right:0}.bunting button{width:48px;min-height:48px;color:var(--dim);background:0 0;align-items:flex-start;padding:14px 0 0;position:relative}.bunting svg{width:21px;height:28px}.bunting path{fill:var(--night);stroke:currentColor;stroke-width:2px}.bunting .seen{color:var(--bone)}.bunting .seen path{fill:currentColor}.follow{flex-direction:column;gap:4px;display:flex}.follow p{font:900 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.socials{margin:0 -13px;display:flex}.socials a{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.socials a:active{transform:translateY(2px)}.socials svg{fill:currentColor;width:22px;height:22px}.primer{display:none}@media (min-width:1100px){.front{grid-template-rows:auto 1fr;grid-template-columns:1fr minmax(0,30rem) 464px 1fr;display:grid}.ribbon{grid-column:1/-1}.front>.door{grid-area:2/2}.primer{padding:12px var(--right) var(--bottom) 48px;flex-direction:column;grid-area:2/3;justify-content:flex-end;gap:16px;display:flex}.door:first-child+.primer{padding-top:var(--top)}.primer .rules{padding:0}button.howto{display:none}}.first .primer h2{animation:1ms .86s both cut}.first .primer li{animation:1ms .9s both cut}.first .primer li:nth-child(2){animation-delay:.93s}.first .primer li:nth-child(3){animation-delay:.96s}.first .primer li:nth-child(4){animation-delay:.99s}.first .primer .follow{animation:1ms 1.02s both cut}.cells{grid-template-columns:repeat(4,minmax(0,72px));gap:8px;display:grid;position:relative}.cells .code-input{z-index:1;opacity:0;height:100%;position:absolute;inset:0}.cells.link{display:block}.cells.link .code-input{opacity:1;position:static}.cell{height:72px;box-shadow:inset 0 0 0 2px var(--dim);color:var(--night);font:900 48px/1 var(--display);letter-spacing:0;text-transform:uppercase;place-items:center;display:grid}.cell.full{background:var(--bone);box-shadow:none}.cells:focus-within .cell.next{box-shadow:inset 0 0 0 4px var(--marigold)}.cell b{font:inherit;animation:90ms linear both nail}label{font:900 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);flex-direction:column;gap:8px;display:flex}input,textarea{background:var(--bone);width:100%;min-height:64px;color:var(--night);font:500 22px/1 var(--text);letter-spacing:0;text-transform:none;border:0;border-radius:0;padding:0 16px}textarea{resize:vertical;min-height:128px;padding:14px 16px;line-height:1.35}input:focus-visible,textarea:focus-visible{outline:4px solid var(--marigold);outline-offset:0}.room-heat{flex-direction:column;gap:12px;width:100%;display:flex}.heat button{color:var(--bone);box-shadow:inset 0 0 0 2px var(--bone);background:0 0}.heat button[aria-pressed=true]{box-shadow:inset 0 0 0 6px var(--marigold)}.heat.three{grid-template-columns:1fr 1fr 1fr}.heat.three button{flex-direction:column;gap:4px;padding:0 6px}.peppers{gap:1px;display:inline-flex}.heat-line{color:var(--dim);align-items:center;gap:8px;margin:0;display:flex}[role=alert]{color:var(--marigold)}details{border-top:2px solid var(--bone)}summary{min-height:56px;font:900 21px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"";background:linear-gradient(currentColor,currentColor) 50%/100% 4px no-repeat,linear-gradient(currentColor,currentColor) 50%/4px 100% no-repeat;flex:none;width:16px;height:16px}details[open]>summary:after{background-size:100% 4px,4px 0}details[open]>summary{margin-bottom:8px}.pennant{flex:none;width:24px;height:32px;display:block}.flag{flex:none;width:45px;height:30px;display:block}.ensign{width:100%;height:auto;display:block}.label{font:900 18px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);text-align:center}.code{font:900 min(31vw, 150px) / .82 var(--display);letter-spacing:.04em;text-align:center;white-space:nowrap;padding-left:.04em}.board{--qr:min(42vw, 200px);grid-template-rows:var(--qr) auto;width:100%;color:inherit;perspective:900px;-webkit-tap-highlight-color:transparent;background:0 0;gap:12px;padding:0;display:grid}.board:active:not(:disabled){transform:none}.board .face{backface-visibility:hidden;transition:transform .42s var(--out), scale 90ms linear;animation:rock .9s var(--out) .8s;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:10px;display:flex}@keyframes rock{30%{rotate:y 25deg}65%{rotate:y -6deg}}.board .back{transform:rotateY(-180deg)}.board.turned .face{transform:rotateY(180deg)}.board.turned .back{transform:none}.board:active .face{scale:.98}.board .code{display:block}.board canvas,.board .blank{height:var(--qr);aspect-ratio:1;background:var(--bone);image-rendering:pixelated}.board .hint{grid-area:2/1;justify-content:center;align-items:center;gap:8px;display:flex}.turn-mark{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.board .face{animation:none}}.strip{min-height:48px;font:900 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.strip>span:last-child{margin-left:auto}.bar{gap:var(--seam);height:14px;box-shadow:inset 0 0 0 2px var(--bone);flex:none;display:flex;position:relative}.strip .bar{flex-basis:100%;order:-1}.dock .bar{height:6px}.bar i{background:var(--bone);transform-origin:0;position:absolute;inset:0}@keyframes drain{0%{transform:scaleX(var(--from))}to{transform:scaleX(0)}}.bar i.run{animation:drain var(--run) steps(var(--steps), end) var(--d) both}.bar.late{box-shadow:none}.bar.late i{z-index:3;background:var(--marigold);flex:1;position:relative}.bar.late i.run{animation:strike .22s var(--in) var(--d) both}.bar i.held{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.bar i.run{animation-timing-function:steps(var(--steps), end)!important}.bar.late i.run{animation-timing-function:step-end!important;animation-timing-function:linear(0, 0 99.9999%, 1)!important}}.timer{font:900 30px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--bone)}.timer.late{color:var(--marigold)}.roster{grid-template-columns:repeat(var(--n), minmax(0, 1fr));padding-top:14px;display:grid;position:relative}.roster:before{content:"";background:var(--dim);height:2px;position:absolute;top:12px;left:0;right:0}.roster li{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;position:relative;container-type:inline-size}.roster .pennant{aspect-ratio:3/4;width:min(40px,72%);height:auto}.roster .name{max-width:100%;font:900 17px/1 var(--display);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}@container (width<=56px){.roster .name{writing-mode:vertical-rl;max-width:none;max-height:6em}}.roster li.off{opacity:.4}.tick{background:var(--bone);clip-path:polygon(0 0,100% 0,50% 100%);width:14px;height:8px;position:absolute;top:-14px}.acting .name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.acting li:not(.done) .cloth,.pennant.hollow .cloth{fill:var(--night)}.acting li:not(.done) .glyph,.pennant.hollow .glyph{fill:currentColor}.acting li.done .pennant,.roster li.joined .pennant{--from:50%;animation:hoist .5s var(--out) both}.roster .act{fill:none;width:16px;height:16px;stroke:var(--bone);stroke-width:2.25px}.notice{background:var(--bone);color:var(--night);font:900 19px/1.1 var(--display);letter-spacing:.02em;text-transform:uppercase;padding:10px 14px}.tab{--tilt:-3deg;background:var(--bone);color:var(--night);font:900 30px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;transform:rotate(var(--tilt));align-self:center;padding:12px 28px;animation:90ms linear both nail}.actions>.deal{animation:90ms linear backwards nail}.hold{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid;container-type:inline-size}.tile{min-height:30dvh;color:var(--bone);box-shadow:inset 0 0 0 2px var(--bone);font-size:clamp(17px, ((100cqi - 12px) / 2 - 24px) / var(--chars) / .7, 44px);text-wrap:balance;background:0 0;flex-direction:column;justify-content:space-between;gap:16px;padding:32px 12px 20px}.tiles.stack{grid-template-columns:1fr}.stack .tile{min-height:18dvh;font-size:clamp(17px, (100cqi - 24px) / var(--chars) / .7, 44px)}.tile .flag{width:min(100%,120px);height:auto}.tile[aria-pressed=true],.pick[aria-pressed=true]{box-shadow:inset 0 0 0 6px var(--marigold)}.pin{--tilt:0deg;width:30px;height:40px;animation:90ms linear both nail;position:absolute;top:0;right:12px}.qr{z-index:4;padding:var(--top) var(--right) var(--bottom) var(--left);background:var(--bone);color:var(--night);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.qr canvas{width:min(100%,58dvh,360px);image-rendering:pixelated}.qr-code{font:900 96px/.85 var(--display);letter-spacing:.04em}.qr button{background:var(--night);color:var(--bone)}.scrim{z-index:4;background:#121319d9;position:fixed;inset:0}.sheet{--from:100%;z-index:4;overscroll-behavior:contain;max-width:30rem;max-height:85dvh;padding:20px var(--right) var(--bottom) var(--left);border-top:var(--seam) solid var(--bone);background:var(--night);animation:pull .24s var(--out) both;flex-direction:column;gap:12px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet>.quiet{font-size:17px}.sheet:focus{outline:none}form.note,.pulse{flex-direction:column;gap:12px;display:flex}.pulse .tile{justify-content:center;min-height:64px;padding:0 12px;font-size:24px}.pulse .nays .tile,.pulse .whos .tile{min-height:56px;font-size:18px}.pulse .nays .tile:last-child{grid-column:1/-1}.rate{font:900 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rate .glyph{align-self:auto}.rate .tab{padding:10px 20px;font-size:21px}.rules{gap:8px;padding-bottom:12px;display:grid}.rules li{box-shadow:inset 0 0 0 2px var(--dim);grid-template-columns:72px 1fr;align-items:center;gap:16px;padding:14px;font-size:19px;line-height:1.3;display:grid}.rules .rule{width:72px;height:48px}.house{flex:none;width:45px;height:30px}.house.out path{stroke:var(--dim);stroke-width:1.5px}.shelf{font:900 21px/1.1 var(--display);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:14px;display:flex}button.shelf{min-height:64px;color:var(--bone);box-shadow:inset 0 2px var(--bone);text-align:left;background:0 0;justify-content:flex-start;padding:0 16px 0 0}button.shelf span{flex:1}.decks{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:12px;display:grid}.deck{min-height:88px;color:var(--bone);box-shadow:inset 0 0 0 2px var(--bone);font:900 21px/1 var(--display);letter-spacing:.02em;text-align:left;text-transform:uppercase;background:0 0;flex-flow:wrap;place-content:flex-start;align-items:flex-start;gap:8px;padding:14px;display:flex}.deck>*{flex:1 0 100%}.deck .house{flex:none;order:-2;margin-bottom:4px}.deck small{font:500 17px/1.25 var(--text);letter-spacing:0;text-transform:none;text-wrap:pretty}.deck.locked{box-shadow:inset 0 0 0 2px var(--dim);color:var(--dim)}.deck[aria-pressed=true]{box-shadow:inset 0 0 0 6px var(--marigold)}.deck.guest{grid-column:1/-1}.guest .host{font:600 17px/1.25 var(--serif)}.deck .tag{width:min-content;font:900 17px/1 var(--display);letter-spacing:.02em;text-align:center;flex:none;order:-1;margin-left:auto;padding:4px 6px;rotate:-3deg;box-shadow:inset 0 0 0 2px}.guest .tag{background:var(--bone);color:var(--night)}.deck.premium .tag{color:var(--marigold)}.age{background:var(--madder);color:var(--bone);font:900 17px/1 var(--display);letter-spacing:.02em;flex:none;padding:4px 6px;rotate:3deg}.deck .age{flex:none;order:-2}.age-ask{flex-direction:column;gap:16px;display:flex}.seal{--tilt:-10deg;background:var(--marigold);width:48px;height:48px;color:var(--night);font:900 17px/1 var(--display);letter-spacing:.02em;clip-path:polygon(50% 0%,59.1% 10%,71.7% 5%,75.6% 17.9%,89.1% 18.8%,86.9% 32.2%,98.7% 38.9%,91% 50%,98.7% 61.1%,86.9% 67.8%,89.1% 81.2%,75.6% 82.1%,71.7% 95%,59.1% 90%,50% 100%,40.9% 90%,28.3% 95%,24.4% 82.1%,10.9% 81.2%,13.1% 67.8%,1.3% 61.1%,9% 50%,1.3% 38.9%,13.1% 32.2%,10.9% 18.8%,24.4% 17.9%,28.3% 5%,40.9% 10%);transform:rotate(var(--tilt));place-items:center;display:grid}.deck .seal{flex:none;order:-1;margin:-6px -6px 0 auto}.seal svg{fill:none;stroke:currentColor;stroke-width:2.6px;width:22px;height:22px}.fan{flex:none;padding:0 6px;display:flex}.fan .house{box-shadow:0 0 0 2px var(--night);transform-origin:50% 160%}.fan .house+.house{margin-left:-22px}.fan .house:first-child{rotate:-14deg}.fan .house:last-child{rotate:14deg}button.decks-tab{flex-direction:column;gap:3px;padding:0 12px;position:relative}.decks-tab .fan{width:72px;padding:0}.decks-tab .fan .house{width:24px;height:16px}.decks-tab .fan .house+.house{margin-left:calc(48px / (var(--n) - 1) - 24px)}.decks-tab .new{--tilt:4deg;background:var(--bone);color:var(--night);font:900 17px/1 var(--display);letter-spacing:.02em;transform:rotate(var(--tilt));padding:3px 5px;position:absolute;top:-10px;right:-12px}.counter{flex-direction:column;gap:12px;padding-bottom:12px;display:flex}button.ticket{isolation:isolate;text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 14px;padding:18px 28px;display:grid;position:relative}button.ticket:before{content:"";z-index:-1;background:var(--bone);clip-path:polygon(0 0,100% 0,100% calc(50% - 10px),calc(100% - 10px) 50%,100% calc(50% + 10px),100% 100%,0 100%,0 calc(50% + 10px),10px 50%,0 calc(50% - 10px));position:absolute;inset:0}.ticket .fan .house{box-shadow:0 0 0 2px var(--bone)}.ticket-text{display:contents}.ticket strong{font:900 24px/1 var(--display)}.ticket-text span{font:500 17px/1.25 var(--text);letter-spacing:0;text-transform:none;grid-column:1/-1}.ticket .seal{grid-area:1/3}button.account-row{color:var(--bone);box-shadow:inset 0 2px var(--dim);background:0 0;justify-content:space-between;gap:16px;padding:0}.account-row .quiet{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 17px/1.25 var(--text);letter-spacing:0;text-transform:none;overflow:hidden}.account-check{flex-direction:row;align-items:center;gap:12px}.account-check input{width:24px;height:24px;min-height:24px;accent-color:var(--marigold);flex:0 0 24px;margin:0;padding:0}.tile .stance{color:var(--dim);font:900 17px/1 var(--display);letter-spacing:.2em;margin-bottom:6px;display:block}.brief .held .stance{font:inherit;color:var(--marigold)}.brief-screen{padding-left:56px}.brief{flex-direction:column;flex:1;display:flex}.brief .column{background:var(--bone);width:32px;position:fixed;top:0;bottom:0;left:0}.brief .zone{flex-direction:column;flex:1;justify-content:flex-end;gap:20px;padding-bottom:12dvh;display:flex}.brief .held{font:900 clamp(40px, 12vw, 56px) / .95 var(--display);text-transform:uppercase}.brief .tab{width:220px;height:64px;font-size:min(34px, 200px / var(--chars) / .7);text-align:center;white-space:nowrap;vertical-align:middle;margin:6px 0;padding:0 10px;line-height:64px;animation:none;display:inline-block;overflow:hidden;transform:none}.count{--tilt:0deg;font:900 clamp(96px, 41vw, 160px) / .85 var(--display);text-transform:uppercase}.count.words{text-align:center;font-size:clamp(56px,18vw,120px)}main.debate{--band:min(16vw, 72px);--rows:1;gap:0;min-height:100dvh;padding:0}.placard{flex-direction:column;flex:1 0 45dvh;min-height:280px;display:flex;container:placard/size}.tent{grid-template-rows:minmax(0, 1fr) minmax(calc(var(--band) + 16px), .18fr);text-align:center;flex:1;grid-template-columns:minmax(0,1fr);display:grid;container-type:size}.field{grid-area:1/1/-1;grid-template-rows:subgrid;animation:settle 0s var(--d) both;display:grid}@keyframes settle{to{opacity:.8}}.field i{grid-row:2}.side-a .tent{color:var(--night)}.side-a .field{background:var(--bone)}.side-a .field i,.colours.side-a>i{height:var(--band);background:var(--night);align-self:center}.side-b .field i,.colours.side-b>i{width:var(--band);background:var(--bone);justify-self:center}.tent .far,.tent .sitting-out,.tent .pole{grid-column:1;position:relative}.tent .far,.tent .sitting-out{padding:16px var(--right);flex-direction:column;grid-row:1;justify-content:center;align-items:center;gap:12px;display:flex}.tent .far{padding-bottom:calc(var(--top) + 16px);rotate:180deg}.tent .sitting-out{grid-row:1/-1}.tent .pole,.colours .pole{padding-left:var(--left);grid-area:2/1;align-items:center;display:flex}.pole .pennant{width:48px;height:64px}.tent .side,.colours .side{font:900 clamp(40px, min(26cqi, (100cqi - 32px) / var(--chars) / .66, (100cqb / var(--rows) - 100px) / var(--lines) / .85), 132px) / .85 var(--display);text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere}.tent .side{font-size:clamp(40px, min(30cqi, (100cqi - 32px) / var(--chars) / .66, (100cqb - 140px) / var(--lines) / .85), 160px)}.tent .name,.colours .name{font:900 34px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}@media (min-width:900px){.tent .far{rotate:none}}.owner{padding:16px var(--right) var(--bottom) var(--left);flex-direction:column;gap:10px;display:flex}.debate-meta{text-align:right;text-transform:uppercase;color:var(--dim);font-weight:800}.vote-proposal{flex-direction:column;gap:10px;min-height:100px;display:flex}.vote-proposal button{width:100%}.final-arguments{justify-content:center}.voting-in{font:900 clamp(24px, 7vw, 36px) / 1.1 var(--display)}.clock{flex-wrap:wrap;align-items:center;gap:10px 12px;min-height:48px;display:flex}.clock .bar{flex-basis:100%;order:-1}.clock .timer{font-size:44px}.clock .round{font:900 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-left:auto}.floor{flex-wrap:wrap;gap:8px 24px;display:flex}.camp{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.floor .camp{font:900 20px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}.camp .flag{width:30px;height:20px;margin-right:4px}.camp .pennant{width:15px;height:20px}.owner .line{font:600 20px/1.2 var(--serif)}main.vote{overflow:clip}.ballot{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media not (min-width:380px){.ballot.long{grid-template-columns:1fr}}.pick{min-height:104px;color:var(--bone);box-shadow:inset 0 0 0 2px var(--bone);text-align:left;background:0 0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:12px;container-type:inline-size}.pick>.pennant:first-child{margin-bottom:auto}.pick .who{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(17px,13.3333cqi - 3.2px,24px);overflow:hidden}.pick .camp{font:500 17px/1.2 var(--text);letter-spacing:0;text-transform:none;gap:8px}.pick .camp .flag{width:24px;height:16px;margin:0}main.reveal{--band:min(20vw, 96px);--rows:2.7;gap:0;padding:0;overflow-x:clip}.reveal h2{padding:calc(var(--top) + 12px) var(--right) 16px var(--left);order:-1;font-size:clamp(34px,10vw,48px);line-height:.9}main.reveal{padding-bottom:calc(var(--bottom) + 150px)}.reveal-actions{z-index:3;width:min(100%,30rem);padding:12px var(--right) var(--bottom) var(--left);background:var(--night);border-top:1px solid var(--dim);animation:pull .24s var(--out) both;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:0;left:max(0px,50% - 15rem)}.reveal-actions button{width:100%;min-height:52px}.nudge{position:relative}.nudge:after{content:"";box-shadow:0 0 0 3px var(--marigold);opacity:0;pointer-events:none;animation:ping 1.8s var(--out) var(--wait,8s) infinite;position:absolute;inset:0}@keyframes ping{0%{opacity:.9;transform:none}to{opacity:0;transform:scale(1.06,1.4)}}.reveal-actions>p:first-child{align-items:center;gap:12px;display:flex}.fleet{padding:0 var(--right) 16px var(--left);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;display:grid}.fleet .column{container-type:inline-size}.column .camp{font:900 clamp(17px, 100cqi / var(--chars) / .7, 20px) / 1 var(--display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}.column ul{flex-direction:column;gap:8px;display:flex}.ship{min-height:80px;box-shadow:inset 0 0 0 2px var(--bone);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 8px;padding:12px;display:grid;container-type:inline-size}.ship .who{font:900 clamp(17px, (100cqi - 53px) / 7.5, 22px) / 1 var(--display);letter-spacing:.02em;text-transform:uppercase;grid-column:1/-1;align-items:center;gap:8px;display:flex}.ship .who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ship .who .pennant{width:21px;height:28px}.ship .voters{flex-wrap:wrap;gap:4px;min-height:20px;display:flex}.ship .voters .pennant{--from:160%;width:15px;height:20px;animation:pull .14s var(--out) var(--run) both}.ship .count{font:900 34px/.8 var(--display);font-variant-numeric:tabular-nums;animation:cut 0s var(--run) both}.sat{padding:0 var(--right) var(--bottom) var(--left);color:var(--dim)}.stamp{--tilt:-3deg;background:var(--bone);color:var(--night);font:900 24px/1 var(--display);letter-spacing:.04em;text-align:center;text-transform:uppercase;overflow-wrap:break-word;padding:8px 12px;box-shadow:inset 0 0 0 3px}.stamp.truth{color:var(--madder)}.false .stamp{z-index:1;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 16px);height:-moz-fit-content;height:fit-content;margin:auto;position:absolute;inset:0}.ship .stamp{letter-spacing:.01em;grid-area:2/1/3/-1;place-self:end center;margin:0 -8px;padding:6px 8px}.colours .stamp{padding:12px 20px;font-size:clamp(32px,10vw,48px);box-shadow:inset 0 0 0 4px}.colours.false .stamp{padding:.12em .2em .04em;font-size:min(30vw,168px);box-shadow:inset 0 0 0 .06em}.turn{flex:1;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);display:grid;overflow:clip}.turn .frame{grid-area:1/1;display:grid;overflow:clip}.turn .false{box-shadow:inset 0 0 0 3px var(--bone);animation:draw .6s var(--out) var(--pull) both, strike .22s var(--in) var(--d) both;grid-area:1/1/-1}.colours{--rows:2.7;grid-template-rows:1fr minmax(calc(var(--band) + 32px), .7fr) 1fr;text-align:center;grid-template-columns:minmax(0,1fr);display:grid;position:relative;container-type:size}.colours.side-a{background:var(--bone);color:var(--night)}.colours.side-b{background:var(--night);color:var(--bone)}.colours>i{grid-area:2/1}.colours .over,.colours .under{padding:12px var(--right);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.colours .over{grid-area:1/1}.colours .under{grid-area:3/1}.turn .verdict{padding:20px var(--right) var(--bottom) var(--left);flex-direction:column;grid-area:2/1;gap:12px;display:flex}.verdict .call{font:900 clamp(40px, 12vw, 64px) / .9 var(--display);text-transform:uppercase;text-wrap:balance}.verdict .turned{font:600 20px/1.25 var(--serif)}.points{padding:0 var(--right) var(--bottom) var(--left);flex-direction:column;gap:20px;display:flex}.points li{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px 12px;display:grid}.points .pennant{grid-row:span 2;width:30px;height:40px}.points .who{font:900 24px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.points .tabs{flex-wrap:wrap;gap:8px;display:flex}.point{background:var(--bone);color:var(--night);font:900 18px/1.1 var(--display);letter-spacing:.03em;text-transform:uppercase;padding:6px 10px}.ranked{overflow:clip}.ranked li{animation:pull .36s var(--out) var(--d) both;grid-template-rows:auto 6px;grid-template-columns:30px minmax(0,1fr) auto minmax(3ch,auto);align-items:center;gap:8px 12px;padding:10px 0;display:grid}.ranked .pennant{grid-row:1/3;width:30px;height:40px}.ranked .who{font:900 22px/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;flex-direction:column;gap:2px;display:flex}.ranked .who>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranked .title{color:var(--dim);letter-spacing:.04em;font-size:17px}.ranked .score{font:900 34px/1 var(--display);font-variant-numeric:tabular-nums}.ranked .delta{text-align:right}.ranked .delta b{background:var(--bone);color:var(--night);font:900 20px/1 var(--display);padding:4px 6px;display:inline-block}.reach{width:calc(var(--of) * 100%);transform-origin:0;height:6px;animation:haul .5s var(--out) var(--d) both;background:currentColor;grid-area:2/2/auto/-1}main.end{overflow-x:clip}.win{flex-direction:column;justify-content:space-between;gap:20px;min-height:30dvh;padding-left:12px;display:flex;position:relative;overflow:clip}.halyard{background:var(--bone);width:4px;position:absolute;top:0;bottom:0;left:8px}.win .flown{gap:8px;display:flex}.win .pennant{--from:400%;width:min(72px, 100% / var(--n) - 8px);aspect-ratio:3/4;height:auto}.win p{font:900 clamp(48px, 16vw, 88px) / .88 var(--display);text-transform:uppercase;overflow-wrap:anywhere;padding-left:12px}.win.many p{font-size:34px}.win small{color:var(--marigold);letter-spacing:.04em;margin-top:8px;font-size:24px;display:block}.drop{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:clip}@keyframes fall{0%{translate:0}to{translate:0 calc(100vh + 192px)}}.drop .pennant{width:36px;height:48px;animation:fall var(--t) var(--in) var(--d) both;position:absolute;top:-96px}.award{background:var(--bone);color:var(--night);flex-direction:column;gap:6px;padding:20px;transition:scale 90ms linear;display:flex}.award.won{background:var(--marigold)}.award>.pennant{width:36px;height:48px;position:absolute;top:0;right:20px}.award .cloth{stroke:var(--night)}.award .quiet{color:inherit;font:900 20px/1 var(--display);text-transform:uppercase}.award h2{font-size:clamp(44px,14vw,64px);line-height:.88}.award:active{scale:.98}.brag-tap{z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;min-height:0;padding:0;position:absolute;inset:0}.brag-tap:active:not(:disabled){transform:none}.brag-tab{background:var(--night);color:var(--bone);font:900 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;align-self:flex-end;align-items:center;gap:8px;margin:4px -8px -8px 0;padding:10px 14px;display:flex}.brag-card{aspect-ratio:4/5;align-self:center;height:min(34dvh,300px)}.reconnecting{z-index:5;padding:14px var(--right) max(14px, env(safe-area-inset-bottom)) var(--left);background:var(--marigold);color:var(--night);font:900 20px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;text-align:center;position:fixed;bottom:0;left:0;right:0}main:has(~.reconnecting){padding-bottom:calc(var(--bottom) + 48px)}main.reveal:has(~.reconnecting){padding-bottom:calc(var(--bottom) + 198px)}main:has(~.reconnecting)>:is(.dock,.reveal-actions){bottom:calc(34px + max(14px, env(safe-area-inset-bottom)))}.room-status{width:100%;max-width:30rem;padding:12px var(--right) 12px var(--left);color:var(--marigold);font:900 20px/1 var(--display);text-transform:uppercase;margin:0 auto}.tool-actions{flex-direction:column;gap:12px;display:flex}.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair button{padding:0 10px;font-size:18px;line-height:1.05}@keyframes flick{0%{transform:perspective(160px)rotateX(-720deg)}}.roster .pennant.spin{animation:flick .48s var(--out) both}@media (min-width:900px){main.lobby{grid-template-rows:repeat(4,auto) 1fr;grid-template-columns:minmax(0,1fr) minmax(0,30rem);gap:16px 64px;max-width:1120px;display:grid}.lobby>*{grid-column:2}.lobby>.billboard{grid-area:1/1/-1}.lobby>.actions{align-self:end}}.billboard{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.billboard .code{font-size:min(15vw,190px)}.billboard canvas{aspect-ratio:1;background:var(--bone);width:min(100%,44dvh,340px);image-rendering:pixelated}.pennant.big{width:96px;height:128px}.struck{border-left:var(--seam) solid var(--dim);width:136px;height:176px;position:relative}.struck .ensign{--from:-88px;width:132px;animation:pull .26s var(--in) .16s both;position:absolute;bottom:0;left:0}.app-store-marks{justify-content:center;align-items:center;gap:5px;display:inline-flex}.app-store-marks img{object-fit:contain;flex:none;width:19px;height:19px}.app-store-marks img:only-child{width:24px;height:24px}button.app-door{color:var(--bone)}button.app-menu-row{width:100%}.get-app{flex-direction:column;align-items:center;gap:16px;padding-bottom:8px;display:flex}.get-app-title{justify-content:center;align-items:center;gap:14px;display:flex}.get-app-title img{width:56px;height:56px;display:block}.get-app-title h2{font-size:32px}.get-app>p{text-align:center}.app-store-options{grid-template-columns:1fr;justify-content:center;gap:8px;width:100%;display:grid}.app-store-option{flex-direction:column;align-items:center;display:flex}.app-store-badge{justify-content:center;align-items:center;width:188px;min-height:72px;display:flex}.app-store-badge img{width:188px;height:auto;display:block}.app-store-badge.ios img{width:144px}.app-store-qr{display:none}@media (min-width:900px) and (pointer:fine){.get-app{gap:20px;padding:8px 0 12px}.app-store-options{grid-template-columns:repeat(var(--stores), minmax(0, 1fr));gap:12px}.app-store-qr{visibility:hidden;width:176px;height:176px;image-rendering:pixelated;display:block}.app-store-qr.ready{visibility:visible}}
