@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-vietnamese-700-normal-DH94m5DZ.woff2) format("woff2"),url(/assets/fraunces-vietnamese-700-normal-DxawQjq2.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-normal-CanUGppC.woff2) format("woff2"),url(/assets/fraunces-latin-ext-700-normal-DuBstVeD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2) format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/fraunces-vietnamese-700-italic-C-_LXZh6.woff2) format("woff2"),url(/assets/fraunces-vietnamese-700-italic-TjWpizEc.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-italic-BEQCgP0l.woff2) format("woff2"),url(/assets/fraunces-latin-ext-700-italic-CfrVi7VQ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-italic-BTx51a-P.woff2) format("woff2"),url(/assets/fraunces-latin-700-italic-Bjyesmbf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-normal-CanUGppC.woff2) format("woff2"),url(/assets/fraunces-latin-ext-700-normal-DuBstVeD.woff) format("woff")}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-italic-BEQCgP0l.woff2) format("woff2"),url(/assets/fraunces-latin-ext-700-italic-CfrVi7VQ.woff) format("woff")}.joc{--felt-900: oklch(22% .06 155);--felt-800: oklch(29% .08 152);--felt-700: oklch(36% .1 150);--felt-600: oklch(44% .11 148);--felt-line: oklch(52% .1 148 / .35);--cream-50: oklch(98% .012 85);--cream-100: oklch(96% .02 85);--cream-200: oklch(91% .03 80);--cream-ink: oklch(24% .02 60);--cream-muted: oklch(48% .02 60);--gold-400: oklch(84% .14 88);--gold-500: oklch(78% .15 85);--gold-700: oklch(62% .13 75);--card-red: oklch(52% .2 27);--card-black: oklch(20% .01 260);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}.joc .font-display{font-family:Fraunces,Iowan Old Style,Georgia,serif;font-weight:700;letter-spacing:-.015em}.felt{position:relative;color:var(--cream-50);background-color:var(--felt-800);background-image:radial-gradient(120% 90% at 50% 0%,oklch(40% .11 150 / .9),transparent 60%),radial-gradient(90% 70% at 50% 110%,oklch(16% .05 155),transparent 60%);isolation:isolate}.felt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,oklch(0% 0 0 / .35) 100%);z-index:0}.felt>*{position:relative;z-index:1}.felt--lit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out-quint);background:radial-gradient(640px circle at var(--lx, 50%) var(--ly, 40%),oklch(100% 0 0 / .09),transparent 62%)}.felt--lit.is-lit:before{opacity:1}.felt-rail{height:10px;background:linear-gradient(180deg,#43260a,#2c1302);box-shadow:inset 0 1px #ffffff14,0 6px 14px #00000059}.paper{background-color:var(--cream-50);color:var(--cream-ink);background-image:radial-gradient(oklch(0% 0 0 / .035) 1px,transparent 1px);background-size:18px 18px}[data-theme=dark] .paper{background-color:var(--cream-100)}.pcard{position:relative;aspect-ratio:63 / 88;border-radius:10px;background:linear-gradient(160deg,#fffbf4,#f5eee0);color:var(--card-black);box-shadow:0 1px #fff9 inset,0 10px 24px -10px #0000008c,0 2px 4px #00000040;transform-style:preserve-3d;will-change:transform}.pcard--red{color:var(--card-red)}.mode-card{position:relative;aspect-ratio:auto;perspective:1100px}.mode-card__inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .42s var(--ease-out-quint)}.mode-card.is-picked .mode-card__inner{transform:rotateY(180deg)}.mode-card__face,.mode-card__back{backface-visibility:hidden}.mode-card__face{position:relative;height:100%;aspect-ratio:auto;overflow:hidden;padding-bottom:3.25rem}.mode-card .pcard__corner{top:14px;left:16px}.mode-card .pcard__corner--flip{top:auto;left:auto;right:16px;bottom:14px}@media(hover:none){.mode-card__face:after{border-color:#e3ae284d}}.mode-card__back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;transform:rotateY(180deg)}.mode-card.is-disabled .mode-card__face{opacity:.75}.mode-card__face:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:7px;border:1.5px solid oklch(78% .15 85 / 0);transition:border-color .32s var(--ease-out-quint);pointer-events:none}.mode-card:hover .mode-card__face:after,.mode-card:focus-within .mode-card__face:after{border-color:#e3ae288c}.pcard__corner{transition:scale .26s var(--ease-out-quint)}.mode-card:hover .pcard__corner{scale:1.12}.mode-card__watermark{position:absolute;right:-4%;bottom:-6%;font-size:clamp(120px,12vw,190px);line-height:1;opacity:.055;rotate:-12deg;pointer-events:none;-webkit-user-select:none;user-select:none}@media(min-width:64rem){.mode-card{aspect-ratio:63 / 88;transform:perspective(1100px) rotateX(calc(var(--ty, 0) * -5deg)) rotateY(calc(var(--tx, 0) * 7deg));transition:transform .35s var(--ease-out-quint),rotate .35s var(--ease-out-quint),filter .35s var(--ease-out-quint)}.mode-card:hover{rotate:0deg;transform:perspective(1100px) translateY(-12px) rotateX(calc(var(--ty, 0) * -5deg)) rotateY(calc(var(--tx, 0) * 7deg)) scale(1.02);filter:drop-shadow(0 30px 28px oklch(0% 0 0 / .35))}}.pcard__corner{position:absolute;top:6%;left:8%;display:flex;flex-direction:column;align-items:center;line-height:.9;font-weight:800}.pcard__corner--flip{top:auto;left:auto;right:8%;bottom:6%;transform:rotate(180deg)}.pcard__pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.pcard--back{background:radial-gradient(circle at 50% 50%,oklch(48% .12 255) 0,transparent 70%),repeating-linear-gradient(45deg,#12366a,#12366a 6px,#0c2c5a 6px,#0c2c5a 12px),#0c3164;color:var(--cream-50);outline:4px solid oklch(97% .01 85);outline-offset:-8px}.pcard--back .pcard__mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.pcard--back .pcard__mark svg{width:28%;height:auto;padding:9%;box-sizing:content-box;border-radius:24%;background:#001c49eb;border:2px solid oklch(85% .05 255 / .75);color:var(--cream-50);box-shadow:0 4px 10px #00000040}.deal{perspective:1400px}.deal__card{position:absolute;left:0;top:0;width:var(--card-w);animation:deal-in .7s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 90ms + .2s);transform:translate(var(--x),var(--y)) rotate(var(--r))}.deal__card--flip{animation:deal-in .7s var(--ease-out-expo) both,deal-flip .52s var(--ease-out-quint) both;animation-delay:calc(var(--i) * 90ms + .2s),calc(var(--i) * 90ms + .82s)}.deal__face,.deal__back{backface-visibility:hidden}.deal__back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg)}.deal__card--flip .deal__inner{transform-style:preserve-3d;transform:rotateY(180deg);animation:deal-face .52s var(--ease-out-quint) both;animation-delay:calc(var(--i) * 90ms + .82s)}@keyframes deal-in{0%{transform:translate(var(--deck-x),var(--deck-y)) rotate(0) scale(.92);opacity:.6}to{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1);opacity:1}}@keyframes deal-flip{0%{filter:brightness(1)}50%{filter:brightness(1.15)}to{filter:brightness(1)}}@keyframes deal-face{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.deal:hover .deal__card{transition:transform .4s var(--ease-out-quint)}.deal__card:hover{transform:translate(var(--x),calc(var(--y) - 14px)) rotate(var(--r)) scale(1.04);z-index:10}.chip{display:inline-flex;align-items:baseline;gap:.45em;padding:.55em .9em;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 -2px #00000040;font-variant-numeric:tabular-nums}.chip--gold{background:linear-gradient(180deg,var(--gold-400),var(--gold-700));color:#261704;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #00000040,0 6px 14px -8px #0009}.board-row{display:grid;grid-template-columns:2.25rem 2.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12;transition:background .2s var(--ease-out-quint),transform .2s var(--ease-out-quint)}.board-row:hover{background:#ffffff1a;transform:translate(2px)}.board-row--me{box-shadow:inset 0 0 0 1px var(--gold-500);background:#ffffff14}.board-row--crowned{position:relative;overflow:hidden}.board-row--crowned:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,oklch(84% .14 88 / .35) 50%,transparent 80%);transform:translate(-100%);animation:crown-sweep 1.4s var(--ease-out-quint) 1;pointer-events:none}@keyframes crown-sweep{to{transform:translate(100%)}}.rank-medal{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;font-weight:800;font-variant-numeric:tabular-nums;background:#ffffff14}.rank-medal--1{background:linear-gradient(180deg,var(--gold-400),var(--gold-700));color:#261704}.rank-medal--2{background:linear-gradient(180deg,#d4d8de,#8f9298);color:#1c1f24}.rank-medal--3{background:linear-gradient(180deg,#94582a,#773a10);color:#fbf8f1}.reveal{opacity:1}@supports (animation-timeline: view()){.reveal{animation:reveal-up linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.stagger>*{animation:rise .6s var(--ease-out-quint) backwards;animation-delay:calc(var(--n, 0) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.lobby .mode-card{aspect-ratio:auto}.lobby .mode-card__suit{font-size:2.25rem}.lobby .mode-card__title{font-size:1.25rem;margin-top:.75rem}.lobby .mode-card__desc{font-size:.875rem;line-height:1.45}@media(max-height:560px){.lobby-head{margin-bottom:.9rem}.lobby-head h2{font-size:1.5rem}.lobby .mode-card__face{padding:.85rem .9rem}.lobby .mode-card__suit{font-size:1.5rem}.lobby .mode-card__title{font-size:1.05rem;margin-top:.3rem}.lobby .mode-card__desc{font-size:.78rem;line-height:1.35;margin-top:.3rem}.lobby .mode-card__cta{height:2.4rem;margin-top:.7rem;font-size:.8rem}.lobby .mode-card__watermark{font-size:90px}}@media(prefers-reduced-motion:reduce){.deal__card,.deal__card--flip,.deal__card--flip .deal__inner,.reveal,.stagger>*{animation:none!important}.deal__card--flip .deal__inner{transform:none}.deal:hover .deal__card,.deal__card:hover{transition:none;transform:translate(var(--x),var(--y)) rotate(var(--r))}.board-row,.board-row:hover{transition:none;transform:none}.mode-card,.mode-card:hover{transition:none!important;transform:none!important;rotate:var(--rot)!important}.mode-card__inner,.pcard__corner,.mode-card__face:after{transition:none!important}.felt--lit:before,.board-row--crowned:after{display:none}}