@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2")}:root{--bg1:#0b0d1a;--bg2:#161a38;--bg3:#232a5c;--panel:#ffffff0e;--line:#ffffff1a;--ink:#f4f1ea;--mute:#f4f1ea9e;--accent:#ff6b4a;--accent2:#ff8d6e;--gold:#ffc94d;--mint:#3ee0a8;--card:#fffbf2;--cardink:#15161c;--cardred:#d1243c;--disp:"Bricolage Grotesque",system-ui,sans-serif;--cw:clamp(52px,17vw,92px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box}*,:before,:after{box-sizing:inherit}html{background:var(--bg1)}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(90% 60% at 50% 38%,var(--bg3) 0%,var(--bg2) 42%,var(--bg1) 100%) fixed;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h1,h2,.score b,.burst,.big,.rule b{font-family:var(--disp)}.app{max-width:760px;min-height:100vh;padding:env(safe-area-inset-top,0px) 16px 0;flex-direction:column;margin:0 auto;display:flex}.top{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 6px;display:flex}.brand{align-items:center;gap:10px;margin-right:auto;display:flex}.mark{background:var(--card);width:34px;height:42px;color:var(--cardink);box-shadow:3px 3px 0 var(--accent);border-radius:7px;place-items:center;display:grid;transform:rotate(-8deg)}.mark i{font-size:1.3rem;font-style:normal}h1{letter-spacing:-.03em;margin:0;font-size:1.55rem;font-weight:800}.modes{background:var(--panel);border:1px solid var(--line);border-radius:14px;order:3;gap:4px;width:100%;padding:4px;display:flex}.modes button{min-height:38px;color:var(--mute);background:0 0;border:0;border-radius:10px;flex:1;font-weight:700}.modes button[aria-selected=true]{background:var(--ink);color:var(--bg1)}.tools{gap:6px;display:flex}.pill{border:1px solid var(--line);background:var(--panel);border-radius:99px;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-weight:800;display:flex}.pill.sq{justify-content:center;width:38px;padding:0}@media (width>=620px){.modes{order:0;width:auto}.modes button{min-width:94px}}.board{flex-direction:column;flex:1;gap:10px;padding-top:6px;display:flex}.label{color:var(--mute);letter-spacing:.02em;margin:0;font-size:.82rem;font-weight:600}.head{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:12px;display:grid}.rule{background:var(--card);color:var(--cardink);border-radius:14px;flex-direction:column;gap:4px;padding:14px 14px 14px 18px;display:flex;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 10px 24px #00000059}.rule:before{content:"";background:var(--accent);width:6px;position:absolute;top:0;bottom:0;left:0}.rule small{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.66rem;font-weight:800}.rule b{font-size:1.2rem;font-weight:800;line-height:1.1}.rule span{opacity:.8;font-size:.88rem;line-height:1.3}.score{text-align:right;flex-direction:column;align-items:flex-end;padding:6px 2px;display:flex}.score small{color:var(--mute);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.score b{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(2.4rem,11vw,3.6rem);font-weight:800;line-height:1}.meters{color:var(--mute);gap:14px;margin-top:8px;font-size:.72rem;display:flex}.meters em{text-transform:uppercase;letter-spacing:.08em;margin-right:5px;font-style:normal}.dots{vertical-align:middle;gap:4px;display:inline-flex}.dots i{background:var(--accent);border-radius:50%;width:9px;height:9px}#discDots i{background:var(--mint)}.dots i.used{box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.hist{letter-spacing:.1em;min-height:1.2em;margin:6px 0 0;font-size:.95rem}.opp{background:#3ee0a814;border:1px solid #3ee0a859;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.oav{background:var(--mint);color:#06281c;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.oinfo{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.oinfo b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oinfo small{color:var(--mute)}.oscore{font-family:var(--disp);color:var(--mint);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.leave{border:1px solid var(--line);min-height:34px;color:var(--mute);background:0 0;border-radius:99px;padding:0 12px;font-size:.82rem;font-weight:700}.felt{background:radial-gradient(#ffffff12,#ffffff04 70%);border:1px dashed #ffffff14;border-radius:50%/28%;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:120px;margin-top:4px;padding:14px 10px;display:flex}.pile{min-height:calc(var(--cw) * .8);justify-content:center;display:flex}.pile .card{width:calc(var(--cw) * .58);pointer-events:none;margin:0 -4px}.pile .card.dim{opacity:.4}.pile p{color:var(--mute);align-self:center;margin:0;font-size:.88rem}.preview{text-align:center;min-height:1.6em;color:var(--mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;font-size:.92rem;display:flex}.preview b{color:var(--ink);font-family:var(--disp);font-size:1.15rem}.preview .calc{font-variant-numeric:tabular-nums;background:#00000040;border-radius:99px;padding:3px 10px}.preview .calc i{color:var(--gold);font-style:normal;font-weight:800}.card{width:var(--cw);aspect-ratio:5/7;border-radius:calc(var(--cw) * .11);background:var(--card);color:var(--cardink);border:0;padding:0;display:block;position:relative;box-shadow:0 1px #00000026,0 8px 18px #00000059}.card.red{color:var(--cardred)}.card .cr{font-family:var(--disp);font-weight:800;font-size:calc(var(--cw) * .26);line-height:1;position:absolute;top:7%;left:10%}.card .cs{top:calc(7% + var(--cw) * .27);font-size:calc(var(--cw) * .19);line-height:1;position:absolute;left:11%}.card .cc{font-size:calc(var(--cw) * .44);line-height:1;position:absolute;bottom:6%;right:9%}.hand{height:calc(var(--cw) * 1.4 + 46px);margin-top:6px;position:relative}.hand .card{margin-left:calc(var(--cw) / -2);transform-origin:50% 120%;transform:translate(var(--x),var(--y)) rotate(var(--r));transition:transform .18s cubic-bezier(.2,.8,.3,1.2),box-shadow .18s;position:absolute;bottom:12px;left:50%}.hand .card:hover{transform:translate(var(--x),calc(var(--y) - 8px)) rotate(var(--r))}.hand .card[aria-pressed=true]{transform:translate(var(--x),calc(var(--y) - 30px)) rotate(calc(var(--r) * .4));box-shadow:0 0 0 3px var(--gold),0 18px 28px #00000073;z-index:9}.hand .card.kicker[aria-pressed=true]{box-shadow:0 0 0 3px #ffc94d59,0 18px 28px #00000073}.hand .card.deal{animation:.32s cubic-bezier(.2,.8,.3,1) both deal}.hand .card:disabled{cursor:default;filter:saturate(.6)brightness(.85)}@keyframes deal{0%{opacity:0;transform:translateY(-60vh)rotate(-20deg)}}.bar{z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0b0d1a00,#0b0d1aeb 30%);gap:8px;margin:0 -16px;display:flex;position:sticky;bottom:0}.bar button{border-radius:14px;min-height:52px;padding:0 16px;font-weight:800}.go{background:var(--accent);color:#2a0a00;border:0;flex:2;font-size:1.05rem;box-shadow:0 4px #b8432a}.go:active{transform:translateY(3px);box-shadow:0 1px #b8432a}.alt{border:1px solid var(--line);background:var(--panel);flex:1}.ghost{color:var(--mute);background:0 0;border:1px solid #0000;flex:none}.bar button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.burst{z-index:40;pointer-events:none;background:#0b0d1af0;border:1px solid #ffc94d73;border-radius:20px;justify-items:center;gap:2px;padding:18px 30px;animation:.22s ease-out pop;display:grid;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000080}.burst b{font-size:1.5rem;font-weight:800}.burst span{color:var(--mute);font-variant-numeric:tabular-nums}.burst strong{color:var(--gold);font-variant-numeric:tabular-nums;font-size:2.8rem;font-weight:800;line-height:1.05}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060eb3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border:1px solid var(--line);width:100%;max-width:520px;max-height:92vh;padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px));background:linear-gradient(#1c2148,#11142b);border-radius:24px 24px 0 0;overflow:auto;box-shadow:0 -10px 50px #00000080}@media (width>=620px){.modal{align-items:center;padding:16px}.sheet{border-radius:24px}}.sheet h2{letter-spacing:-.01em;margin:0 0 4px;font-size:1.5rem;font-weight:800}.sheet p{margin:6px 0}.sheet .sub{color:var(--mute)}.sheet .big{color:var(--gold);margin:10px 0 4px;font-size:3.4rem;font-weight:800;line-height:1}.sheet .emoji{letter-spacing:.12em;margin:4px 0 8px;font-size:1.6rem}.sheet .row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sheet .row button{border-radius:14px;flex:1;min-height:50px;padding:0 14px;font-weight:800}.sheet .x{float:right;background:#ffffff14;border:0;border-radius:12px;width:40px;height:40px;font-size:1.2rem}.sheet .link{color:var(--mute);background:0 0;border:0;min-height:40px;margin:14px auto 0;font-weight:600;text-decoration:underline;display:block}.field{margin:12px 0;display:block}.field span{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.field input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:#00000040;border-radius:12px;padding:10px 14px}.field input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 4px #ffc94d2e}.codein{text-transform:uppercase;letter-spacing:.35em;font-family:var(--disp);text-align:center;font-size:1.4rem;font-weight:800}.or{color:var(--mute);align-items:center;gap:12px;margin:18px 0 6px;font-size:.8rem;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.code{text-align:center;font-family:var(--disp);letter-spacing:.25em;color:var(--gold);margin:12px 0;padding-left:.25em;font-size:3rem;font-weight:800}.spinner{vertical-align:-2px;border:2px solid var(--mute);border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 4px;display:grid}.stats div{background:var(--panel);border-radius:12px;padding:10px 4px}.stats b{font-family:var(--disp);font-size:1.4rem;display:block}.stats small{color:var(--mute);font-size:.72rem}.next{color:var(--mute);text-align:center;margin-top:14px!important}.next b{color:var(--ink);font-variant-numeric:tabular-nums}.versus{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:14px 0;display:grid}.versus div{background:var(--panel);border-radius:16px;padding:12px 6px}.versus .win{outline:2px solid var(--gold)}.versus small{color:var(--mute);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.versus b{font-family:var(--disp);font-size:1.9rem}.rules{margin:10px 0;padding-left:18px}.rules li{margin:6px 0}.htable{border-collapse:collapse;width:100%;margin-top:10px;font-size:.92rem}.htable td{border-top:1px solid var(--line);padding:7px 4px}.htable td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--mute)}.toast{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--ink);max-width:420px;color:var(--bg1);text-align:center;border-radius:14px;margin:0 auto;padding:12px 16px;font-weight:800;position:fixed;box-shadow:0 12px 30px #0006}@media (width>=700px){:root{--cw:92px}.felt{min-height:170px}}@media (width<=360px){.head{grid-template-columns:1fr}.score{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.pill.prof{padding:0 12px 0 4px}.pav{background:var(--gold);color:#2a1e00;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:800;display:grid}.phead{align-items:center;gap:14px;margin-right:46px;display:flex}.pbig{background:var(--gold);color:#2a1e00;width:62px;height:62px;font-family:var(--disp);border-radius:50%;flex:none;place-items:center;font-size:1.7rem;font-weight:800;display:grid;box-shadow:0 0 0 4px #ffc94d40}.pname{flex:1;margin:0}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stats.three{grid-template-columns:repeat(3,1fr);margin-top:8px}.cloud{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:6px;margin-top:16px;padding:14px;display:grid}.cloud small{color:var(--mute)}.cloud.on{grid-template-columns:1fr auto;align-items:center}.cloud.on span{color:var(--mint);font-weight:800}.cloud.on small{grid-column:1}.cloud.on .link{grid-area:1/2/3;margin:0}.gbtn{color:#1f1f1f;background:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:6px;font-weight:700;display:flex}.gbtn:disabled{opacity:.6;cursor:wait}.join2{grid-template-columns:auto 1fr;align-items:center;gap:16px;margin:14px 0 4px;display:grid}.qr{aspect-ratio:1;background:#fff;border-radius:14px;width:min(46vw,190px);overflow:hidden;box-shadow:0 8px 24px #00000059}.qr[aria-busy=true]{background:#ffffff14}.qr svg{width:100%;height:100%;display:block}.codebox{text-align:center}.codebox small{color:var(--mute);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;display:block}.codebox .code{margin:4px 0 0;font-size:clamp(1.9rem,8vw,2.6rem)}@media (width<=420px){.join2{grid-template-columns:1fr;justify-items:center}.qr{width:min(64vw,220px)}}