@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.tile-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--tap-min);height:calc(var(--tap-min) * 1.28);padding:0 0 3px;border:1px solid rgb(0 0 0 / 32%);border-radius:var(--radius-sm);background:var(--tile-face);color:var(--tile-ink);font-size:1.375rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.tile-btn__face{pointer-events:none}.tile-btn:after{content:"";position:absolute;inset:auto 5px 4px;height:3px;border-radius:2px;background:currentColor;opacity:.85}.tile-btn--red{color:var(--tile-red)}.tile-btn--blue{color:var(--tile-blue)}.tile-btn--green{color:var(--tile-green)}.tile-btn--black{color:var(--tile-black)}.tile-btn[aria-pressed=true]{transform:translateY(-6px);box-shadow:0 0 0 3px var(--accent-strong),var(--shadow-lift)}.tile-btn:disabled{opacity:.5;cursor:default}.tile-btn[data-locked=true]{border-style:dashed;border-color:var(--paper-faint)}.drop-slot{flex:none;align-self:stretch;width:8px;min-height:var(--tap-min);padding:0;border:none;border-radius:6px;background:transparent;cursor:pointer;touch-action:pan-x;transition:width .11s ease,background-color .11s ease}[data-drag-active=true] .drop-slot{width:30px;background:#ffffff12}[data-drag-active=true] .drop-slot[data-drop-active=true],.drop-slot[data-drop-active=true]{width:34px;background:var(--accent)}.drop-slot:focus-visible{width:30px;background:var(--accent)}.new-meld-target{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(var(--tap-min) * 1.28);padding:0 var(--space-3);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:transparent;color:var(--paper-faint);font-size:var(--text-small);font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;touch-action:pan-y;transition:border-color .11s ease,color .11s ease,background-color .11s ease}[data-drag-active=true] .new-meld-target,.new-meld-target:focus-visible{border-color:var(--accent);color:var(--paper)}.new-meld-target[data-drop-active=true]{border-color:var(--accent-strong);background:#2fbf8229;color:var(--paper)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background-color .13s ease,opacity .13s ease,transform .13s ease}.btn--md{font-size:.9375rem}.btn--lg{width:100%;min-height:3.5rem;font-size:1.0625rem}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--secondary{background:var(--ink-600);border-color:var(--line);color:var(--paper)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--paper-dim)}.btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.42}.btn:active:not(:disabled){transform:translateY(1px)}.sheet-layer{position:fixed;inset:auto 0 0;z-index:var(--z-ghost);display:flex;justify-content:center;padding:0 var(--space-2) calc(var(--space-2) + var(--safe-bottom));pointer-events:none}.sheet{width:100%;max-width:32rem;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-800);box-shadow:var(--shadow-lift);pointer-events:auto}.sheet[data-tone=danger]{border-color:var(--danger)}.sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.sheet__title{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.sheet__dismiss{flex:none;width:var(--tap-min);height:var(--tap-min);margin:calc(var(--space-1) * -1) calc(var(--space-1) * -1) 0 0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--paper-dim);cursor:pointer}.sheet__body{margin-top:var(--space-1);color:var(--paper-dim);font-size:.9375rem}.sheet__footer{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.sheet__footer>*{flex:1}.drag-ghost{position:fixed;z-index:var(--z-ghost);pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg) scale(1.06);filter:drop-shadow(0 12px 20px rgb(0 0 0 / 55%))}.announce{position:fixed;top:calc(var(--safe-top) + 4.5rem);left:0;right:0;z-index:var(--z-rack);display:flex;justify-content:center;padding:0 var(--space-3);pointer-events:none;font-size:var(--text-small);color:var(--paper)}.announce:empty{display:none}.lobby{align-items:center;gap:var(--space-4);padding:calc(var(--space-4) + var(--safe-top)) var(--space-3) calc(var(--space-5) + var(--safe-bottom))}.lobby__panel{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:30rem}.lobby__title{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.lobby__hint{margin:0;color:var(--paper-dim);font-size:var(--text-small)}.lobby__code{margin:0;font-size:clamp(2.6rem,15vw,4rem);font-weight:700;letter-spacing:.14em;line-height:1;color:var(--paper);font-variant-numeric:tabular-nums}.lobby__code-card{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-800);text-align:center}.lobby__code-label{font-size:var(--text-small);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-faint)}.lobby__qr{display:block;padding:var(--space-2);border-radius:var(--radius-md);background:#fff}.lobby__qr-hint{margin:0;font-size:var(--text-small);color:var(--paper-faint)}.lobby__seats{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.lobby__seat{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-800)}.lobby__seat-name{flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere}.lobby__seat-empty{border-style:dashed;color:var(--paper-faint);background:transparent}.lobby__badge{flex:none;padding:2px var(--space-2);border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.lobby__badge--ready{background:#2fbf822e;color:var(--accent-strong)}.lobby__badge--waiting{background:#ffffff14;color:var(--paper-faint)}.lobby__badge--offline{background:transparent;border:1px solid var(--line);color:var(--paper-faint)}.lobby__actions{display:flex;flex-direction:column;gap:var(--space-2)}.lobby__started{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-800);color:var(--paper-dim)}.lobby__form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field--plain{margin:0;padding:0;border:0}.field__label{font-size:var(--text-small);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-faint)}.field__input{min-height:3rem;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-700);color:var(--paper);font-family:var(--font-sans);font-size:1.125rem;font-weight:500}.field__input:focus{border-color:var(--accent)}.field__input--code{font-variant-numeric:tabular-nums;letter-spacing:.16em;text-transform:uppercase}.field__error{margin:0;color:var(--danger);font-size:var(--text-small)}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.choice{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-800);font-weight:600;cursor:pointer}.choice__input{position:absolute;opacity:0;width:1px;height:1px}.choice:has(.choice__input:checked){border-color:var(--accent);background:#2fbf8224;color:var(--accent-strong)}.choice:has(.choice__input:focus-visible){outline:2px solid var(--accent-strong);outline-offset:3px}@media(min-width:34rem){.lobby{padding-left:var(--space-4);padding-right:var(--space-4)}}.landing{position:relative;display:grid;place-items:center;min-height:100dvh;padding:var(--space-4);overflow:hidden}.landing:before,.landing:after{content:"";position:absolute;inset:0;pointer-events:none}.landing:before{background:radial-gradient(120% 80% at 50% 0%,rgb(47 191 130 / 12%),transparent 60%)}.landing:after{background-image:linear-gradient(to right,rgb(255 255 255 / 3.4%) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / 3.4%) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(100% 70% at 50% 40%,#000 40%,transparent 100%);mask-image:radial-gradient(100% 70% at 50% 40%,#000 40%,transparent 100%)}.landing__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:30rem}.landing__brand{display:flex;align-items:center;gap:var(--space-3)}.landing__tiles{width:2.75rem;height:auto;flex:none}.tile{stroke:#00000061;stroke-width:1}.tile--red{fill:var(--tile-red)}.tile--blue{fill:var(--tile-blue)}.tile--black{fill:var(--tile-black)}.tile--green{fill:var(--tile-green)}.landing__wordmark{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.03em;line-height:1}.landing__lede{display:flex;flex-direction:column;gap:var(--space-2);margin:0;font-size:var(--text-hero);font-weight:600;letter-spacing:-.035em;line-height:1.06;text-wrap:balance}.landing__lede-sub{font-size:var(--text-lede);font-weight:400;letter-spacing:-.01em;line-height:1.4;color:var(--paper-dim);text-wrap:pretty}.landing__notice{margin:0;padding:var(--space-3) var(--space-4);border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius-md);background:#00000038;font-size:var(--text-small);line-height:1.5;color:var(--paper-dim);text-wrap:pretty}.landing__actions{display:flex;flex-direction:column;gap:var(--space-4)}.landing__cta{display:block;width:100%;min-height:3.5rem;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background-color .14s ease,transform .14s ease}.landing__cta:hover{background:var(--accent-strong)}.landing__cta:active{transform:translateY(1px)}.landing__join{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line)}.landing__join-label{font-size:var(--text-small);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--paper-faint)}.landing__join-row{display:flex;gap:var(--space-2)}.landing__join-input{flex:1;min-width:0;min-height:3rem;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-700);color:var(--paper);font-family:var(--font-sans);font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.landing__join-input::placeholder{color:var(--paper-faint);letter-spacing:.12em}.landing__join-input:focus{border-color:var(--accent)}.landing__join-submit{flex:none;min-height:3rem;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-600);color:var(--paper);font-weight:500;cursor:pointer;transition:background-color .14s ease}.landing__join-submit:hover{background:var(--ink-700)}.landing__footer{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-small);color:var(--paper-faint)}@media(min-width:34rem){.landing__panel{gap:var(--space-6)}}@media(prefers-contrast:more){:root{--paper-dim: #d6e4dc;--paper-faint: #b3c5bb;--line: #3b5a4c}}.rack{position:relative;z-index:var(--z-rack);border-top:1px solid var(--line);background:var(--ink-800);padding-bottom:var(--safe-bottom)}.rack__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3) 0;font-size:var(--text-small);color:var(--paper-faint)}.rack__title{margin:0;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.rack__count{color:var(--paper);font-weight:700;font-variant-numeric:tabular-nums}.rack__scroll{display:flex;align-items:flex-end;gap:var(--space-1);padding:16px var(--space-3) var(--space-3);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;touch-action:pan-x}.rack__empty{margin:0;padding:var(--space-2) 0;color:var(--paper-faint);font-size:var(--text-small)}.rack__hint{margin:0;padding:0 var(--space-3) var(--space-3);color:var(--paper-faint);font-size:var(--text-small)}.board{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;overflow:hidden;background:radial-gradient(120% 60% at 50% 0%,rgb(47 191 130 / 10%),transparent 60%),var(--ink-900)}.board__preview-banner{padding:var(--space-1) var(--space-3);background:#e2685f29;color:var(--paper);font-size:var(--text-small);text-align:center}.strip{display:flex;flex-direction:column;gap:var(--space-1);padding:calc(var(--space-2) + var(--safe-top)) var(--space-3) var(--space-2);border-bottom:1px solid var(--line);background:var(--ink-800)}.strip__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.strip__room{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--text-small);color:var(--paper-faint)}.strip__code{font-size:1rem;font-weight:700;letter-spacing:.1em;color:var(--paper)}.strip__clock{display:inline-flex;align-items:center;gap:var(--space-1);min-height:2rem;padding:0 var(--space-2);border:1px solid var(--line);border-radius:999px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--paper-dim)}.strip__clock--mine{border-color:var(--accent);background:#2fbf8229;color:var(--accent-strong)}.strip__clock--urgent{border-color:var(--danger);color:var(--danger);background:#e2685f24}.strip__turn{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.strip__players{display:flex;gap:var(--space-1);margin:0;padding:0;overflow-x:auto;list-style:none;overscroll-behavior-x:contain;scrollbar-width:none}.strip__player{display:flex;flex:none;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:999px;background:var(--ink-700);font-size:var(--text-small);white-space:nowrap}.strip__player--active{border-color:var(--accent)}.strip__player--me{background:var(--ink-600)}.strip__player--offline{opacity:.55}.strip__meta{color:var(--paper-faint);font-variant-numeric:tabular-nums}.felt{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;padding:var(--space-2) 0;overflow-y:auto;overscroll-behavior-y:contain}.felt__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);font-size:var(--text-small);color:var(--paper-faint)}.felt__pile{font-variant-numeric:tabular-nums}.felt__melds{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.felt__empty{margin:0;padding:var(--space-4) var(--space-3);color:var(--paper-faint);text-align:center}.meld{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}.meld__tiles{display:flex;align-items:flex-end;gap:2px;padding:6px 0}.meld__merge{flex:none;min-height:var(--tap-min);padding:0 var(--space-2);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:transparent;color:var(--paper-faint);font-size:var(--text-small);cursor:pointer}.new-meld-target{margin:0 var(--space-3)}.felt__actions{display:flex;justify-content:center;padding:0 var(--space-3)}.dock{border-top:1px solid var(--line);background:var(--ink-800)}.dock__status{display:flex;align-items:center;gap:var(--space-2);min-height:2.25rem;padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--line);font-size:var(--text-small)}.dock__status--rejected{background:#e2685f29;color:var(--paper)}.dock__status--clean{color:var(--paper-faint)}.dock__actions{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.dock__actions>*{flex:1}.dock__actions--three>*{flex:1 1 0}@media(min-width:40rem){.board{max-width:52rem;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}.round{position:relative;align-items:center;padding:calc(var(--space-5) + var(--safe-top)) var(--space-3) calc(var(--space-4) + var(--safe-bottom));background:radial-gradient(120% 60% at 50% 0%,rgb(47 191 130 / 10%),transparent 60%),var(--ink-900)}.round__kicker{margin:0;font-size:var(--text-small);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-faint);text-align:center}.round__winner{margin:0 0 var(--space-2);font-size:clamp(1.6rem,8vw,2.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}.round__reason{margin:0 0 var(--space-3);color:var(--paper-dim)}.round__totals{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.round__total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ink-700)}.round__total--winner{border-color:var(--accent)}.round__total-name{font-weight:500;overflow-wrap:anywhere}.round__total-value{font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.round__jokers{margin-left:var(--space-1);font-size:var(--text-small);font-weight:400;color:var(--paper-faint)}.round__note{margin:var(--space-3) 0 0;color:var(--paper-faint);font-size:var(--text-small)}:root{--ink-900: #0b1512;--ink-800: #0e1a15;--ink-700: #14241d;--ink-600: #1c3129;--line: #22392f;--line-strong: #3b5a4c;--paper: #f2f7f4;--paper-dim: #a9bdb3;--paper-faint: #6f8478;--accent: #2fbf82;--accent-strong: #37d693;--accent-ink: #04140d;--danger: #e2685f;--tile-red: #d8453f;--tile-blue: #3b74cc;--tile-black: #262b31;--tile-green: #2f9e5f;--tile-face: #f6f8f6;--tile-ink: #14191d;--radius-sm: 9px;--radius-md: 14px;--radius-lg: 20px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--space-6: 3.25rem;--font-sans: "Outfit Variable", "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--text-hero: clamp(2.4rem, 8vw, 3.4rem);--text-lede: clamp(1.05rem, 3.6vw, 1.3rem);--text-body: 1rem;--text-small: .8125rem;--tap-min: 2.75rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--shadow-lift: 0 12px 32px rgb(0 0 0 / 45%);--z-rack: 20;--z-ghost: 60;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%}body{background-color:var(--ink-900);color:var(--paper);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}button{font:inherit;color:inherit}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.screen{display:flex;flex-direction:column;min-height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.visually-hidden-heading{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}