:root{--room: #0D1011;--panel: #15181B;--raised: #22282B;--accent: #1F7A5A;--accent-ink: #CFE8DD;--warn: #C17C3A;--ink: #E7E9E8;--ink-dim: #9AA4A0;--ink-faint: #6C7773;--ink-ghost: #4E5754;--hairline: rgba(255, 255, 255, .09);--card-face: #F6F6F4;--card-edge: #DCDCD8;--suit-black: #15181B;--suit-red: #C0433B;--card-radius: 6px;--card-w: 88px;--card-h: 123px;--card-rank: 40px;--card-pip: 18px;--code-w: 96px;--code-h: 134px;--code-rank: 62px;--mini-w: 44px;--mini-h: 62px;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-ui: Archivo, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-suit: "Noto Sans Symbols 2", "Apple Symbols", "Segoe UI Symbol", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--room);color:var(--ink);font-family:var(--font-ui);overflow:hidden}body{user-select:none;-webkit-user-select:none;cursor:default}.stage{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.mote{position:absolute;font-family:var(--font-suit);line-height:1;will-change:transform}.mote--felt{color:#1f7a5a33}.mote--red{color:#c0433b1a}@media (prefers-reduced-motion: reduce){.mote{display:none}}.pick{display:flex;flex-direction:column;align-items:center;z-index:1}.pick-head{font-family:var(--font-display);font-size:44px;color:var(--ink);margin:0 0 6px;font-weight:400}.pick-sub{font-size:14px;letter-spacing:3px;color:var(--ink-faint);margin-bottom:24px;text-transform:uppercase}.pick-row{display:flex;margin-bottom:22px}.pick-game{width:318px;padding:18px 20px;border-radius:16px;background:#15181b8c;border:2px solid var(--hairline);text-align:left;color:inherit;font:inherit;transition:background-color .12s linear,border-color .12s linear}.pick-game--on{background:#1f7a5a29;border-color:var(--accent)}.pick-mini{display:flex;align-items:center;height:74px}.pick-card{width:var(--mini-w);height:var(--mini-h);margin-right:7px;border-radius:4px;background:var(--card-face);border:1px solid var(--card-edge);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--suit-black)}.pick-card--red{color:var(--suit-red)}.pick-card-rank{font-family:var(--font-display);font-size:21px;line-height:1}.pick-card-pip{font-family:var(--font-suit);font-size:13px;line-height:1.2}.pick-house{width:52px;height:52px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-left:6px;font-family:var(--font-display);font-size:26px;color:#f2faf6}.pick-name{font-family:var(--font-display);font-size:36px;color:var(--ink-dim);margin-top:8px}.pick-game--on .pick-name{color:var(--ink)}.pick-blurb{width:278px;font-size:13px;color:var(--ink-faint);margin-top:6px}.pick-ask{font-size:13px;letter-spacing:3px;color:var(--ink-faint);margin-bottom:10px;text-transform:uppercase}.pick-settings{display:flex;align-items:flex-start;margin-bottom:26px}.pick-setting{display:flex;flex-direction:column;align-items:center}.chips{display:flex;padding:10px;border-radius:14px;background:#15181b8c;border:1px solid var(--hairline)}.chip{min-width:62px;padding:12px 16px;border-radius:10px;background:transparent;border:2px solid var(--hairline);color:var(--ink-faint);font:inherit;display:flex;flex-direction:column;align-items:center;transition:background-color .12s linear,border-color .12s linear,color .12s linear}.chip--on{background:#1f7a5a29;border-color:var(--accent);color:var(--ink)}.chip-big{font-family:var(--font-display);font-size:26px;line-height:1}.chip-note{font-size:9.5px;letter-spacing:1.05px;text-transform:uppercase}.go{padding:16px 44px;border-radius:12px;border:none;background:var(--accent);color:#f2faf6;font:inherit;font-size:17px;letter-spacing:2px;text-transform:uppercase}.lobby{display:flex;flex-direction:column;align-items:center;z-index:1}.lobby-ask{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px}.code{display:flex;margin-bottom:26px}.code-card{width:var(--code-w);height:var(--code-h);border-radius:var(--card-radius);background:var(--card-face);border:1px solid var(--card-edge);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--code-rank);color:var(--suit-black);box-shadow:0 10px 30px #00000059}.code-card:nth-child(odd){transform:rotate(-1.5deg)}.code-card:nth-child(2n){transform:rotate(1.5deg)}.lobby-where{font-size:18px;color:var(--ink-dim);margin-bottom:30px}.lobby-where b{color:var(--ink);font-weight:500}.seats{display:flex}.seat{min-width:150px;padding:14px 16px;border-radius:12px;background:#15181b8c;border:1px solid var(--hairline);text-align:center}.seat--open{border-style:dashed}.seat-name{font-size:17px;color:var(--ink)}.seat--open .seat-name{color:var(--ink-ghost)}.seat-kind{font-size:9.5px;letter-spacing:1.05px;text-transform:uppercase;color:var(--ink-faint);margin-top:5px}.seat--covered .seat-kind{color:var(--warn)}.table{display:flex;flex-direction:column;height:100%;width:100%;z-index:1}.rail{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;flex-shrink:0}.rail-code{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:var(--ink-faint)}.rail-code b{color:var(--ink-dim);font-weight:500;letter-spacing:3px}.scores{display:flex}.score{text-align:right}.score-label{font-size:9.5px;letter-spacing:1.05px;text-transform:uppercase;color:var(--ink-faint)}.score-value{font-family:var(--font-display);font-size:26px;color:var(--ink);line-height:1.1}.middle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:0 26px}.prompt{font-family:var(--font-display);font-size:30px;color:var(--ink-dim);text-align:center}.zone{display:flex;flex-direction:column;align-items:center}.zone-label{font-size:9.5px;letter-spacing:1.05px;text-transform:uppercase;color:var(--ink-faint)}.cards{display:flex;flex-wrap:nowrap}.card{flex-shrink:0;width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:var(--card-face);border:1px solid var(--card-edge);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--suit-black);box-shadow:0 6px 18px #0000004d}.card--red{color:var(--suit-red)}.card-rank{font-family:var(--font-display);font-size:var(--card-rank);line-height:1}.card-pip{font-family:var(--font-suit);font-size:var(--card-pip);line-height:1.3}.card-who{font-size:9.5px;letter-spacing:1.05px;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;text-align:center}.card-slot{display:flex;flex-direction:column;align-items:center}.nothing{font-size:15px;color:var(--ink-ghost);letter-spacing:1px}.hands{display:flex;justify-content:center;padding:18px 26px 26px;flex-shrink:0}.hand{min-width:132px;padding:12px 14px;border-radius:12px;background:#15181b8c;border:1px solid var(--hairline);text-align:center}.hand--turn{border-color:var(--accent);background:#1f7a5a29}.hand-name{font-size:16px;color:var(--ink-dim)}.hand--turn .hand-name{color:var(--ink)}.hand-count{font-family:var(--font-display);font-size:22px;color:var(--ink);margin-top:2px}.hand-note{font-size:9.5px;letter-spacing:1.05px;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}.hand--covered .hand-note{color:var(--warn)}.clock{height:3px;background:var(--accent);border-radius:2px;margin-top:8px;transition:width 1s linear}.over{display:flex;flex-direction:column;align-items:center;z-index:1;padding:30px}.over-head{font-family:var(--font-display);font-size:46px;color:var(--ink);margin-bottom:26px}.tallies{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.tally{min-width:210px;padding:16px 18px;border-radius:14px;background:#15181b8c;border:1px solid var(--hairline)}.tally-group{font-size:9.5px;letter-spacing:1.05px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}.tally-line{display:flex;justify-content:space-between;padding:4px 0}.tally-label{font-size:13px;color:var(--ink-dim)}.tally-value{font-family:var(--font-display);font-size:19px;color:var(--ink)}.over-note{font-size:15px;color:var(--ink-faint)}.status{display:flex;flex-direction:column;align-items:center;z-index:1}.status-head{font-family:var(--font-display);font-size:34px;color:var(--ink-dim)}.status-note{font-size:14px;color:var(--ink-faint);max-width:32rem;text-align:center;line-height:1.6}.back{position:absolute;left:26px;top:22px;z-index:2;padding:11px 18px;border-radius:10px;background:#15181bb8;border:1px solid var(--hairline);color:var(--ink-dim);font:inherit;font-size:13px;letter-spacing:1.6px;text-transform:uppercase}.back--quiet{background:transparent;border-color:transparent;color:var(--ink-ghost)}.back-arrow{font-family:var(--font-ui);margin-right:6px}.cards--tight .card-slot+.card-slot{margin-left:-46px}.cards--tight .card{box-shadow:-6px 6px 14px #00000073}.rail-back{padding:8px 14px;margin-right:18px;border-radius:8px;background:transparent;border:1px solid var(--hairline);color:var(--ink-ghost);font:inherit;font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.rail>.rail-code{flex:1}.handheld .stage{justify-content:flex-start;padding:20px 16px;overflow-y:auto}.handheld{--card-w: 62px;--card-h: 87px;--card-rank: 27px;--card-pip: 13px;--code-w: 64px;--code-h: 90px;--code-rank: 40px;--mini-w: 34px;--mini-h: 48px}.handheld .pick{width:100%;padding-top:2vh}.handheld .pick-head{font-size:29px;text-align:center}.handheld .pick-sub{font-size:11px;letter-spacing:2px;text-align:center;margin-bottom:18px}.handheld .pick-row{flex-direction:column;width:100%;margin-bottom:18px}.handheld .pick-game{width:100%;padding:12px 14px}.handheld .pick-mini{height:46px}.handheld .pick-name{font-size:24px;margin-top:2px}.handheld .pick-blurb{width:auto;font-size:12px}.handheld .pick-settings{flex-direction:column;width:100%;align-items:center;margin-bottom:18px}.handheld .pick-ask{font-size:11px;letter-spacing:2px}.handheld .chips{flex-wrap:wrap;justify-content:center;width:100%}.handheld .chip{min-width:0;flex:1 1 calc(50% - 14px);padding:10px 12px}.handheld .chip-big{font-size:21px}.handheld .go{width:100%;padding:16px;font-size:16px}.handheld .lobby{width:100%;padding-top:4vh}.handheld .code{margin-bottom:18px}.handheld .lobby-where{font-size:14px;text-align:center;margin-bottom:20px}.handheld .seats{flex-wrap:wrap;justify-content:center}.handheld .seat{min-width:0;width:calc(50% - 4px);padding:10px 12px}.handheld .seat-name{font-size:15px}.handheld .table{height:auto;min-height:100%}.handheld .rail{padding:4px 2px 12px;flex-wrap:wrap}.handheld .rail-code{font-size:10px}.handheld .score-value{font-size:20px}.handheld .middle{padding:0}.handheld .prompt{font-size:20px}.handheld .cards--tight .card-slot+.card-slot{margin-left:-34px}.handheld .hands{flex-wrap:wrap;justify-content:center;padding:16px 0 8px}.handheld .hand{min-width:0;width:calc(50% - 4px);padding:8px 10px}.handheld .hand-name{font-size:14px}.handheld .hand-count{font-size:19px}.handheld .hand-note{font-size:8.5px}.handheld .over{padding:6vh 0 0;width:100%}.handheld .over-head{font-size:32px;margin-bottom:18px;text-align:center}.handheld .tallies{flex-direction:column;width:100%;margin-bottom:20px}.handheld .tally{min-width:0;width:100%}.handheld .over-note{font-size:13px;text-align:center}.handheld .back{left:12px;top:12px;padding:9px 14px;font-size:11px}@media (min-width: 640px){.handheld{--card-w: 78px;--card-h: 109px;--card-rank: 34px;--card-pip: 16px;--code-w: 84px;--code-h: 118px;--code-rank: 54px;--mini-w: 40px;--mini-h: 56px}.handheld .pick-head{font-size:40px}.handheld .pick-row{flex-direction:row}.handheld .pick-game{width:50%}.handheld .pick-settings{flex-direction:row;justify-content:center}.handheld .chips{width:auto}.handheld .chip{flex:0 0 auto;min-width:54px}.handheld .go{width:auto;padding:16px 44px}.handheld .seat,.handheld .hand{width:auto;min-width:128px}.handheld .tallies{flex-direction:row;flex-wrap:wrap}.handheld .tally{width:auto;min-width:200px}}@media (max-height: 480px){.handheld .stage{padding:10px 14px}.handheld .pick{padding-top:0}.handheld .pick-head{font-size:26px;margin-bottom:2px}.handheld .pick-sub{margin-bottom:10px}.handheld .lobby{padding-top:0}.handheld .over{padding-top:2vh}.handheld .over-head{font-size:26px}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--room);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .26s ease}.splash--going{opacity:0}.splash-deal{position:relative;width:150px;height:92px;margin-bottom:26px}.lc{position:absolute;left:50%;top:4px;width:54px;height:78px;margin-left:-27px;border-radius:7px;box-shadow:0 16px 28px -16px #000000d9;animation:lc-fan .76s cubic-bezier(.2,.7,.3,1) both}.lc1{--x: -40px;--r: -15deg;background:#4e5754;z-index:1;animation-delay:.42s}.lc2{--x: -14px;--r: -3deg;background:#9aa4a0;z-index:2;animation-delay:.26s}.lc3{--x: 22px;--r: 14deg;background:#1f7a5a;z-index:3;animation-delay:60ms}@keyframes lc-fan{0%{transform:translate(22px) rotate(14deg);opacity:0}to{transform:translate(var(--x)) rotate(var(--r));opacity:1}}.splash-word{font-family:var(--font-display);font-size:40px;line-height:1;color:var(--ink);margin-bottom:22px;animation:splash-fall .62s cubic-bezier(.2,.7,.3,1) .7s both}@keyframes splash-fall{0%{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}.splash-bar{width:260px;height:3px;background:var(--hairline);border-radius:2px;overflow:hidden}.splash-fill{height:100%;width:0;background:var(--accent);animation:splash-fill 1.7s cubic-bezier(.35,.6,.3,1) .12s both}@keyframes splash-fill{0%{width:0}to{width:100%}}.splash-house{margin-top:14px;font-size:10px;font-weight:500;letter-spacing:.22em;color:var(--ink-ghost);animation:splash-fade .7s ease 1.2s both}@keyframes splash-fade{0%{opacity:0}to{opacity:1}}.handheld .splash-deal{transform:scale(.86)}.handheld .splash-word{font-size:34px}.handheld .splash-bar{width:200px}.pick-row>*+*{margin-left:28px}.pick-settings>*+*{margin-left:64px}.chips{margin:-5px}.chips>*{margin:5px}.chip>*+*{margin-top:3px}.code>*+*{margin-left:14px}.seats>*+*{margin-left:12px}.scores>*+*{margin-left:22px}.middle>*+*{margin-top:18px}.zone>*+*{margin-top:10px}.cards>*+*{margin-left:10px}.hands>*+*{margin-left:14px}.tallies{margin:-9px}.tallies>*{margin:9px}.status>*+*{margin-top:14px}.handheld .pick-row>*+*{margin-top:12px}.handheld .pick-settings>*+*{margin-top:12px}.handheld .code>*+*{margin-left:8px}.handheld .seats{margin:-4px}.handheld .seats>*{margin:4px}.handheld .rail{margin:-4px}.handheld .rail>*{margin:4px}.handheld .scores>*+*{margin-left:14px}.handheld .middle>*+*{margin-top:12px}.handheld .cards>*+*{margin-left:6px}.handheld .hands{margin:-4px}.handheld .hands>*{margin:4px}.handheld .tallies>*+*{margin-top:10px}.tally-line>*+*{margin-left:18px}.handheld .chip{flex-basis:calc(50% - 24px)}