:root{--color-cream: #FCEEDD;--color-lavender: #FFF6FA;--color-dogwood: #F8D8D8;--color-blush: #F8ADB5;--color-mist: #A5D4DC;--color-azure: #415A80;--color-pear: #7B3638;--color-ink: #2B1B1C;--color-azure-light: #7D93B8;--color-pear-light: #B5646A;--color-mist-dark: #5E9EAA;--color-blush-dark: #D9707E;--font-family: "Unbounded", "Noto Color Emoji", system-ui, sans-serif;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-body: 1.25;--line-height-display: 1.1;--text-display-size: 32px;--text-display-weight: 700;--text-display-line: 1.1;--text-h1-size: 24px;--text-h1-weight: 700;--text-h1-line: 1.1;--text-h2-size: 18px;--text-h2-weight: 700;--text-h2-line: 1.25;--text-body-size: 16px;--text-body-weight: 400;--text-body-line: 1.25;--text-small-size: 13px;--text-small-weight: 400;--text-small-line: 1.25;--radius-card: 14px;--radius-button: 10px;--outline-card: 3px;--transition-max: .6s}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-Variable.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--gutter: 16px;--tap: 48px;--focus-ring: 3px;--sticker-drop: 4px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--fast: .14s;--medium: .3s}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-cream);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--color-cream);color:var(--color-ink);font-family:var(--font-family);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word;word-break:normal}h1,h2,h3,p,ul,ol,figure,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}button,input,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}img,canvas,svg{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:var(--focus-ring) solid var(--color-azure);outline-offset:3px}.display{font-size:var(--text-display-size);font-weight:var(--text-display-weight);line-height:var(--text-display-line);color:var(--color-pear)}.title{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line);color:var(--color-azure)}.subtitle{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line);color:var(--color-azure)}.lead{font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--color-ink)}.caption{display:block;font-size:var(--text-body-size);line-height:1.35;color:var(--color-ink)}.note-line,.field-hint,.count{font-size:var(--text-small-size);line-height:var(--text-small-line);color:var(--color-ink)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:var(--gutter);top:-80px;z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-azure);color:var(--color-lavender);font-weight:var(--font-weight-bold);border-radius:var(--radius-button)}.skip:focus{top:var(--space-2)}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:520px;margin:0 auto;background:var(--color-cream)}.screen-slot,.screen{display:flex;flex:1;flex-direction:column;min-width:0}.screen-slot{animation:screen-in var(--medium) var(--ease-out) both}.screen-body{display:flex;flex:1;flex-direction:column;gap:var(--space-5);padding:var(--space-5) max(var(--gutter),env(safe-area-inset-right)) var(--space-6) max(var(--gutter),env(safe-area-inset-left));outline:none}.screen-foot{position:sticky;bottom:0;z-index:4;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) max(var(--gutter),env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:var(--color-cream);border-top:var(--outline-card) solid var(--color-ink)}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-3)}.intro{display:flex;flex-direction:column;gap:var(--space-2)}.foot-note{text-align:center}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.geo-fill-cream{fill:var(--color-cream)}.geo-fill-lavender{fill:var(--color-lavender)}.geo-fill-dogwood{fill:var(--color-dogwood)}.geo-fill-blush{fill:var(--color-blush)}.geo-fill-mist{fill:var(--color-mist)}.geo-fill-azure{fill:var(--color-azure)}.geo-fill-pear{fill:var(--color-pear)}.geo-fill-ink{fill:var(--color-ink)}.geo-fill-azure-light{fill:var(--color-azure-light)}.geo-fill-pear-light{fill:var(--color-pear-light)}.geo-fill-mist-dark{fill:var(--color-mist-dark)}.geo-fill-blush-dark{fill:var(--color-blush-dark)}.geo-stop-cream{stop-color:var(--color-cream)}.geo-stop-lavender{stop-color:var(--color-lavender)}.geo-stop-dogwood{stop-color:var(--color-dogwood)}.geo-stop-blush{stop-color:var(--color-blush)}.geo-stop-mist{stop-color:var(--color-mist)}.geo-stop-azure{stop-color:var(--color-azure)}.geo-stop-pear{stop-color:var(--color-pear)}.geo-stop-azure-light{stop-color:var(--color-azure-light)}.geo-stop-pear-light{stop-color:var(--color-pear-light)}.geo{display:block;width:100%;height:100%;background:var(--color-dogwood)}.geo-grain{fill:var(--color-ink);opacity:.22;mix-blend-mode:multiply;pointer-events:none}.avatar{display:block;flex:none;overflow:visible}.avatar-sm{width:36px;height:36px}.avatar-md{width:48px;height:48px}.avatar-lg{width:72px;height:72px}.avatar-xl{width:104px;height:104px}.avatar-shape{stroke:var(--color-ink);stroke-width:5;stroke-linejoin:round;paint-order:stroke fill}.avatar-emoji{font-family:var(--font-family);fill:var(--color-ink)}.icon{flex:none;width:1.4em;height:1.4em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.card{background:var(--color-lavender);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:0 var(--sticker-drop) 0 var(--color-ink);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:56px;padding:var(--space-3) var(--space-5);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-button);box-shadow:0 var(--sticker-drop) 0 var(--color-ink);font-size:var(--text-body-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);text-align:center;white-space:normal;transition:transform var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out),background-color var(--fast) linear}.btn-block{display:flex;width:100%}.btn-text{display:flex;flex-direction:column;gap:2px;min-width:0}.btn-note{font-size:var(--text-small-size);font-weight:var(--font-weight-regular)}.btn-primary{background:var(--color-azure);color:var(--color-lavender)}.btn-secondary{background:var(--color-lavender);color:var(--color-azure)}.btn-danger{background:var(--color-pear);color:var(--color-lavender)}.btn-quiet{min-height:var(--tap);padding:var(--space-2) var(--space-3);background:transparent;border-color:transparent;box-shadow:none;color:var(--color-azure);text-decoration:underline;text-underline-offset:3px}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--color-ink)}.btn-quiet:active:not(:disabled){transform:none;box-shadow:none}.btn:disabled{background:var(--color-dogwood);color:var(--color-azure);border-style:dashed;box-shadow:none;transform:translateY(var(--sticker-drop))}.icon-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);padding:0;background:var(--color-lavender);color:var(--color-azure);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-button);transition:transform var(--fast) var(--ease-out)}.icon-btn:active{transform:scale(.94)}.icon-btn-danger{color:var(--color-pear)}.form{display:flex;flex-direction:column;gap:var(--space-5)}.card.form{padding:var(--space-4) var(--space-3) var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-body-size);font-weight:var(--font-weight-bold);color:var(--color-azure)}.field-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.field-error{font-size:var(--text-small-size);font-weight:var(--font-weight-semibold);color:var(--color-pear)}.field-error:before{content:"! ";font-weight:var(--font-weight-bold)}.counter{flex:none;font-size:var(--text-small-size);color:var(--color-ink);font-variant-numeric:tabular-nums}.counter-over{font-weight:var(--font-weight-bold);color:var(--color-pear);text-decoration:underline}.input{width:100%;min-height:56px;padding:var(--space-3) var(--space-4);background:var(--color-cream);color:var(--color-ink);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-button);font-size:var(--text-body-size);appearance:none}.input::placeholder{color:var(--color-azure);opacity:1}.input[aria-invalid=true]{border-color:var(--color-pear);border-style:dashed}.input:disabled{background:var(--color-dogwood)}.input-code{padding-left:calc(var(--space-4) + .35em);font-size:var(--text-display-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:.35em;text-align:center;text-transform:uppercase;color:var(--color-pear)}.textarea{min-height:132px;resize:vertical;line-height:1.35}.form-actions{display:flex;flex-direction:column;gap:var(--space-4)}.picker{gap:var(--space-2)}.picker .field-label{margin-bottom:var(--space-2)}.picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:var(--space-2)}.picker-option{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;aspect-ratio:1;padding:0;background:var(--color-cream);border:var(--outline-card) solid transparent;border-radius:var(--radius-card);transition:transform var(--medium) var(--ease-pop),background-color var(--fast) linear}.picker-emoji{font-size:26px;line-height:1}.picker-option[aria-checked=true]{background:var(--color-blush);border-color:var(--color-ink);transform:rotate(-5deg) scale(1.08);z-index:1}.picker-check{position:absolute;right:-7px;bottom:-7px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-azure);color:var(--color-lavender);border:2px solid var(--color-ink);border-radius:50%;font-size:10px}.alert{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-pear);color:var(--color-lavender);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-button);font-weight:var(--font-weight-semibold)}.alert>span{flex:1;min-width:12ch}.alert-soft{background:var(--color-mist);color:var(--color-ink)}.alert-soft .btn-quiet{color:var(--color-ink)}.lang{display:inline-flex;padding:3px;gap:3px;background:var(--color-cream);border:var(--outline-card) solid var(--color-ink);border-radius:999px}.lang-option{min-width:48px;min-height:44px;padding:0 var(--space-3);background:transparent;color:var(--color-azure);border:0;border-radius:999px;font-size:var(--text-small-size);font-weight:var(--font-weight-bold)}.lang-option[aria-pressed=true]{background:var(--color-azure);color:var(--color-lavender);text-decoration:underline;text-underline-offset:3px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-cream);color:var(--color-ink);border:2px solid var(--color-ink);border-radius:999px;font-size:var(--text-small-size);font-weight:var(--font-weight-semibold);line-height:1.2}.badge .icon{width:1.1em;height:1.1em}.badge-strong{background:var(--color-pear);color:var(--color-lavender)}.players{display:flex;flex-direction:column;gap:var(--space-2)}.player{display:flex;align-items:center;gap:var(--space-3);min-height:68px;padding:var(--space-2) var(--space-3);background:var(--color-dogwood);border:var(--outline-card) solid transparent;border-radius:var(--radius-card)}.player-me{background:var(--color-lavender);border-color:var(--color-ink)}.player-highlight{background:var(--color-blush);border-color:var(--color-pear)}.player-offline .avatar{opacity:.45}.player-main{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0}.player-name{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line);color:var(--color-ink);overflow-wrap:anywhere}.player-you{font-size:var(--text-small-size);font-weight:var(--font-weight-regular)}.player-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.player-badges:empty{display:none}.player-trailing{flex:none}.score{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-ink)}.score-stack{flex-direction:column;align-items:flex-end;gap:0;text-align:right}.score-total{min-width:1.5em;font-size:var(--text-h1-size);font-weight:var(--font-weight-bold);text-align:right;font-variant-numeric:tabular-nums}.score-delta{padding:2px var(--space-2);background:var(--color-pear);color:var(--color-lavender);border-radius:999px;font-size:var(--text-small-size);font-weight:var(--font-weight-bold);animation:pop var(--medium) var(--ease-pop) both}.rank{font-size:var(--text-small-size);font-weight:var(--font-weight-bold)}.score-points{font-size:var(--text-small-size)}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:max(var(--space-2),env(safe-area-inset-top)) max(var(--space-3),env(safe-area-inset-right)) var(--space-2) max(var(--space-3),env(safe-area-inset-left));background:var(--color-cream);border-bottom:var(--outline-card) solid var(--color-ink)}.topbar-id{display:flex;flex:1;align-items:center;gap:var(--space-2);min-width:0}.topbar-eye{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-mist);color:var(--color-ink);border:2px solid var(--color-ink);border-radius:50%}.topbar-text,.topbar-room{display:flex;flex-direction:column;min-width:0}.topbar-room{flex:none;align-items:flex-end;text-align:right}.topbar-name,.topbar-code{font-size:var(--text-small-size);font-weight:var(--font-weight-bold);color:var(--color-ink);overflow-wrap:anywhere}.topbar-code{color:var(--color-pear)}.topbar-meta{font-size:var(--text-small-size);color:var(--color-ink)}.menu{display:flex;flex-direction:column;gap:var(--space-4)}.menu-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.countdown{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) max(var(--gutter),env(safe-area-inset-right)) var(--space-3) max(var(--gutter),env(safe-area-inset-left));background:var(--color-cream);border-bottom:var(--outline-card) solid var(--color-ink)}.countdown-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-small-size);color:var(--color-ink)}.countdown-label{display:inline-flex;align-items:center;gap:var(--space-1)}.countdown-seconds{font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.countdown-track{height:16px;overflow:hidden;background:var(--color-lavender);border:var(--outline-card) solid var(--color-ink);border-radius:999px}.countdown-bar{display:block;width:100%;height:100%}.countdown-fill{fill:var(--color-mist)}.countdown-warning .countdown-fill{fill:var(--color-pear)}.countdown-warning .countdown-label,.countdown-warning .countdown-seconds{font-weight:var(--font-weight-bold);color:var(--color-pear)}.countdown-warning .countdown-label .icon{animation:shake .5s var(--ease-out) infinite}.countdown-paused .countdown-fill{fill:var(--color-azure-light)}.dialog-layer,.overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center}.dialog-backdrop,.overlay:before{position:absolute;inset:0;background:var(--color-ink);opacity:.6;animation:fade-in var(--medium) linear both}.overlay:before{content:""}.dialog{position:relative;display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:520px;max-height:92vh;max-height:92dvh;overflow-y:auto;padding:var(--space-5) max(var(--gutter),env(safe-area-inset-right)) calc(var(--space-5) + env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:var(--color-lavender);border:var(--outline-card) solid var(--color-ink);border-bottom:0;border-radius:24px 24px 0 0;outline:none;animation:sheet-in var(--medium) var(--ease-out) both}.dialog-title{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line);color:var(--color-azure)}.dialog-body,.dialog-actions{display:flex;flex-direction:column;gap:var(--space-4)}.overlay{z-index:40;align-items:center;padding:var(--gutter)}.overlay-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:360px;padding:var(--space-6) var(--space-5);background:var(--color-lavender);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:0 6px 0 var(--color-ink);text-align:center;animation:pop var(--medium) var(--ease-pop) both}.overlay-icon,.stage-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:72px;height:72px;background:var(--color-mist);color:var(--color-ink);border:var(--outline-card) solid var(--color-ink);border-radius:50%;font-size:26px}.overlay-paused .overlay-icon{background:var(--color-blush);border-radius:var(--radius-card)}.overlay-title{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line);color:var(--color-azure)}.overlay-body{color:var(--color-ink)}.overlay-dots{display:block;width:54px;height:12px;background-image:radial-gradient(circle closest-side,var(--color-azure) 90%,transparent);background-size:18px 12px;background-repeat:repeat-x;animation:dots 1.2s steps(4,jump-none) infinite}.toasts{position:fixed;top:max(var(--space-3),env(safe-area-inset-top));left:50%;z-index:50;display:flex;flex-direction:column;gap:var(--space-2);width:min(100% - 2 * var(--gutter),488px);transform:translate(-50%)}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-pear);color:var(--color-lavender);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-button);box-shadow:0 var(--sticker-drop) 0 var(--color-ink);font-weight:var(--font-weight-semibold);animation:toast-in var(--medium) var(--ease-pop) both}.toast-text{flex:1;min-width:0}.toast-close{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;color:var(--color-lavender);border:0;border-radius:var(--radius-button)}.toast-close:focus-visible{outline-color:var(--color-lavender);outline-offset:-3px}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}@keyframes dots{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}:root{--card-margin: 8px;--card-line: 1.5px;--card-pic-radius: calc(var(--radius-card) - var(--card-margin) / 2);--card-edge: var(--color-ink);--card-shadow: 0 3px 0 var(--color-dogwood);--card-shadow-lift: 0 7px 0 var(--color-dogwood);--deal: .36s;--deal-step: 40ms;--flip: .5s;--settle: .55s}@supports (color: color-mix(in srgb,currentColor 50%,transparent)){:root{--card-edge: color-mix(in srgb, var(--color-ink) 58%, transparent);--card-shadow: 0 1px 2px color-mix(in srgb, var(--color-ink) 20%, transparent), 0 6px 14px color-mix(in srgb, var(--color-ink) 28%, transparent);--card-shadow-lift: 0 2px 4px color-mix(in srgb, var(--color-ink) 14%, transparent), 0 16px 28px color-mix(in srgb, var(--color-ink) 26%, transparent)}}.pcard{position:relative;isolation:isolate;display:block;padding:var(--space-4);background:var(--color-lavender);color:var(--color-ink);border:var(--card-line) solid var(--card-edge);border-radius:var(--radius-card);box-shadow:var(--card-shadow)}.pcard:after{content:"";position:absolute;inset:calc(-1 * var(--card-line));z-index:-1;border-radius:inherit;box-shadow:var(--card-shadow-lift);opacity:0;pointer-events:none;transition:opacity var(--medium) var(--ease-out)}.pcard-photo{padding:var(--card-margin)}.cards{display:flex;flex-direction:column;gap:var(--space-3)}.cards-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3);align-items:start}.choice{--tilt: 0deg;width:100%;min-height:64px;text-align:left;transform:rotate(var(--tilt));transition:transform var(--medium) var(--ease-pop),background-color var(--fast) linear}.cards>.choice:nth-child(odd){--tilt: -.6deg}.cards>.choice:nth-child(2n){--tilt: .6deg}.cards-photos>.choice:nth-child(odd){--tilt: -1.3deg}.cards-photos>.choice:nth-child(2n){--tilt: 1.3deg}.choice-content{display:block}.choice:active:not(:disabled){transform:translateY(-3px) rotate(var(--tilt))}.choice-selected,.choice-selected:active:not(:disabled){z-index:1;background:var(--color-blush);border-color:var(--color-pear);transform:translateY(-6px) rotate(calc(var(--tilt) * -1)) scale(1.02)}.choice-selected:after,.choice:active:not(:disabled):after{opacity:1}.choice:disabled{background:var(--color-dogwood);border-style:dashed;border-color:var(--color-ink);box-shadow:none}.choice-selected:disabled{background:var(--color-blush);border-color:var(--color-pear)}.choice:disabled:after{opacity:0}.choice-check{position:absolute;top:-10px;right:-8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-azure);color:var(--color-lavender);border:var(--outline-card) solid var(--color-ink);border-radius:50%;animation:pop var(--medium) var(--ease-pop) both}.choice-tag{display:inline-block;margin-top:var(--space-2);padding:2px var(--space-2);background:var(--color-pear);color:var(--color-lavender);border-radius:999px;font-size:var(--text-small-size);font-weight:var(--font-weight-bold)}.pcard-photo>.choice-tag{position:absolute;top:calc(var(--card-margin) + var(--space-1));right:calc(var(--card-margin) + var(--space-1));z-index:2;margin-top:0}.pcard-window{position:relative;display:block;width:100%;border-radius:var(--card-pic-radius)}.pcard-window-card{aspect-ratio:3 / 4}.pcard-window-square{aspect-ratio:1}.pcard-pic{position:absolute;inset:0;display:block;margin:auto;border-radius:var(--card-pic-radius);outline:1px solid var(--card-edge);outline-offset:-1px;transition:opacity var(--medium) linear}.pcard-pic-wide{width:100%;height:auto;max-height:100%}.pcard-pic-tall{width:auto;max-width:100%;height:100%}.pcard-pic-wait{width:100%;height:100%;object-fit:contain;opacity:0}.pcard-pic-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:var(--color-dogwood);color:var(--color-ink);border-radius:var(--card-pic-radius);font-size:var(--text-small-size);text-align:center}.meme,.meme-pic{display:block}.meme-canvas,.meme-hold{display:block;width:100%;height:auto;border-radius:var(--card-pic-radius)}.meme-canvas{outline:1px solid var(--card-edge);outline-offset:-1px}.meme-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-3);align-items:center}.meme-window{display:flex;align-items:center;justify-content:center}@supports (width: 1cqw){.meme-window{aspect-ratio:3 / 4;container-type:size}.meme-window .meme-pic{flex:none}.meme-window .meme-canvas,.meme-window .meme-hold{width:auto;max-width:100cqw;max-height:100cqh}}.meme-text{display:flex;flex-direction:column;gap:var(--space-2)}.pcard-photo .meme-text{padding:var(--space-2)}.pcard-photo .meme-split .meme-text{padding:0 var(--space-2) 0 0}.meme-text-alt{font-size:var(--text-small-size);color:var(--color-azure)}.meme-text-caption{font-size:var(--text-body-size);line-height:1.35;color:var(--color-ink)}.memes{display:flex;flex-direction:column;gap:var(--space-5)}.meme-card{display:flex;flex-direction:column;gap:var(--space-3)}.memes>.meme-card:nth-child(odd){transform:rotate(-.8deg)}.memes>.meme-card:nth-child(2n){transform:rotate(.8deg)}.meme-card>.btn{width:auto;margin:0 var(--space-1) var(--space-2)}.meme-card>.field-error{margin:0 var(--space-1) var(--space-2)}.meme-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:0 var(--space-2) var(--space-2);font-size:var(--text-small-size);color:var(--color-ink)}.meme-meta:empty{display:none}.played{display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-blush);border-color:var(--color-pear);transform:rotate(-1deg);animation:card-deal var(--deal) var(--ease-out) backwards}.played-label{font-size:var(--text-small-size);font-weight:var(--font-weight-bold);color:var(--color-pear)}.pcard-photo>.played-label{padding:var(--space-1) var(--space-2) 0}.prompt{display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(var(--color-mist),var(--color-mist)) top / 100% 6px no-repeat,var(--color-lavender)}.prompt.pcard-photo{padding-top:calc(var(--card-margin) + 6px)}.prompt-caption{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.prompt-label{min-width:0;font-size:var(--text-small-size)}.prompt-text{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line)}.prompt .pcard-window{flex:none;width:104px}.prompt-icon{display:inline-flex;flex:none;font-size:22px}.pcard-window>.prompt-icon{position:absolute;inset:0;align-items:center;justify-content:center;background:var(--color-dogwood);border-radius:var(--card-pic-radius)}.card-back{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--color-pear);border-radius:var(--card-pic-radius)}.card-back-art{position:absolute;inset:0}.card-back:after{content:"";position:absolute;inset:4px;border:var(--card-line) solid var(--color-lavender);border-radius:calc(var(--card-pic-radius) - 3px);pointer-events:none}.flip{position:relative;display:block}.flip-body,.flip-front{display:block}.flip-body{position:relative}.flip-3d{perspective:800px}.flip-3d>.flip-body{transform-style:preserve-3d;transition:transform var(--flip) var(--ease-out)}.flip-down>.flip-body{transform:rotateY(180deg)}.flip-3d>.flip-body>.flip-front,.flip-back{-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-back{position:absolute;inset:0;display:block;transform:rotateY(180deg)}.pile{display:flex;justify-content:center;padding:var(--space-2) 0 var(--space-3) 14px}.pile-card{--tilt: -5deg;flex:none;width:48px;aspect-ratio:5 / 7;margin-left:-14px;padding:3px;background:var(--color-lavender);border:var(--card-line) solid var(--card-edge);border-radius:8px;box-shadow:var(--card-shadow);transform:rotate(var(--tilt))}.pile-card:nth-child(4n+2){--tilt: 4deg}.pile-card:nth-child(4n+3){--tilt: -1.5deg}.pile-card:nth-child(4n+4){--tilt: 7deg}.pile-card .card-back{border-radius:5px}.pile-card .card-back:after{inset:2px;border-width:1px;border-radius:3px}.deal{animation:card-deal var(--deal) var(--ease-out) backwards}.deal-1{animation-delay:calc(1 * var(--deal-step))}.deal-2{animation-delay:calc(2 * var(--deal-step))}.deal-3{animation-delay:calc(3 * var(--deal-step))}.deal-4{animation-delay:calc(4 * var(--deal-step))}.deal-5{animation-delay:calc(5 * var(--deal-step))}.deal-6{animation-delay:calc(6 * var(--deal-step))}.settle{animation:card-settle var(--settle) var(--ease-out) backwards}@keyframes card-deal{0%{opacity:0;transform:translateY(56px) rotate(8deg) scale(.92)}}@keyframes card-settle{0%{opacity:0;transform:translateY(-24px) rotate(-5deg) scale(1.08)}55%{opacity:1;transform:translateY(3px) rotate(.8deg) scale(.99)}80%{transform:translateY(-1px) rotate(-.3deg) scale(1.004)}}@media(prefers-reduced-motion:reduce){.pcard,.pcard:after,.choice,.choice-check,.played,.deal,.settle,.pile-card,.pcard-pic,.flip-body,.flip-3d>.flip-body{animation:none!important;transition:none!important}}.hero{position:relative;flex:none;height:clamp(172px,48vw,236px);margin-bottom:26px;border-bottom:var(--outline-card) solid var(--color-ink)}.hero-short{height:clamp(120px,32vw,160px)}.hero-pattern{position:absolute;inset:0}.hero-tools{position:absolute;top:max(var(--space-3),env(safe-area-inset-top));right:max(var(--space-3),env(safe-area-inset-right))}.hero-plate{position:absolute;right:var(--gutter);bottom:-26px;left:var(--gutter);padding:var(--space-3) var(--space-4);background:var(--color-cream);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:0 var(--sticker-drop) 0 var(--color-ink);text-align:center;transform:rotate(-1.5deg);animation:plate-in .5s var(--ease-pop) both}.wordmark{font-size:clamp(22px,7.4vw,var(--text-display-size));font-weight:var(--text-display-weight);line-height:var(--text-display-line);color:var(--color-pear)}.wordmark-small{font-size:var(--text-h1-size)}.join .screen-body,.gameover .screen-body{padding-top:var(--space-5)}.strip{flex:none;aspect-ratio:6 / 1;border-bottom:var(--outline-card) solid var(--color-ink)}.me-card{display:flex;align-items:center;gap:var(--space-4)}.me-card-text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.me-card-name{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--color-pear);overflow-wrap:anywhere}.me-card .avatar{animation:pop .5s var(--ease-pop) both}.blockers{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-mist);color:var(--color-ink);border:var(--outline-card) dashed var(--color-ink);border-radius:var(--radius-button);font-size:var(--text-small-size)}.blockers-title{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold)}.blockers ul{display:flex;flex-direction:column;gap:var(--space-1)}.extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.notice{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);text-align:center}.notice-judge .stage-icon,.notice-judgePicking .stage-icon{background:var(--color-blush)}.stage{position:relative;align-items:center;justify-content:center;min-height:72vh;padding:var(--space-6) var(--gutter);overflow:hidden}.stage-pattern{position:absolute;inset:0}.stage-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:340px;padding:var(--space-6) var(--space-5);background:var(--color-cream);box-shadow:0 6px 0 var(--color-ink);text-align:center;animation:plate-in .5s var(--ease-pop) both}.stage-icon-bounce{background:var(--color-blush);animation:nod 1.8s var(--ease-out) .5s infinite}.banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);background:var(--color-dogwood);border:var(--outline-card) solid var(--color-ink);border-radius:var(--radius-card);box-shadow:0 var(--sticker-drop) 0 var(--color-ink);text-align:center}.banner .title{color:var(--color-pear)}.banner-win{background:var(--color-pear)}.banner-win .title,.banner-win .banner-note{color:var(--color-lavender)}.banner-avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.banner-avatars:empty,.banner-tags:empty{display:none}.banner-avatars .avatar{animation:pop .5s var(--ease-pop) both}.banner-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-small-size);color:var(--color-ink)}.score-card{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.score-line{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);color:var(--color-azure)}.score-gain{font-weight:var(--font-weight-bold);color:var(--color-pear)}@keyframes plate-in{0%{opacity:0;transform:rotate(-6deg) scale(.85)}}@keyframes nod{0%,60%,to{transform:none}15%{transform:translateY(-8px) rotate(-6deg)}35%{transform:translateY(0) rotate(4deg)}}