:root{--color-cream: #FFF6EC;--color-cocoa: #2A2320;--color-coral: #F26B4E;--color-coral-deep: #CB4B24;--color-butter: #F5C24B;--color-blue: #3F6BA8;--color-leaf: #4E8E6E;--color-leaf-deep: #2C6448;--color-red: #E0492E;--color-red-text: #C33518;--color-rust: #B4552E;--color-card: #FFFBF4;--color-border-sand: #F1E3CE;--color-ink-muted: rgba(42,35,32,.72);--color-ink-on-dark: rgba(255,255,255,.78);--color-edge-coral: #8E2E1B;--color-edge-blue: #2F5183;--color-edge-leaf-deep: #1D4530;--color-gold-tint: #FFF1DE;--color-rust-deep: #A34A26;--color-sand-muted: #E0D3BC;--color-sand-disabled: #E8DCC8;--color-kicker: #FFD866;--color-white: #FFFFFF;--color-invalid-tint: #FDEDE8;--color-left-game: #EFE7DA;--color-left-game-edge: #E0D3BC;--color-own-meld: #EAF4EE;--color-nickels-tint: #FFFBEF;--color-navy: #2D4C77;--color-navy-edge: #233B5D;--color-silver: #C9CDD2;--color-bronze: #D9A87A;--color-recap: #F6EFE4;--color-nickel-light: #EDEFF1;--color-nickel-dark: #AEB6BE;--color-avatar-purple: #7C6BA8;--color-outline-ink: var(--color-rust-deep);--radius-screen-phone: 34px;--radius-screen-tablet: 38px;--radius-panel-tight: 14px;--radius-panel: 18px;--radius-card: 12px;--radius-feature: 26px;--radius-pill: 99px;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--type-display-size: 46px;--type-display-weight: 800;--type-display-tracking: -.02em;--type-display-line-height: 1;--type-display-color: var(--color-cocoa);--type-title-size: 17px;--type-title-weight: 800;--type-title-color: var(--color-cocoa);--type-label-size: 16px;--type-label-weight: 800;--type-label-tracking: .12em;--type-label-color: var(--color-rust);--type-label-transform: uppercase;--type-body-size: 16px;--type-body-weight: 600;--type-body-color: var(--color-cocoa);--type-meta-size: 16px;--type-meta-weight: 700;--type-meta-color: var(--color-ink-muted);--shadow-card: 0 1px 5px rgba(0,0,0,.1);--shadow-pile: 0 5px 14px rgba(0,0,0,.2);--edge-3d-depth: 4px;--edge-3d-depth-pressed: 2px;--min-target: 44px;--focus-ring-width: 3px;--focus-ring-offset: 3px;--focus-ring-on-dark: var(--color-butter);--focus-ring-on-light: var(--color-coral-deep)}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque_500Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque_600SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque_700Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque_800ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{min-height:100dvh}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--color-cream);color:var(--type-body-color);font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:1.5;overflow-x:clip}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-on-light);outline-offset:var(--focus-ring-offset)}.button.primary:focus-visible,.button.secondary:focus-visible,.button.ghost:focus-visible,.promo-tile:focus-visible{outline-color:var(--focus-ring-on-dark)}a.button,button,.badge,.promo-tile,.skip,.back{min-height:var(--min-target);min-width:var(--min-target)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip{position:absolute;left:-9999px;top:0;z-index:2;display:inline-flex;align-items:center;padding:10px 16px;background:var(--color-cocoa);color:var(--color-white);font-weight:var(--font-weight-extra-bold);text-decoration:none;border-bottom-right-radius:var(--radius-card)}.skip:focus{left:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:744px;margin:0 auto;padding:20px 18px 0}.back,.head-slot,.back-slot{width:46px;height:46px;min-width:46px;min-height:46px;flex:none}.back{display:grid;place-items:center;padding:0;box-sizing:border-box;border:2.5px solid var(--color-blue);border-radius:50%;background:var(--color-white);box-shadow:0 2px #3f6ba840;text-decoration:none;cursor:pointer}.back-glyph{font-size:34px;line-height:1;font-weight:var(--font-weight-extra-bold);color:var(--color-blue);transform:translateY(-3px)}.page-head h1{flex:1;text-align:center}body:has(section.result) .page-head h1{text-transform:uppercase}main{display:flex;flex-direction:column;gap:16px;max-width:744px;margin:0 auto;padding:16px 18px 22px}main:focus{outline:none}h1{margin:0;font-size:24px;font-weight:var(--font-weight-extra-bold);color:var(--type-display-color)}h2{margin:0;font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-transform);color:var(--type-label-color)}p{margin:0}strong{font-weight:var(--font-weight-extra-bold);color:var(--color-cocoa)}.tagline{font-size:14px;font-weight:var(--font-weight-extra-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--color-blue);text-align:center}.lead,.standfirst,.body{color:var(--color-ink-muted)}body.landing-page{display:flex;flex-direction:column;min-height:100dvh;position:relative}body.landing-page main{flex:1;position:relative;z-index:1}.landing{align-items:center;justify-content:center;gap:34px;padding-top:28px}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.backdrop .disc{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--color-nickel-light) 90%,transparent),color-mix(in srgb,var(--color-nickel-dark) 55%,transparent));border:1px solid rgb(0 0 0 / 6%)}.backdrop .disc-top-right{top:-70px;right:-70px;width:200px;height:200px}.backdrop .disc-bottom-left{bottom:-80px;left:-80px;width:230px;height:230px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--color-nickel-light) 70%,transparent),color-mix(in srgb,var(--color-nickel-dark) 40%,transparent));border-color:#0000000d}.masthead{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.lockup{align-self:stretch;margin:0 -18px}.lockup img{display:block;width:100%;max-width:357px;margin-inline:auto;height:auto}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:none;border-radius:var(--radius-pill);font-family:inherit;font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);text-transform:uppercase;text-decoration:none;cursor:pointer}.button.primary{background:var(--color-coral-deep);color:var(--color-white);box-shadow:0 var(--edge-3d-depth) 0 var(--color-edge-coral)}.button.secondary{background:var(--color-blue);color:var(--color-white);box-shadow:0 var(--edge-3d-depth) 0 var(--color-edge-blue)}.button.outline{background:var(--color-white);color:var(--color-outline-ink);border:2.5px solid var(--color-outline-ink)}.button.ghost{background:none;color:var(--color-white);border:1.5px solid var(--color-white)}.button[aria-disabled=true]{opacity:1;background:var(--color-sand-disabled);color:color-mix(in srgb,var(--color-cocoa) 45%,transparent);box-shadow:none;cursor:not-allowed}.button[aria-disabled=true]:active,.button.outline:active{transform:none;box-shadow:none}.button:active{box-shadow:0 var(--edge-3d-depth-pressed) 0 var(--color-edge-coral);transform:translateY(2px)}.button.secondary:active{box-shadow:0 var(--edge-3d-depth-pressed) 0 var(--color-edge-blue)}.menu{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}.get-the-app,.invite{display:flex;flex-direction:column;gap:14px;background:var(--color-card);border:1px solid var(--color-border-sand);border-radius:var(--radius-panel);box-shadow:var(--shadow-card)}.get-the-app{padding:22px 22px 24px}.join.invite{padding:22px 20px 24px}.badges{display:flex;flex-wrap:wrap;gap:12px}.badge img{height:54px;width:auto}.coming{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-panel-tight);background:var(--color-gold-tint);border:2px dashed var(--color-butter);color:var(--color-cocoa);font-size:15.5px;line-height:1.45;text-align:left}.coming-disc{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--color-blue);color:var(--color-white);font-weight:var(--font-weight-extra-bold)}body.play-page{position:relative}body.play-page>.page-head,body.play-page>main{position:relative;z-index:1}body.play-page>.page-head,body.play-page>main{max-width:928px}@media (min-width: 860px){body.play-page>main{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}body.play-page>main>aside{grid-column:1 / -1}}.invite>.rule-label,.invite>.link-note{width:100%;text-align:left}.invite,.join-summary>.join{align-items:center;gap:14px;text-align:center}.invite>h2,.join-summary .join>h2,.join-name-form .join>h2{color:var(--color-rust);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);text-transform:uppercase}.join-help{color:var(--color-ink-muted)}.invite>.button{width:100%}@media (hover: none){body:has(input[type=text]:focus){--keyboard-room: 336px;padding-block-end:calc(env(safe-area-inset-bottom) + var(--keyboard-room))}}input[type=text]{scroll-margin-block:20px}.code-entry{position:relative;display:inline-flex}.code-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;background:none;font:inherit;opacity:0;cursor:text}.code-boxes,.code-pill{--code-box-width: 44px;--code-box-gap: 8px;--code-row-width: calc(6 * var(--code-box-width) + 5 * var(--code-box-gap))}.code-boxes{display:flex;gap:var(--code-box-gap)}.code-box{display:grid;place-items:center;box-sizing:border-box;width:var(--code-box-width);height:58px;border-radius:var(--radius-card);background:var(--color-white);border:1.5px solid var(--color-border-sand);font-size:28px;font-weight:var(--font-weight-extra-bold);color:var(--color-cocoa)}.code-box.active{border:2.5px solid var(--color-coral-deep);box-shadow:0 3px color-mix(in srgb,var(--color-coral-deep) 30%,transparent)}.code-box:after{content:attr(data-char)}.code-box:before,.code-box:after{grid-area:1 / 1}.code-box.active[data-char=""]:before{content:"";width:2.5px;height:30px;border-radius:2px;background:var(--color-coral-deep)}.code-boxes.tone-missing .code-box{background:var(--color-invalid-tint);border:2px solid var(--color-red);color:var(--color-red-text)}.code-pill{display:inline-flex;text-transform:uppercase;align-items:center;min-width:min(var(--code-row-width),100%);max-width:100%;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-pill);color:var(--color-white);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.06em}.code-pill.found{background:var(--color-leaf-deep);box-shadow:0 3px 0 var(--color-edge-leaf-deep)}.code-pill.missing{background:var(--color-red-text);box-shadow:0 3px 0 var(--color-edge-coral)}.code-pill-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--color-white);color:inherit}.code-pill-mark-art{width:13.5px;height:13.5px}.code-pill.found .code-pill-mark{color:var(--color-leaf-deep)}.code-pill.missing .code-pill-mark{color:var(--color-red-text)}.code-pill-words{display:flex;flex-direction:column;gap:2px}.code-pill-count{font-weight:var(--type-meta-weight)}.rule-label{display:flex;align-items:center;gap:12px;padding:0 8px;color:var(--color-ink-muted);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.1em;text-transform:uppercase}.rule-label:before,.rule-label:after{content:"";flex:1;height:1.5px;background:var(--color-border-sand)}.link-note{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-panel-tight);background:var(--color-gold-tint);border:2px dashed var(--color-butter)}.link-disc{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--color-blue)}.field-hint{color:var(--color-ink-muted);font-size:var(--type-meta-size)}.field-error:empty{display:none}.field-error{color:var(--color-red-text);font-weight:var(--font-weight-bold)}.promo{display:flex;flex-direction:column;gap:10px;width:100%;max-width:342px;margin:0 auto}.promo-head{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;font-size:13px;letter-spacing:.14em}.promo-mark{height:30px;width:auto}.promo-tile{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;background:var(--color-card);border:1px solid var(--color-border-sand);border-radius:var(--radius-panel);box-shadow:var(--shadow-card);text-decoration:none;color:var(--color-rust)}.promo-tile:active{transform:translateY(1px)}.promo-icon{width:56px;height:56px;flex:none;filter:drop-shadow(0 2px 4px rgb(0 0 0 / 18%))}.promo-text{flex:1;display:flex;flex-direction:column;gap:3px}.promo-name{font-size:var(--type-label-size);text-transform:uppercase;font-weight:var(--font-weight-extra-bold);letter-spacing:.08em;color:var(--color-cocoa)}.promo-hook{color:var(--color-ink-muted);font-size:13px;font-weight:var(--font-weight-semi-bold);line-height:1.3}.promo-chevron{flex:none}.promo.promo-feature{max-width:none;margin-top:16px;padding-top:20px;border-top:1px dashed var(--color-sand-muted)}.promo-feature .promo-mark{height:36px}.promo-feature .promo-tile{flex-wrap:wrap;gap:18px;padding:16px 18px 16px 16px;border-radius:var(--radius-feature)}.promo-feature .promo-text{flex:1 1 60%}.promo-feature .promo-icon{width:72px;height:72px}.promo-feature .promo-name{font-size:20px;letter-spacing:.06em}.promo-feature .promo-hook{font-size:16px;line-height:1.35}.promo-get{display:inline-flex;text-transform:uppercase;align-items:center;justify-content:center;flex:none;padding:13px 22px;border:2px solid var(--color-cocoa);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-cocoa);font-size:16px;font-weight:var(--font-weight-extra-bold);letter-spacing:.06em}.rules-section{display:flex;flex-direction:column;gap:10px}.rules-section+.rules-section{margin-top:14px}.rules-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--color-ink-muted)}.rules-steps{margin:0;padding:0;list-style:none;counter-reset:rules-step;display:flex;flex-direction:column;gap:10px;color:var(--color-ink-muted)}.rules-steps li{counter-increment:rules-step;display:flex;gap:12px;padding:12px 14px;background:var(--color-white);border:1px solid var(--color-border-sand);border-radius:16px}.rules-steps li:before{content:counter(rules-step);flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--color-coral-deep);color:var(--color-white);font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold)}.rounds-scroll{overflow-x:auto;position:relative}.rounds{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-panel-tight);overflow:hidden;box-shadow:inset 0 0 0 1px var(--color-border-sand)}.rounds caption{text-align:left;padding-bottom:8px;color:var(--color-ink-muted);font-size:var(--type-meta-size)}.rounds th,.rounds td{text-align:left;padding:9px 12px}.rounds thead tr{background:var(--color-gold-tint)}.rounds thead th{font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:var(--type-label-transform);color:var(--color-rust-deep)}.rounds tbody tr:nth-child(odd){background:var(--color-card)}.rounds tbody tr:nth-child(2n){background:var(--color-white)}.rounds th:last-child,.rounds td:last-child{text-align:right}.rounds-wild{display:flex;align-items:center;gap:8px}.rank-chip{display:grid;place-items:center;flex:none;width:20px;height:27px;border-radius:4px;background:var(--color-butter);color:var(--color-cocoa);font-size:13px;font-weight:var(--font-weight-extra-bold);transform:rotate(-6deg)}.rules-figure{margin:0;display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--color-card);border:1px solid var(--color-border-sand);border-radius:var(--radius-panel)}.rules-figure figcaption{color:var(--color-ink-muted);font-size:var(--type-meta-size)}.figure-label,.pile-name,.player-name,.meld-caption{font-size:var(--type-meta-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--color-rust-deep)}.figure-label.refused{color:var(--color-red-text)}.pile-sub{color:var(--color-ink-muted);font-size:var(--type-meta-size)}.rules-close{width:100%;min-height:56px;margin-top:8px}.about-page main a{color:var(--color-blue);font-weight:var(--font-weight-extra-bold);overflow-wrap:anywhere}.about-mark{display:flex;justify-content:center;padding:6px 0 2px}.about-mark img{width:200px;max-width:100%;height:auto}.about-legal{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.about-legal li{display:flex;align-items:center;min-height:44px}.card{--card-w: 44px;--card-h: 62px;position:relative;box-sizing:border-box;display:inline-flex;align-items:flex-start;flex:none;width:calc(var(--card-w) * var(--scale, 1));height:calc(var(--card-h) * var(--scale, 1));padding:4px;background:var(--color-white);border:1px solid var(--color-border-sand);border-radius:9px;box-shadow:var(--shadow-card);color:var(--color-cocoa);--card-ink: 14px;font-weight:var(--font-weight-extra-bold);line-height:1}.card-index{display:flex;align-items:flex-start;gap:1px}.card-table,.card-recap,.card-header{align-items:center;justify-content:center;padding:0}.card-hand,.card-pile{padding:6px}.card-discard .card-index{flex:1;justify-content:space-between}.card-figure{--card-w: 44px;--card-h: 62px;--card-ink: 11px}.card-hand{--card-w: 56px;--card-h: 80px}.card-table{--card-w: 34px;--card-h: 40px;--card-ink: 11px;border-radius:5px}.card-pile{--card-w: 54px;--card-h: 76px;border-radius:10px}.card-recap{--card-w: 38px;--card-h: 54px;--card-ink: 12px;border-radius:6px}.card-header{--card-w: 24px;--card-h: 32px;border-radius:4px}@media (min-width: 744px){.card-hand{--card-w: 88px;--card-h: 124px}.card-table{--card-w: 56px;--card-h: 78px;border-radius:9px;--card-ink: 14px}.card-pile{--card-w: 104px;--card-h: 146px;padding:calc(12px * var(--scale, 1));border-radius:calc(16px * var(--scale, 1));--card-ink: calc(27px * var(--scale, 1))}.card-header{--card-w: 30px;--card-h: 42px}}.card.red{color:var(--color-red-text)}.card.wild{background:var(--color-butter);border-color:transparent;color:var(--color-cocoa)}.card.declared{transform:rotate(-5deg)}.card.not-allowed{border:2px solid var(--color-red);background:var(--color-invalid-tint)}.card.selected{border:2px solid var(--color-leaf);box-shadow:var(--shadow-card),0 4px 10px #4e8e6e59;transform:translateY(-10px)}.card.declared.selected{transform:rotate(-5deg) translateY(-10px)}.card-check{position:absolute;top:-7px;right:-5px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--color-leaf);color:var(--color-white);font-size:12px;line-height:1}.card.new{border:2px solid var(--color-coral);box-shadow:var(--shadow-card),0 4px 9px #f26b4e59}.card-new,.card-wild{position:absolute;text-align:center;font-size:var(--card-badge-size, 11px);font-weight:var(--font-weight-extra-bold);letter-spacing:.06em;line-height:1;text-transform:uppercase}.card-hand,.card-pile,.card-figure{--card-badge-size: 16px}.card-new{left:5px;right:5px;bottom:6px;padding:2px 0;border-radius:5px;background:var(--color-coral-deep);color:var(--color-white)}.card-wild{left:6px;right:6px;bottom:6px;padding:2px 0;border-radius:5px;background:var(--color-cocoa);color:var(--color-butter)}.card-declared-top,.card-declared{position:absolute;left:0;right:0;height:50%;flex-wrap:wrap;align-content:center;align-items:flex-start;justify-content:center}.card-declared-top{top:0}.card-declared{bottom:0;border-radius:0 0 4px 4px;background:var(--color-cocoa);color:var(--color-butter)}.card-hand .card-declared,.card-figure .card-declared{border-radius:0 0 8px 8px}.card-pile .card-declared{border-radius:0 0 9px 9px}.card-recap .card-declared{border-radius:0 0 5px 5px}.card-back{display:grid;place-items:center;padding:0;background:var(--color-blue);border:2.5px solid var(--color-cream);box-shadow:0 3px 8px #0000002e}.card-back-dot{position:absolute;border-radius:50%}.card-back-dot.butter{top:4px;right:5px;width:4px;height:4px;background:var(--color-butter)}.card-back-dot.cream{bottom:5px;left:5px;width:3px;height:3px;background:var(--color-cream);opacity:.6}.card-back-tiles{display:flex;align-items:center;transform:rotate(-90deg)}.card-back-tile{display:grid;place-items:center;width:9px;height:12px;margin-left:-1px;border-radius:2px;background:var(--color-cream);box-shadow:0 1px 2px #00000040;color:var(--color-red);font-size:7px;font-weight:var(--font-weight-extra-bold);line-height:1}.card-back-tile:first-child{margin-left:0}.card-back-tile.t1:after{content:"N"}.card-back-tile.t1{transform:rotate(-7deg)}.card-back-tile.t2:after{content:"I"}.card-back-tile.t2{transform:rotate(4deg) translateY(-2px)}.card-back-tile.t3:after{content:"C"}.card-back-tile.t3{transform:rotate(-4deg) translateY(1px)}.card-back-tile.t4:after{content:"K"}.card-back-tile.t4{background:var(--color-butter);color:var(--color-cocoa);transform:rotate(6deg) translateY(-1px)}.card-back-tile.t5:after{content:"E"}.card-back-tile.t5{transform:rotate(-6deg) translateY(2px)}.card-back-tile.t6:after{content:"L"}.card-back-tile.t6{transform:rotate(3deg) translateY(-2px)}.card-back-tile.t7:after{content:"S"}.card-back-tile.t7{transform:rotate(-3deg) translateY(1px)}@media (min-width: 744px){.card-back.card-pile{border-width:calc(4px * var(--scale, 1));border-radius:calc(16px * var(--scale, 1));box-shadow:var(--shadow-pile)}.card-back.card-pile .card-back-dot.butter{top:calc(7px * var(--scale, 1));right:calc(9px * var(--scale, 1));width:calc(7px * var(--scale, 1));height:calc(7px * var(--scale, 1))}.card-back.card-pile .card-back-dot.cream{bottom:calc(9px * var(--scale, 1));left:calc(9px * var(--scale, 1));width:calc(5px * var(--scale, 1));height:calc(5px * var(--scale, 1))}.card-back.card-pile .card-back-tile{width:calc(16px * var(--scale, 1));height:calc(22px * var(--scale, 1));margin-left:calc(-2px * var(--scale, 1));border-radius:calc(3px * var(--scale, 1));font-size:calc(16px * var(--scale, 1))}.card-back.card-pile .card-back-tile:first-child{margin-left:0}}.card-back-fanned{--card-w: 30px;--card-h: 42px;margin-left:-15px}.card-back-fanned:first-child{margin-left:0}.card-back-fanned .card-back-tile{width:6px;height:8px;font-size:5px}.suit{width:.792em;height:.792em;display:inline-block;margin-left:1px;vertical-align:-.066em}.card-index .suit{width:calc(var(--card-ink) * 24 / 20);height:calc(var(--card-ink) * 24 / 20);margin-left:0;flex:none}.card-rank{width:auto;height:calc(var(--card-ink) * 28 / 20);flex:none}.cards,.fig-going-out,.fig-laydown .step{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.fig-table{display:flex;flex-direction:column;gap:8px}.fig-table .side{display:flex;justify-content:space-between;gap:16px}.fig-table .middle{display:flex;justify-content:center;gap:14px}.fan{display:flex}.fan .card+.card{margin-left:-14px}.fan .card:first-child{transform:rotate(-8deg)}.fan .card:last-child{transform:rotate(8deg)}.pile,.player{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.fig-piles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fig-piles .pile{gap:6px;padding:10px 6px;background:var(--color-white);border:1px solid var(--color-border-sand);border-radius:var(--radius-card)}.cards.not-allowed{position:relative;display:inline-flex;align-self:flex-start;padding:6px;border:2px dashed var(--color-red-text);border-radius:var(--radius-card)}.no{position:absolute;text-transform:uppercase;top:-10px;right:-6px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-red-text);color:var(--color-white);font-size:var(--type-meta-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking)}.nickels-badge{text-transform:uppercase;align-self:center;padding:12px 18px;border-radius:var(--radius-pill);background:var(--color-coral-deep);color:var(--color-white);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);box-shadow:0 3px 0 var(--color-edge-coral)}.meld-chip{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;background:var(--color-white);border:2px solid var(--color-leaf);border-radius:var(--radius-card)}.arrow{color:var(--color-leaf);font-weight:var(--font-weight-extra-bold);font-size:22px}.caught-cards{margin:0;padding:0;list-style:none}.caught-cards li{display:flex;flex-direction:column;align-items:center;gap:4px}.caught-value{font-weight:var(--font-weight-bold);color:var(--color-cocoa)}.caught-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-card);background:var(--color-cocoa);color:var(--color-white);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:var(--type-label-tracking)}.caught-points{font-size:24px;font-weight:var(--font-weight-extra-bold);letter-spacing:normal;color:var(--color-butter)}.fig-groups,.fig-laydown,.fig-caught{display:flex;flex-direction:column;gap:16px}.group{display:flex;flex-direction:column;gap:8px}.live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#match{display:flex;flex-direction:column;gap:24px}.join,.lobby,.end,.roster-panel,.tips{display:flex;flex-direction:column;gap:12px}.join,.roster-panel,.tips,.end{padding:18px;background:var(--color-card);border:1px solid var(--color-border-sand);border-radius:var(--radius-panel);box-shadow:var(--shadow-card)}.lobby{gap:20px}.join-code,.join-summary,.join-invited,.join-name-form,.claim-screen,.claim-offer{display:flex;flex-direction:column;gap:16px}.claim-panel,.claim-waiting{align-items:center;gap:14px;text-align:center}.claim-panel>h2,.claim-waiting>h2{color:var(--color-rust);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);text-transform:uppercase}.claim-list{display:flex;flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none}.claim-seat{width:100%;white-space:normal}.join-meta{color:var(--color-ink-muted);font-size:var(--type-meta-size)}.field-shell{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-panel-tight);background:var(--color-white);border:2.5px solid var(--color-coral-deep);box-shadow:0 2px color-mix(in srgb,var(--color-coral-deep) 25%,transparent);min-height:var(--min-target)}.field-shell input{flex:1;min-width:0;padding:0;border:none;background:none;font-family:inherit;font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);color:var(--color-cocoa)}.field-shell input:focus-visible{outline:none}.field-shell:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring-on-light);outline-offset:var(--focus-ring-offset)}.field-shell .avatar{flex:none;width:36px;height:36px}.invited-screen .back,.invited-screen .head-slot{display:none}.invite-card{align-items:center;gap:14px;padding:26px 20px 24px;text-align:center}.avatar.host{width:64px;height:64px;background:var(--color-coral-deep);font-size:26px}.invite-line{font-size:22px;line-height:1.3;font-weight:var(--font-weight-extra-bold);color:var(--color-cocoa)}.invite-line strong{color:var(--color-coral-deep);font-weight:inherit}.invite-pills{justify-content:center}.fact-pill{padding:7px 14px;background:var(--color-cocoa);color:var(--color-butter);text-transform:uppercase}.fact-pill .pill-rank,.pill.solid .pill-rank{text-transform:none}.not-now{display:flex;align-items:center;justify-content:center;min-height:var(--min-target);color:var(--color-rust);font-size:var(--type-meta-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.04em;text-decoration:none}.not-now:hover{text-decoration:underline}.pills,.join-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-gold-tint);color:var(--color-rust-deep);font-size:var(--type-meta-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking)}.pill.solid{padding:7px 14px;background:var(--color-cocoa);color:var(--color-butter);letter-spacing:.06em;text-transform:uppercase}.lobby>.roster-panel{padding:0;background:none;border:none;box-shadow:none}.lobby-joined{display:flex;justify-content:center}.joined-pill{display:inline-flex;text-transform:uppercase;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-pill);background:var(--color-leaf-deep);box-shadow:0 3px 0 var(--color-edge-leaf-deep);color:var(--color-white);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.08em}.joined-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-leaf-deep);font-size:13px}.lobby-host{text-align:center;color:var(--color-ink-muted);font-size:var(--type-body-size);font-weight:var(--font-weight-semi-bold)}.lobby-banner{display:flex;align-items:center;justify-content:center;gap:11px;padding:15px 16px;border-radius:var(--radius-panel-tight);background:var(--color-gold-tint);border:2px solid var(--color-butter);color:var(--color-rust-deep);font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);line-height:1.35}.lobby-spinner{flex:none;width:20px;height:20px;border-radius:var(--radius-pill);border:3.5px solid var(--color-butter);border-top-color:var(--color-coral-deep);box-sizing:border-box;animation:lobby-spin 1s linear infinite}@keyframes lobby-spin{to{transform:rotate(1turn)}}.connecting{color:var(--color-ink-muted)}.roster-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px}.count-badge{padding:3px 12px;border-radius:var(--radius-pill);background:var(--color-cocoa);color:var(--color-butter);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold)}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.roster-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;background:var(--color-white);border:1px solid var(--color-border-sand);border-radius:var(--radius-panel-tight);min-height:var(--min-target);box-sizing:border-box}.roster-row.you{border:2px solid var(--color-leaf);box-shadow:0 2px 6px color-mix(in srgb,var(--color-leaf) 25%,transparent)}.roster-row.empty{justify-content:flex-start;padding:15px 16px;background:var(--color-gold-tint);border:2px dashed var(--color-butter)}.roster-row.waiting .roster-name{color:var(--color-ink-muted)}.roster-name{flex:1;min-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);color:var(--color-cocoa)}.roster-you{font-size:var(--type-body-size);font-weight:var(--font-weight-semi-bold);color:var(--color-ink-muted)}.roster-empty,.roster-waiting{color:var(--color-rust-deep);text-transform:uppercase;font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.1em}.roster-waiting{flex:none}.roster-chip{text-transform:uppercase;flex:none;padding:7px 13px;border-radius:var(--radius-pill);background:var(--color-butter);color:var(--color-cocoa);font-size:var(--type-meta-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.1em}.dot{flex:none;width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-leaf)}.dot.waiting{background:var(--color-sand-muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:var(--radius-pill);color:var(--color-white);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold)}.avatar.tone-0{background:var(--color-coral-deep)}.avatar.tone-1{background:var(--color-blue)}.avatar.tone-2{background:var(--color-leaf-deep)}.avatar.tone-3{background:var(--color-rust)}.avatar.tone-4{background:var(--color-avatar-purple)}.avatar.tone-5{background:var(--color-cocoa)}.roster-row .avatar{width:36px;height:36px}.lobby-rules{justify-content:flex-start}.tip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--type-body-size);font-weight:var(--font-weight-semi-bold);line-height:1.5;color:var(--color-cocoa)}.tip-list li{display:flex;gap:6px}.lobby-leave{display:flex;justify-content:center}.leave-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--min-target);padding:0 12px;background:none;border:none;color:var(--color-rust);font-family:inherit;font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.04em;cursor:pointer}.leave-link:hover{text-decoration:underline}.maintenance{display:flex;flex-direction:row;align-items:flex-start;gap:13px;padding:14px 16px;background:var(--color-gold-tint);border:2.5px solid var(--color-butter);border-radius:var(--radius-panel);box-shadow:0 2px color-mix(in srgb,var(--color-butter) 35%,transparent)}.maintenance-glyph{flex:none;display:flex;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;margin-top:2px;border-radius:var(--radius-card);background:var(--color-butter)}.maintenance-glyph>span{width:6px;height:18px;border-radius:3px;background:var(--color-cocoa)}.maintenance-words{display:flex;flex-direction:column;gap:3px}.maintenance-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.maintenance-heading{font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);letter-spacing:normal;text-transform:none;color:var(--color-cocoa)}.maintenance-chip{padding:2px 9px;text-transform:uppercase;border:1.5px solid var(--color-butter);border-radius:var(--radius-pill);background:var(--color-card);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);color:var(--color-rust-deep)}.maintenance-body{color:var(--color-ink-muted)}.maintenance-waiting{font-weight:var(--font-weight-semi-bold);color:var(--color-ink-muted)}.landing .maintenance{width:100%;max-width:480px}.maintenance-off{margin-top:-4px;text-align:center;font-weight:var(--font-weight-semi-bold);color:var(--color-rust-deep)}body.end-screen .page-head{display:none}body.end-screen main{min-height:100dvh;justify-content:center}.end-stage{display:flex;justify-content:center}.end-card{gap:10px}.end-card h1{margin:0;font-size:22px;font-weight:var(--font-weight-extra-bold);letter-spacing:normal;text-transform:none;color:var(--color-white)}.end-card h1:focus{outline:none}.end-heading{font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);letter-spacing:normal;text-transform:none;color:var(--color-cocoa)}.end-heading:focus{outline:none}.end .button{align-self:flex-start}.dialog{max-width:420px;padding:20px;border:1px solid var(--color-border-sand);border-radius:var(--radius-panel);background:var(--color-card);color:var(--type-body-color);font-family:inherit;font-size:var(--type-body-size)}.dialog::backdrop{background:#2a23208c}.dialog.sheet{inset:auto 0 0;width:100%;max-width:none;max-height:calc(100dvh - 48px);padding:12px 20px calc(24px + env(safe-area-inset-bottom));border:none;border-radius:var(--radius-feature) var(--radius-feature) 0 0;background:var(--color-cream);box-shadow:0 -10px 30px #2a232059}.dialog.sheet[open]{display:flex;flex-direction:column;gap:14px}.dialog-grabber{width:44px;height:5px;margin:2px auto;border-radius:var(--radius-pill);background:var(--color-sand-muted)}.dialog-title{font-size:var(--type-title-size);letter-spacing:normal;text-transform:none;color:var(--color-cocoa)}.dialog-title:focus{outline:none}.dialog.sheet .dialog-title{margin:0;text-align:center}.dialog-lines{margin:0;padding:14px 16px;list-style:none;display:flex;flex-direction:column;gap:10px;overflow-y:auto;border:1px solid var(--color-border-sand);border-radius:var(--radius-panel);background:var(--color-white);color:var(--color-ink-muted);line-height:1.4}.dialog-lines li{display:flex;gap:10px}.dialog-lines li:before{content:"";flex:none;width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--color-coral-deep)}.dialog-actions{display:flex;gap:10px}.dialog-actions .button{flex:1;padding:14px 0}.dialog-actions .dialog-confirm{flex:1.4}.dialog-actions .dialog-cancel{background:none;color:var(--color-rust);border-color:var(--color-rust)}[aria-disabled=true]{opacity:.55;cursor:not-allowed}@media (min-width: 744px){main{padding:24px 32px 56px;gap:24px}.page-head{padding:40px 32px 0}.landing{padding-top:24px}.masthead{gap:16px}.backdrop .disc-top-right{top:-90px;right:-90px;width:280px;height:280px}.backdrop .disc-bottom-left{bottom:-110px;left:-100px;width:320px;height:320px}.lockup img{max-width:532px}.tagline{font-size:17px}.promo{max-width:340px}.promo-head{font-size:var(--type-label-size)}.promo-mark{height:36px}.promo-name{font-size:var(--type-title-size)}.promo-hook{font-size:14px}.dialog.sheet{top:0;right:0;bottom:0;left:0;width:auto;max-width:420px;max-height:calc(100dvh - 96px);margin:auto;padding:20px;border:1px solid var(--color-border-sand);border-radius:var(--radius-panel);background:var(--color-card);box-shadow:0 10px 30px #2a232059}.dialog-grabber{display:none}}.visually-hidden{position:absolute;text-transform:none;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body.board-screen{padding:0;overflow:hidden}body.board-screen .page-head{display:none}body.board-screen main{max-width:none;height:100dvh;margin:0;padding:0;gap:0;overflow:hidden}body.board-screen #match{flex:1;min-height:0;gap:0}.board{--scale: 1;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"head" "note" "table" "hand" "bar";height:100%;min-height:0}@media (min-width: 744px){.board{--scale: clamp(1, tan(atan2(100vw, 744px)), 1.35)}}.board-stack{position:relative}.board.under-overlay.paused>.board-hand{opacity:.55}.board.under-overlay>.board-table,.board.under-overlay>.board-hand,.board.under-overlay>.board-bar{pointer-events:none}.board-head{grid-area:head;display:flex;flex-direction:column;gap:9px;padding:calc(14px + env(safe-area-inset-top)) 18px 12px;background:var(--color-coral-deep)}.board-offline{grid-area:note;display:flex;align-items:center;gap:12px;margin:10px 18px 0;padding:12px 16px;background:var(--color-gold-tint);border:2px solid var(--color-butter);border-radius:var(--radius-panel)}.offline-dots{flex:none;display:flex;align-items:center;gap:6px;height:12px}.offline-dots>span{width:9px;height:9px;border-radius:50%;background:var(--color-coral-deep);animation:overlay-dot 1.4s infinite ease-in-out}.offline-dots>span:nth-child(2){animation-delay:.2s}.offline-dots>span:nth-child(3){animation-delay:.4s}.offline-text{display:flex;flex-direction:column;gap:1px;min-width:0}.offline-heading{font-weight:var(--font-weight-extra-bold);font-size:18px;color:var(--color-rust-deep)}.offline-body{font-weight:var(--font-weight-semi-bold);font-size:var(--type-body-size);line-height:1.35;color:var(--color-ink-muted)}.board-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-wild{display:flex;align-items:center;gap:8px;min-width:0;margin:0;font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);color:var(--color-white)}.board-chip{display:grid;place-items:center;flex:none;box-sizing:border-box;width:24px;height:32px;border-radius:6px;background:var(--color-butter);box-shadow:0 1px 3px #0003;color:var(--color-cocoa);transform:rotate(-6deg)}.board-head-round{display:flex;align-items:center;gap:5px}.board-round{margin-right:4px}.board-round h1{font-size:var(--type-meta-size);text-transform:uppercase;font-weight:var(--font-weight-bold);color:var(--color-white)}.board-dots{display:flex;gap:5px;align-items:center}.board-dot{box-sizing:border-box;flex:none;width:9px;height:9px;border:2px solid var(--color-cream);border-radius:50%}.board-dot.played{background:var(--color-cream)}.board-dot.current{width:13px;height:13px;background:var(--color-butter);border-color:var(--color-cocoa)}@media (min-width: 744px){.board-head{gap:11px;padding:calc(18px + env(safe-area-inset-top)) 26px 16px}.board-wild{gap:10px;font-size:19px}.board-chip{width:30px;height:42px;border-radius:7px}.board-head-round,.board-dots{gap:9px}.board-round{margin-right:6px}.board-dot{width:14px;height:14px}.board-dot.current{width:20px;height:20px;border-width:3px}}.roster-strip{display:flex;flex:none;flex-wrap:nowrap;gap:8px;margin:-14px -18px 0;padding:18px 14px 2px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.roster-strip::-webkit-scrollbar{display:none}.roster-card{display:flex;flex:none;flex-direction:column;align-items:center;gap:3px;width:150px;padding:7px 6px 8px;position:relative;background:var(--color-white);border:1px solid var(--color-border-sand);border-radius:var(--radius-panel-tight);white-space:nowrap;scroll-snap-align:start}.roster-card.notched{padding-top:18px}.roster-notch{position:absolute;text-transform:uppercase;top:0;left:50%;transform:translate(-50%,-50%);padding:3px 10px;background:var(--color-leaf-deep);border-radius:var(--radius-pill);color:var(--color-white);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);white-space:nowrap}.roster-card.offline .roster-notch,.roster-card.turnHeld .roster-notch,.roster-card.nickels .roster-notch{background:var(--color-cocoa);color:var(--color-butter)}.roster-card.offline,.roster-card.turnHeld{border-width:2px;border-color:var(--color-cocoa)}.roster-card.you{border-width:2px;border-color:var(--color-leaf);box-shadow:0 2px 6px color-mix(in srgb,var(--color-leaf) 25%,transparent)}.roster-card.nickels{background:var(--color-nickels-tint);border-width:2px;border-color:var(--color-butter);box-shadow:0 2px 6px color-mix(in srgb,var(--color-butter) 35%,transparent)}.roster-card.leftGame{background:var(--color-left-game);border-color:var(--color-left-game-edge)}.roster-card .avatar{width:32px;height:32px;margin-top:4px}.roster-card .roster-name{font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);text-transform:uppercase;color:var(--color-cocoa)}.roster-card .roster-meta{font-size:var(--type-body-size);font-weight:var(--font-weight-semi-bold);color:var(--color-rust)}.roster-card.you .roster-meta{color:var(--color-leaf-deep)}.roster-card.leftGame .roster-meta{color:var(--color-ink-muted)}.roster-left{padding:2px 8px;text-transform:uppercase;background:var(--color-left-game);border:1px solid var(--color-left-game-edge);border-radius:var(--radius-pill);font-size:var(--type-body-size);font-weight:var(--font-weight-bold);letter-spacing:var(--type-label-tracking);color:var(--color-ink-muted)}@media (min-width: 744px){.roster-strip{gap:10px;margin:-14px -18px 0;padding:14px 20px 2px}.roster-card{flex:1 0 auto;width:auto;min-width:172px;gap:4px;padding:10px 8px 11px}.roster-card.notched{padding-top:10px}.roster-card .avatar{width:38px;height:38px;margin-top:5px}}.board-table{grid-area:table;display:flex;flex-direction:column;padding:14px 18px;overflow-y:auto}.board-piles{display:flex;flex:none;gap:calc(18px * var(--scale, 1));justify-content:center;align-items:center;margin:calc(22px * var(--scale, 1)) 0 calc(26px * var(--scale, 1))}.board-pile{display:flex;align-items:center;gap:calc(12px * var(--scale, 1));padding:0;background:none;border:none;font:inherit;color:inherit;text-align:inherit}button.board-pile{cursor:pointer}.pile-cap{display:flex;flex-direction:column;gap:2px}.board-pile.draw .pile-cap{align-items:flex-end;text-align:right}.pile-cap-title{text-transform:uppercase;color:var(--color-rust);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:1.15}.pile-cap-sub{color:var(--color-rust-deep);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:1.15}button.board-pile.discard .card{border:2px solid var(--color-butter);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-butter) 25%,transparent),var(--shadow-pile)}@media (min-width: 744px){.board-piles{gap:calc(34px * var(--scale, 1));margin:calc(34px * var(--scale, 1)) 0 calc(36px * var(--scale, 1))}.board-pile{gap:calc(16px * var(--scale, 1))}button.board-pile.discard .card{border-width:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--color-butter) 25%,transparent),var(--shadow-pile)}}.board-card{position:relative;display:inline-flex;align-items:flex-start;padding:0;background:none;border:none;font:inherit;color:inherit}button.board-card{cursor:pointer}.board-card.empty{box-sizing:border-box;width:calc(54px * var(--scale, 1));height:calc(76px * var(--scale, 1));border:2px dashed var(--color-sand-muted);border-radius:10px;background:var(--color-gold-tint)}@media (min-width: 744px){.board-card.empty{width:calc(104px * var(--scale, 1));height:calc(146px * var(--scale, 1));border-radius:calc(16px * var(--scale, 1))}}.board-melds-heading{margin:0 0 6px;padding-left:4px;font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--color-rust-deep)}.board-melds-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.board-melds-empty{margin:0;color:var(--color-ink-muted)}.meld-group{box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:4px 8px 6px;background:var(--color-card);border:1px solid var(--color-border-sand);border-radius:var(--radius-card);font:inherit;color:inherit;text-align:left}button.meld-group.extendable{gap:3px;padding:6px 9px 8px;background:var(--color-own-meld);border:2px solid var(--color-leaf);cursor:pointer}.meld-group.refused{gap:3px;padding:6px 9px 8px;background:var(--color-invalid-tint);border:2px solid var(--color-red)}.meld-cap-row{display:flex;align-items:center;gap:8px}.meld-cap{font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);letter-spacing:.06em;color:var(--color-rust)}.meld-group.extendable .meld-cap{color:var(--color-leaf-deep)}.meld-group.refused .meld-cap{color:var(--color-red-text)}.meld-pill{padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-white)}.meld-pill.add{background:var(--color-leaf-deep)}.meld-pill.deny{background:var(--color-red-text)}.meld-pill.deny:before{content:"✗ "}.meld-cards{display:flex;align-items:center;gap:3px}.meld-slot{display:flex}.meld-cards .card.not-allowed{background:var(--color-white);border:2px dashed var(--color-red);transform:rotate(7deg)}@media (min-width: 744px){.board-melds-list{gap:10px}.meld-group,button.meld-group.extendable,.meld-group.refused{gap:4px;padding:8px 11px 10px;border-radius:var(--radius-panel-tight)}.meld-group.refused{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-red) 15%,transparent)}}.board-hand{--hand-lift-room: 20px;grid-area:hand;display:flex;flex-direction:column;align-items:center;padding:var(--hand-lift-room) 10px 8px;max-height:45dvh;overflow-y:auto}.board-hand-rows{position:relative}.board-hand-row{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:center}.board-hand-row>.board-card+.board-card{margin-left:calc(-1 * var(--hand-overlap, 0px))}.board-hand-rows.two>.front{position:relative;z-index:1;margin-top:calc(var(--card-h, 80px) * var(--scale, 1) - var(--hand-row-overlap))}.board-hand-rows.two>.behind{position:absolute;top:0;left:0;right:0}.board-hand-rows.two{--card-h: 80px;--hand-row-overlap: 36px}.board-hand-empty{box-sizing:border-box;text-transform:uppercase;width:100%;margin:6px 0 2px;padding:18px 0;border:2px dashed var(--color-butter);border-radius:14px;background:var(--color-gold-tint);color:var(--color-rust-deep);font-size:16px;font-weight:var(--font-weight-extra-bold);letter-spacing:.08em;text-align:center}@media (min-width: 744px){.board-hand{padding:var(--hand-lift-room) 12px 10px}.board-hand-rows.two{--card-h: 124px}}.board-hand .board-card{touch-action:none;-webkit-user-select:none;user-select:none}.board-card.dragging{z-index:4;cursor:grabbing}.drag-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.drag-layer.holding{pointer-events:auto;touch-action:none;cursor:grabbing}.drag-layer>.board-card{position:fixed;margin:0}.board-card.lifted{visibility:hidden}.board-card.shifted{transition:transform .12s ease-out}.board-card.settling{transition:transform .18s ease-out}.board-bar{grid-area:bar;display:flex;flex-direction:column;gap:8px;padding:10px 18px max(12px,env(safe-area-inset-bottom));color:var(--color-white)}.board-bar.act{background:var(--color-leaf-deep)}.board-bar.wait{background:var(--color-navy)}.bar-row{display:flex;align-items:center;gap:14px}.bar-kicker{flex:none;text-transform:uppercase;font-size:var(--type-body-size);line-height:1.15;font-weight:var(--font-weight-extra-bold);letter-spacing:.04em;color:var(--color-kicker);white-space:pre-line}.bar-words{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.bar-title{font-size:var(--type-body-size);font-weight:var(--font-weight-extra-bold)}.board-bar.alert .bar-title{color:var(--color-kicker)}.bar-body{color:var(--color-ink-on-dark)}.bar-buttons{display:flex;gap:8px}.bar-button{letter-spacing:.06em}.bar-buttons .bar-button{flex:1;padding:12px 0}.bar-row .bar-button{flex:none;padding:12px 16px;white-space:nowrap}.board-bar .button.ghost{border:none;background:color-mix(in srgb,var(--color-white) 16%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-white) 55%,transparent)}@keyframes bar-grow{50%{padding-top:25px}}.board-bar.pulse{animation:bar-grow .75s ease-in-out 5}.board-bar.pulse.brief{animation-iteration-count:2}@media (min-width: 744px){.board-bar{padding:16px 26px max(20px,env(safe-area-inset-bottom));gap:12px}.bar-row{gap:20px}.bar-title{font-size:var(--type-title-size)}.bar-buttons .bar-button{padding:16px 0}.bar-row .bar-button{padding:14px 26px}}.board-leave{margin-left:auto;padding:8px 16px;font-size:var(--type-meta-size)}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:14px;pointer-events:none}.board>.board-overlay{position:static;grid-area:table;z-index:1}.overlay-card{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(480px,100%);padding:18px 20px 20px;background:var(--color-cocoa);border-radius:20px;box-shadow:0 8px 24px #2a232059;text-align:center;max-height:100%;overflow:auto}.overlay-card.coming-back{gap:4px;padding:16px 20px;background:var(--color-coral-deep);box-shadow:0 8px 24px #cb4b2459;max-height:none;overflow:visible}.overlay-card.coming-back .overlay-body{color:var(--color-white)}.overlay-heading{margin:0;font-size:22px;font-weight:var(--font-weight-extra-bold);color:var(--color-white)}.overlay-body{margin:0;font-size:var(--type-body-size);font-weight:var(--font-weight-semi-bold);line-height:1.45;color:var(--color-ink-on-dark)}.overlay-note{margin:0;font-size:14px;font-weight:var(--font-weight-semi-bold);line-height:1.4;color:var(--color-ink-on-dark)}@media (max-height: 700px){.board.under-overlay.paused>.board-overlay{grid-row:2 / -1}}@media (max-height: 400px){.board.under-overlay.paused>.board-overlay{padding:8px}.board.under-overlay.paused .overlay-card{gap:6px;padding:14px 20px 16px}}.overlay-glyph{display:flex;align-items:center;align-self:center}.overlay-glyph.bars{gap:5px;height:16px}.overlay-glyph.bars>span{width:6px;height:16px;border-radius:3px;background:var(--color-butter)}.overlay-glyph.dots{gap:7px;height:14px}.overlay-glyph.dots>span{width:10px;height:10px;border-radius:50%;background:var(--color-butter);animation:overlay-dot 1.4s infinite ease-in-out}.overlay-glyph.dots>span:nth-child(2){animation-delay:.2s}.overlay-glyph.dots>span:nth-child(3){animation-delay:.4s}@keyframes overlay-dot{0%,to{opacity:.35}50%{opacity:1}}.overlay-card .button.ghost{width:100%;margin-top:6px;border:none;background:color-mix(in srgb,var(--color-white) 14%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-white) 55%,transparent)}.dialog.notice{max-width:330px;padding:0;border:none;border-radius:var(--radius-feature);background:var(--color-cream);box-shadow:0 20px 50px #00000059;overflow:hidden;text-align:center}.dialog.notice[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}.dialog.notice::backdrop{background:#2a23209e}.notice-head{flex:none;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px 24px;background:var(--color-butter);text-align:center}.notice-badge{display:grid;place-items:center;background:var(--color-cocoa);color:var(--color-butter);font-weight:var(--font-weight-extra-bold)}.notice-badge.chip{width:42px;height:56px;border-radius:8px;transform:rotate(-8deg);box-shadow:0 2px 6px color-mix(in srgb,var(--color-cocoa) 25%,transparent);font-size:26px}.notice-badge.disc{width:56px;height:56px;border-radius:50%;font-size:22px}.notice-title{margin:0;font-size:30px;line-height:1.05;font-weight:var(--font-weight-extra-bold);letter-spacing:.02em;color:var(--color-cocoa);white-space:pre-line}.notice-title:focus{outline:none}.notice-body{display:flex;flex-direction:column;gap:18px;min-height:0;padding:22px 24px 24px}.notice-lines{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.notice-lead{margin:0;font-size:18px;font-weight:var(--font-weight-extra-bold);color:var(--color-cocoa)}.notice-text{margin:0;font-size:var(--type-body-size);line-height:1.4;font-weight:var(--font-weight-semi-bold);color:var(--color-ink-muted)}.notice-confirm{flex:none;width:100%;padding:15px 0;letter-spacing:.06em}.notice-head .dialog-title{margin:0;text-align:center}@media (min-width: 744px){.dialog.notice{max-width:460px}.notice-head{padding:36px 34px 30px}.notice-title{font-size:36px}.notice-confirm{padding:18px 0}}.declare-options{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:8px;text-align:left}.declare-option{display:flex;align-items:flex-start;gap:8px;padding:10px;background:var(--color-card);border:2px solid var(--color-border-sand);border-radius:var(--radius-card)}.declare-option:focus-within{border-color:var(--color-coral-deep)}.result{display:flex;flex-direction:column;gap:20px}.result.under-overlay{pointer-events:none}.result.under-overlay .result-footer,.result.under-overlay .recap{opacity:.55}.result-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.result-pill{display:inline-flex;align-items:center;margin:0;padding:8px 14px;border-radius:var(--radius-pill);background:var(--color-white);font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold)}.result-drawn{display:inline-flex;align-items:center;gap:8px}.result-pill.round{border:2.5px solid var(--color-blue);box-shadow:0 2px color-mix(in srgb,var(--color-blue) 25%,transparent);color:var(--color-blue);letter-spacing:.1em}.result-pill.round .result-drawn{text-transform:uppercase}.result-pill.wild{padding-left:10px;border:2.5px solid var(--color-butter);box-shadow:0 2px color-mix(in srgb,var(--color-butter) 40%,transparent);color:var(--color-rust);letter-spacing:.08em}.result-chip{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:30px;border-radius:5px;background:var(--color-butter);color:var(--color-cocoa);transform:rotate(-6deg);font-size:var(--type-label-size);letter-spacing:normal}.result-hero{position:relative;width:fit-content;max-width:100%;margin:8px auto 6px;padding:18px 28px;border-radius:26px 32px 24px 34px;background:var(--color-coral-deep);box-shadow:5px 6px 0 var(--color-butter);transform:rotate(-1.5deg);color:var(--color-white);font-size:26px;font-weight:var(--font-weight-extra-bold);letter-spacing:.06em;line-height:1.1;text-align:center}.hero-dot{position:absolute;border-radius:50%}.hero-dot.one{top:12px;left:16px;width:9px;height:9px;background:var(--color-butter)}.hero-dot.two{right:16px;bottom:13px;width:7px;height:7px;background:color-mix(in srgb,var(--color-cream) 60%,transparent)}.result-hero.final{border-radius:32px 24px 34px 26px;background:var(--color-blue);box-shadow:5px 6px 0 var(--color-coral);transform:rotate(1.5deg)}.result-hero.final .hero-dot.one{right:16px;left:auto}.result-hero.final .hero-dot.two{left:16px;right:auto}.standings{padding:18px;border:2px solid var(--color-butter);border-radius:var(--radius-feature);background:var(--color-white)}.standings-heading{margin:0 0 10px;font-size:var(--type-label-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);color:var(--color-rust-deep);text-align:center}.standings-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.standings-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.standings-row.ruled{padding-top:10px;border-top:1px dashed var(--color-sand-muted)}.standings-disc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--color-card);color:var(--color-cocoa);font-weight:var(--font-weight-extra-bold)}.standings-disc.place-1{background:var(--color-butter)}.standings-disc.place-2{background:var(--color-silver)}.standings-disc.place-3{background:var(--color-bronze)}.standings-disc.none{background:var(--color-border-sand)}.standings-name{text-transform:uppercase;flex:1;font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.04em}.standings-chip{padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-left-game);color:var(--color-ink-muted);font-size:var(--type-meta-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking)}.standings-pts{font-weight:var(--font-weight-extra-bold)}.scores{padding:18px 20px 8px;border-radius:var(--radius-feature);background:var(--color-navy);box-shadow:0 5px 0 var(--color-navy-edge);color:var(--color-white)}.scores-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:12px}.scores-heading{margin:0;font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.14em;color:var(--color-kicker)}.scores-columns,.scores-divider{margin:0;text-transform:uppercase;font-size:var(--type-meta-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.08em;color:var(--color-ink-on-dark)}.scores-divider{padding:14px 8px 2px;border-top:1px solid color-mix(in srgb,var(--color-white) 18%,transparent);letter-spacing:.14em}.scores-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.score-row{display:flex;flex-direction:column;gap:6px;padding:12px 8px;border-top:1px solid color-mix(in srgb,var(--color-white) 18%,transparent)}.scores-list.left .score-row{padding-top:4px;border-top:none}.score-row.winner{border-radius:var(--radius-panel-tight);background:color-mix(in srgb,var(--color-butter) 14%,transparent)}.score-line{display:flex;align-items:center;gap:10px}.score-glyph{flex:none;min-width:26px;font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);color:var(--color-ink-on-dark)}.score-name{flex:1;text-transform:uppercase;font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);letter-spacing:.04em}.score-delta{font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);color:color-mix(in srgb,var(--color-white) 85%,transparent)}.score-total{min-width:56px;font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);text-align:right}.score-row.winner .score-glyph,.score-row.winner .score-name,.score-row.winner .score-delta{color:var(--color-kicker)}.score-under{display:flex;flex-direction:column;gap:5px;padding-left:70px}.score-reason{font-size:var(--type-body-size);font-weight:var(--font-weight-semi-bold);color:color-mix(in srgb,var(--color-white) 85%,transparent)}.score-caught{display:flex;flex-wrap:wrap;gap:3px}.score-caught .card{border-color:color-mix(in srgb,var(--color-white) 50%,transparent)}.scores-bar{margin:0;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--color-white) 18%,transparent);font-size:var(--type-meta-size);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-align:center;color:var(--color-ink-on-dark)}.recap{display:flex;flex-direction:column;gap:10px}.recap-heading{margin:0;padding-left:4px;font-size:var(--type-title-size);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-rust)}.recap-owners,.recap-melds{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.recap-owners{flex-direction:column;gap:14px}.recap-owner{display:flex;flex-direction:column;gap:8px}.recap-who{display:flex;align-items:center;gap:8px;margin:0;padding-left:4px}.recap-who .avatar{width:36px;height:36px}.recap-name{font-size:var(--type-title-size);font-weight:var(--font-weight-extra-bold);color:var(--color-cocoa)}.recap-count{font-size:var(--type-body-size);font-weight:var(--font-weight-semi-bold);color:var(--color-ink-muted)}.recap-meld{display:flex;flex-direction:column;gap:4px;padding:8px 11px 10px;border:1px solid var(--color-border-sand);border-radius:var(--radius-panel-tight);background:var(--color-card)}.recap-cards{display:flex;gap:4px}.recap-caption{font-size:var(--type-meta-size);font-weight:var(--font-weight-bold);letter-spacing:.06em;color:var(--color-rust)}.recap-empty{margin:0;font-size:var(--type-meta-size);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--type-label-tracking);color:var(--color-ink-muted)}.result-footer{display:flex;flex-direction:column;gap:12px;padding-top:4px}.countdown{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border:2px dashed var(--color-coral);border-radius:var(--radius-panel);background:var(--color-card)}.countdown-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;border:3px solid var(--color-coral);border-radius:50%;background:var(--color-white);font-size:20px;font-weight:var(--font-weight-extra-bold);line-height:1;color:var(--color-coral-deep)}.countdown-text{margin:0;font-size:var(--type-body-size);font-weight:var(--font-weight-bold);color:var(--color-rust)}.ready-count{margin:0;font-size:var(--type-body-size);font-weight:var(--font-weight-semi-bold);text-align:center;color:var(--color-ink-muted)}.button.ready{gap:12px;width:100%;padding:14px 0;border:3px solid var(--color-coral-deep);background:var(--color-white);box-shadow:0 4px color-mix(in srgb,var(--color-coral-deep) 35%,transparent);font-size:var(--type-title-size);letter-spacing:.08em;color:var(--color-coral-deep)}.ready-box{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:24px;height:24px;border:2.5px solid var(--color-coral-deep);border-radius:7px;background:var(--color-white);font-size:var(--type-meta-size);line-height:1}.button.ready.done{border-color:var(--color-leaf-deep);background:var(--color-leaf-deep);box-shadow:none;color:var(--color-white)}.button.ready.done .ready-box{border-color:var(--color-white);background:var(--color-leaf-deep);color:var(--color-white)}.button.ready[aria-disabled=true]:not(.done){border-color:var(--color-sand-muted);background:var(--color-sand-muted);box-shadow:none;color:color-mix(in srgb,var(--color-cocoa) 45%,transparent)}.button.ready[aria-disabled=true]:not(.done) .ready-box{border-color:color-mix(in srgb,var(--color-cocoa) 45%,transparent);background:none}.button.outline.result-leave{width:100%;background:none;border:none;box-shadow:inset 0 0 0 2.5px var(--color-rust);color:var(--color-rust);font-size:var(--type-title-size);letter-spacing:.08em}.board-stack .result-leave{position:relative;z-index:1;margin-top:14px}@media (min-width: 744px){.result-pill{padding:10px 20px;font-size:18px}.result-pill.wild{padding-left:12px;font-size:17px}.result-chip{width:26px;height:36px;font-size:17px}.result-hero{margin-top:20px;padding:20px 44px;font-size:32px}.scores{padding:20px 24px 8px}.scores-heading{font-size:19px}.score-glyph,.score-name,.score-delta,.score-total{font-size:20px}.score-glyph{font-size:19px}.score-reason{font-size:17px}.countdown{padding:14px 20px}.countdown-text{font-size:18px}.button.ready{padding:15px 0;font-size:20px}}.account{display:grid;place-items:center;box-sizing:border-box;border:2.5px solid var(--color-blue);border-radius:50%;background:var(--color-white);box-shadow:0 2px #3f6ba840;text-decoration:none}.account-glyph{fill:none;stroke:var(--color-blue);stroke-width:2.1;stroke-linecap:round}.account-page main{display:flex;flex-direction:column;gap:18px;padding:18px 18px 32px}.account-panel{display:flex;flex-direction:column;gap:14px;padding:22px 22px 24px;background:var(--color-card);border:1px solid var(--color-border-sand);border-radius:var(--radius-panel);box-shadow:var(--shadow-card)}.account-providers,.account-email-form{display:flex;flex-direction:column;gap:12px}.account-facts{display:flex;flex-direction:column;gap:4px;margin:0}.account-facts dt{color:var(--color-ink-muted);font-size:var(--type-meta-size)}.account-facts dd{margin:0 0 8px;font-weight:var(--font-weight-bold);overflow-wrap:anywhere}.account-email{display:flex;flex-direction:column;gap:12px;padding-top:4px;border-top:1.5px solid var(--color-border-sand)}.account-sent{margin:0;font-weight:var(--font-weight-bold);overflow-wrap:anywhere}