:root{--bg: #0b0f14;--bg-elevated: #131922;--surface: #182029;--surface-2: #212b37;--line: #2c3846;--line-soft: #212b37;--text: #eef3f9;--text-muted: #94a4b8;--text-faint: #6a7a8d;--accent: #4c9dff;--accent-ink: #ffffff;--accent-deep: #2a6fd4;--amber: #f2b23c;--good: #3fc98a;--bad: #f0685f;--felt: #10241d;--felt-edge: #1b3b30;--card-face: #f7f9fc;--card-ink: #131b25;--card-red: #cf3a2f;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 6px 18px rgb(0 0 0 / .45);--shadow-3: 0 14px 40px rgb(0 0 0 / .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{min-height:100dvh}.screen{max-width:720px;margin:0 auto;padding:0 1rem 3rem}.screen--game{display:flex;flex-direction:column;gap:.875rem}.screen--setup,.screen--gate{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding-block:3rem}.hero{text-align:center}.logo{font-size:clamp(2rem,8vw,3rem)}.logo__suits{letter-spacing:.25em}.card-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-2)}.field{display:flex;align-items:center;justify-content:space-between;gap:1rem}.field__label{font-weight:600;font-size:1.15rem;min-width:2rem;text-align:center;color:var(--text-muted)}.switch__symbol{font-size:1.15rem}select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:.5rem .7rem;min-width:11rem}.switch{display:flex;gap:.75rem;align-items:flex-start;cursor:pointer}.switch input{margin-top:.25rem;width:1.1rem;height:1.1rem;accent-color:var(--accent);flex:none}.switch small{display:block;color:var(--text-muted);font-size:.825rem}.gate{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:2.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-2)}.resolution{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;box-shadow:var(--shadow-2);animation:pop .28s cubic-bezier(.2,.9,.3,1.3)}.resolution__headline{font-size:1.2rem;letter-spacing:-.01em;text-align:center;text-wrap:balance}.resolution__note{color:var(--text-muted);font-size:.9rem;text-align:center}.resolution .bidders{max-width:none}.gate__eyebrow{color:var(--text-muted);font-size:1.4rem;line-height:1}.gate__name{font-size:2rem;letter-spacing:-.02em}.gate__hint{color:var(--text-muted);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);padding:.65rem 1.1rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s}.btn:hover:not([disabled]){border-color:var(--accent)}.btn:active:not([disabled]){transform:translateY(1px)}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--accent-ink)}.btn--primary:hover:not([disabled]){background:var(--accent)}.btn--ghost{background:transparent}.btn--block{width:100%;padding-block:.8rem}.btn--sm{padding:.35rem .8rem;font-size:1.1rem;line-height:1.2;font-weight:500}.btn--hero{font-size:1.4rem;max-width:14rem;margin:0 auto}.searching{display:flex;align-items:center;justify-content:center;gap:.9rem;font-size:2rem;padding:1rem 0 1.5rem}.searching__peer{opacity:.3;animation:sigil-breathe 2s ease-in-out infinite}.btn.is-muted{text-decoration:line-through;opacity:.55}.topbar{display:flex;align-items:center;gap:.75rem;padding:.875rem 0 .75rem;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.topbar__brand{font-weight:800;font-size:1.25rem;line-height:1;color:#ff4a3c}.topbar__stats{display:flex;align-items:center;gap:.5rem;color:var(--text-faint);font-size:.8rem;font-variant-numeric:tabular-nums}.dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}.topbar__actions{margin-left:auto;display:flex;gap:.4rem}.opponents{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.chip{flex:1 1 0;min-width:8.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:.6rem .7rem;display:flex;flex-direction:column;gap:.4rem;transition:opacity .2s,border-color .2s}.chip.is-out{opacity:.45}.chip.is-top{border-color:color-mix(in srgb,var(--amber) 55%,var(--line));background:color-mix(in srgb,var(--amber) 7%,var(--surface))}.chip__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.chip__name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip__count{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.chip__count-icon{width:9px;height:12px;border:1px solid currentColor;border-radius:2px;opacity:.7}.chip__tags{display:flex;flex-wrap:wrap;gap:.25rem;min-height:1.1rem}.chip__cards{display:flex;gap:.2rem;flex-wrap:wrap}.chip__cards--fan{gap:0;flex-wrap:nowrap;overflow:hidden;padding-top:.15rem}.chip__cards--fan .card{flex:none}.chip__cards--fan .card+.card{margin-left:calc(var(--w) * -.55)}.chip__cards--fan .card:not(.is-facedown){z-index:1;box-shadow:-2px 0 4px #00000059}.chip__hand-row{display:flex;align-items:center;gap:.4rem;min-height:2.9rem}.chip__bid{display:flex;gap:.15rem;padding-left:.4rem;border-left:1px dashed color-mix(in srgb,var(--amber) 45%,transparent)}.tag{font-size:.85rem;line-height:1.2;letter-spacing:.02em;padding:.08rem .45rem;border-radius:999px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--line);white-space:nowrap}.tag--amber{background:color-mix(in srgb,var(--amber) 18%,transparent);border-color:color-mix(in srgb,var(--amber) 40%,transparent);color:var(--amber)}.tag--muted{opacity:.7}.stage{background:radial-gradient(120% 100% at 50% 0%,var(--felt-edge),var(--felt) 70%);border:1px solid var(--felt-edge);border-radius:var(--r-lg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:inset 0 1px #ffffff0a,var(--shadow-1)}.stage__label{font-size:1.5rem;line-height:1;letter-spacing:.06em;color:color-mix(in srgb,var(--text) 80%,transparent)}.stage__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.offer{display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:6.5rem}.prize{animation:pop .28s cubic-bezier(.2,.9,.3,1.3)}.stage__hint{font-size:.8rem;color:color-mix(in srgb,var(--text) 45%,transparent)}.stage__actions{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:#00000040;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--r-md);padding:.75rem 1rem;max-width:26rem}.stage__buttons{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.stage__buttons .btn{font-size:1.4rem;line-height:1.2;padding:.55rem 1.6rem}.board{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;align-self:stretch;padding-bottom:.35rem}.stage--focus .board{border-bottom:1px solid color-mix(in srgb,var(--felt-edge) 70%,transparent)}.board__center{flex:1;display:flex;justify-content:center;align-items:center;min-height:3.5rem}.pile{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:none}.pile__card{box-shadow:2px 2px 0 -1px #2a3644,4px 4px 0 -2px #202b37,var(--shadow-1)}.pile__label{font-size:.66rem;color:color-mix(in srgb,var(--text) 45%,transparent);white-space:nowrap;font-variant-numeric:tabular-nums}.pile__sigil{font-size:.85rem;color:#ff4a3c;line-height:1;animation:sigil-breathe 2.4s ease-in-out infinite}@keyframes sigil-breathe{50%{opacity:.4}}.table-strip__cards{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.card.slot{background:transparent;border:2px dashed color-mix(in srgb,var(--amber) 45%,transparent);box-shadow:none}.bidders{list-style:none;width:100%;max-width:24rem;display:grid;gap:.35rem}.bidder{background:#00000047;border:1px solid transparent;border-radius:var(--r-md);padding:.5rem .7rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .2s,opacity .2s}.bidder.is-leading{border-color:color-mix(in srgb,var(--amber) 55%,transparent);background:color-mix(in srgb,var(--amber) 9%,rgb(0 0 0 / .28))}.bidder.is-turn{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.bidder.is-out{opacity:.5}.bidder__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.bidders__sep{list-style:none;text-align:center;font-size:1.3rem;line-height:1;color:var(--amber);transform:rotate(90deg);padding:.1rem 0}.bidder__name{font-weight:600;font-size:.9rem}.bidder__cards{display:flex;flex-wrap:wrap;gap:.2rem}.bidder__none{font-size:.75rem;color:color-mix(in srgb,var(--text) 40%,transparent)}.tag--blue{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.actionbar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;min-height:2.2rem}.actionbar__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bar-status{font-size:1rem}.bar-status.bad{font-size:1.3rem;line-height:1}.bar-status.good{color:var(--good);font-weight:600}.bar-status.bad{color:var(--bad)}.bar-status.idle{color:var(--text-muted)}.bar-status.shake{animation:head-shake .4s ease-in-out}@keyframes head-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}}.reveals{list-style:none;display:grid;gap:.4rem;width:100%}.reveal{background:#00000040;border:1px solid transparent;border-radius:var(--r-md);padding:.5rem .7rem;display:flex;flex-direction:column;gap:.35rem}.reveal.is-winner{border-color:color-mix(in srgb,var(--amber) 55%,transparent);background:color-mix(in srgb,var(--amber) 10%,rgb(0 0 0 / .25))}.reveal__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.reveal__name{font-weight:600}.reveal__hand{font-size:.82rem;color:var(--text-muted)}.reveal__cards{display:flex;gap:.2rem}.reveal__empty{font-size:.8rem;color:var(--text-faint)}.finale{text-align:center;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.finale-stage.is-win{border-color:color-mix(in srgb,var(--good) 55%,var(--felt-edge));box-shadow:inset 0 0 60px color-mix(in srgb,var(--good) 12%,transparent),var(--shadow-1)}.finale-stage.is-loss{border-color:color-mix(in srgb,var(--bad) 45%,var(--felt-edge));box-shadow:inset 0 0 60px color-mix(in srgb,var(--bad) 10%,transparent),var(--shadow-1)}.verdict{font-size:3.5rem;line-height:1;font-weight:700;animation:verdict-pop .45s cubic-bezier(.2,.9,.3,1.4)}.verdict--win{color:var(--good);text-shadow:0 0 24px color-mix(in srgb,var(--good) 55%,transparent)}.verdict--loss{color:var(--bad);text-shadow:0 0 24px color-mix(in srgb,var(--bad) 45%,transparent)}.verdict--draw{color:var(--amber);text-shadow:0 0 24px color-mix(in srgb,var(--amber) 45%,transparent)}.finale-stage.is-draw{border-color:color-mix(in srgb,var(--amber) 45%,var(--felt-edge));box-shadow:inset 0 0 60px color-mix(in srgb,var(--amber) 10%,transparent),var(--shadow-1)}@keyframes verdict-pop{0%{transform:scale(.4);opacity:0}}.resolution.is-win{border-color:color-mix(in srgb,var(--good) 50%,var(--line))}.resolution.is-loss{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.finale__eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint)}.finale__name{font-size:1.75rem;letter-spacing:-.02em;color:var(--amber)}.thinking{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.95rem}.thinking__name{color:var(--text);font-weight:600}.thinking__dots{display:inline-flex;gap:3px;margin-left:.15rem}.thinking__dots i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:blink 1.1s infinite ease-in-out}.thinking__dots i:nth-child(2){animation-delay:.16s}.thinking__dots i:nth-child(3){animation-delay:.32s}@keyframes blink{0%,70%,to{opacity:.25}35%{opacity:1}}.chip.is-acting{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));animation:chip-pulse 1.8s ease-in-out infinite}@keyframes chip-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}}.chip.flash-amber{animation:flash-amber .9s ease-out}.chip.flash-good{animation:flash-good .9s ease-out}.chip.flash-muted{animation:flash-muted .9s ease-out}@keyframes flash-amber{0%{box-shadow:0 0 0 6px color-mix(in srgb,var(--amber) 45%,transparent);border-color:var(--amber)}}@keyframes flash-good{0%{box-shadow:0 0 0 6px color-mix(in srgb,var(--good) 45%,transparent);border-color:var(--good)}}@keyframes flash-muted{0%{opacity:.25}}.finale__sub{color:var(--text-muted);margin-top:.25rem}.dock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:.8rem .9rem .9rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-2)}.dock__body{display:flex;align-items:flex-end;gap:.9rem;flex-wrap:wrap}.dock__bid{display:flex;flex-direction:column;gap:.3rem;padding-left:.9rem;border-left:1px dashed color-mix(in srgb,var(--amber) 45%,transparent)}.dock__bid-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--amber)}.dock__bid-cards{display:flex;gap:.25rem}.dock__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.dock__name{font-weight:700}.dock__cards{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.5rem}.logbox{border-top:1px solid var(--line-soft);padding-top:.5rem}.logbox__toggle{font-size:1.1rem;line-height:1;color:var(--text-faint)}.logbox__toggle:hover{color:var(--text-muted)}.logbox__list{list-style:none;margin-top:.5rem;display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--text-faint);max-height:14rem;overflow-y:auto}.takes{margin-top:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:.75rem .9rem}.takes__scroll{overflow-x:auto}.takes table{border-collapse:collapse}.takes th,.takes td{padding:.25rem .45rem;text-align:center;vertical-align:middle}.takes thead th{font-size:.78rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.takes tbody th{font-size:.75rem;font-weight:500;color:var(--text-faint);font-variant-numeric:tabular-nums}.takes tbody tr+tr{border-top:1px solid var(--line-soft)}.takes__mark{display:block;font-size:.6rem;opacity:.7}.takes .card{display:inline-flex}.card{--w: 3.25rem;position:relative;width:var(--w);aspect-ratio:5 / 7;border-radius:calc(var(--w) * .11);background:linear-gradient(160deg,#ffffff,var(--card-face));color:var(--card-ink);border:1px solid rgb(0 0 0 / .25);box-shadow:var(--shadow-1);flex:none;display:block;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,outline-color .14s ease;outline:2px solid transparent;outline-offset:1px}.card--sm{--w: 2.1rem}.card--lg{--w: 4.5rem}.card--red{color:var(--card-red)}.card__corner{position:absolute;top:4%;left:7%;font-size:calc(var(--w) * .26);font-weight:700;line-height:1;display:flex;flex-direction:column;align-items:center}.card__corner i{font-style:normal;font-size:calc(var(--w) * .22)}.card__pip{position:absolute;right:8%;bottom:4%;font-size:calc(var(--w) * .46);line-height:1;opacity:.9}.card--joker{background:radial-gradient(120% 120% at 50% 20%,#3d0a12,#14060b 75%);color:#ff4a3c;border-color:#6b1220}.card__joker{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--w) * .55);text-shadow:0 0 calc(var(--w) * .18) rgb(255 40 30 / .8)}.card.is-facedown{background:repeating-linear-gradient(45deg,#24313f,#24313f 5px,#1b2632 5px 10px);border-color:#33414f}.card.is-dimmed{opacity:.55}.card.is-clickable{cursor:pointer}.card.is-clickable:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}.card.is-starred{outline-color:color-mix(in srgb,var(--amber) 75%,transparent)}.card.is-selected{transform:translateY(-10px);outline-color:var(--accent);box-shadow:var(--shadow-3)}@keyframes pop{0%{transform:scale(.82) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.card-enter{animation:card-enter .32s ease-out backwards}@keyframes card-enter{0%{opacity:0;transform:translateY(-10px) scale(.88)}}.card--joker.card--lg{animation:joker-glow 2s ease-in-out infinite}@keyframes joker-glow{50%{box-shadow:0 0 0 3px #dc282880,0 6px 28px #dc1e1e73}}@media(min-width:620px){.card{--w: 3.75rem}.card--sm{--w: 2.3rem}.card--lg{--w: 5.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}