@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")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/fraunces-latin-900-normal-DmBL83SS.woff2)format("woff2"),url(/assets/fraunces-latin-900-normal-D67OkaMf.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2)format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2)format("woff2"),url(/assets/chakra-petch-latin-600-normal-DQKfcdKo.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}:root,[data-theme=salon]{--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--page-bg:#0b2a1e;--felt-1:#1f6b4c;--felt-2:#134632;--felt-3:#0b2a1e;--table-bg:radial-gradient(ellipse at 50% 45%, #1f6b4c 0, #134632 62%, #0b2a1e 100%);--screen-bg:var(--table-bg);--label:#f3e9d0;--muted:#e3d8bb;--paper:#fbf4e2;--edge:#b8893a;--card-r:7px;--card-br:8.3% / 5.8%;--red:#b3262f;--black:#16231d;--back-a:#7a1522;--back-b:#d9a94a;--back-c:#7a1522;--back-edge:#d9a94a;--accent:#ffd23f;--on-accent:#2a1d05;--chip-bg:#0b2a1e;--chip-border:#d9a94a;--chip-text:#f3e9d0;--chip-r:8px;--glow:none;--room:radial-gradient(ellipse at 50% 40%, #12402d 0, #08190f 100%);--rim-1:#5b3a1c;--rim-2:#d9a94a;--rim-glow:0 0 0 transparent;--legal-glow:none;--sheet-bg:#fbf4e2;--sheet-text:#16231d;--btn-r:10px;--fx-1:#ffd23f;--fx-2:#d9a94a;--fx-3:#fbf4e2}[data-theme=zonnig]{--font-display:"Fredoka", "Trebuchet MS", sans-serif;--font-body:"Nunito", system-ui, sans-serif;--page-bg:#0d5f54;--felt-1:#2fb59a;--felt-2:#17907c;--felt-3:#0f6e60;--table-bg:radial-gradient(circle at 50% 40%, #2fb59a 0, #17907c 62%, #0f6e60 100%);--screen-bg:radial-gradient(circle at 50% 30%, #13846f 0, #0d6f61 100%);--label:#fff;--muted:#fff;--paper:#fffaf0;--edge:#3b2a1f;--card-r:13px;--card-br:15.5% / 10.8%;--red:#e8453c;--black:#2b3a55;--back-a:#ffb627;--back-b:#ffb627;--back-c:#e8453c;--back-edge:#3b2a1f;--accent:#ffb627;--on-accent:#3b2a1f;--chip-bg:#fffaf0;--chip-border:#3b2a1f;--chip-text:#3b2a1f;--chip-r:99px;--glow:none;--room:radial-gradient(ellipse at 50% 30%, #ffe9bf 0, #ffc977 100%);--rim-1:#e8453c;--rim-2:#3b2a1f;--rim-glow:0 0 0 transparent;--legal-glow:none;--sheet-bg:#fffaf0;--sheet-text:#3b2a1f;--btn-r:99px;--fx-1:#ffb627;--fx-2:#e8453c;--fx-3:#fffaf0}[data-theme=neon]{--font-display:"Chakra Petch", "Arial Narrow", sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--page-bg:#0d0b20;--felt-1:#2a2160;--felt-2:#14122b;--felt-3:#0d0b20;--table-bg:radial-gradient(circle at 50% 45%, #ff3d8e4d, transparent 58%), linear-gradient(170deg, #2e2670, #1b1745 60%, #120f30);--screen-bg:var(--table-bg);--label:#f1eeff;--muted:#b9b2e6;--paper:#261f5a;--edge:#7df9ff;--card-r:11px;--card-br:13.1% / 9.2%;--red:#ff3d8e;--black:#7df9ff;--back-a:#0d0b20;--back-b:#ff3d8e;--back-c:#7df9ff;--back-edge:#ff3d8e;--accent:#ffd23f;--on-accent:#14122b;--chip-bg:#14122b;--chip-border:#7df9ff;--chip-text:#7df9ff;--chip-r:4px;--glow:0 0 10px #7df9ff80;--room:radial-gradient(ellipse at 50% 35%, #3a2d86 0, #130f35 100%);--rim-1:#2a2266;--rim-2:#7df9ff;--rim-glow:0 0 26px #7df9ffb3;--legal-glow:0 0 10px 2px #7df9ff;--sheet-bg:#1c1840;--sheet-text:#f1eeff;--btn-r:4px;--fx-1:#ff3d8e;--fx-2:#7df9ff;--fx-3:#ffd23f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--page-bg);color:var(--label);touch-action:manipulation;overflow:hidden}body:has(.table[data-layout=wide]){background:var(--room)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table{background:var(--table-bg);width:100%;max-width:560px;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);--hb:calc(10px + env(safe-area-inset-bottom));--above:calc(var(--hb) + var(--hh) + 8px);margin:0 auto;position:relative;overflow:hidden}.felt{display:none}.chip{background:var(--chip-bg);color:var(--chip-text);border:2px solid var(--chip-border);border-radius:var(--chip-r);box-shadow:var(--glow);font:700 12px var(--font-body);align-items:center;gap:5px;padding:5px 12px;display:flex}button.chip{cursor:pointer;justify-content:center;min-width:44px;min-height:44px}.hud{top:calc(10px + env(safe-area-inset-top));z-index:50;justify-content:space-between;gap:8px;display:flex;position:absolute;left:12px;right:12px}.suitpip{background:var(--paper);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.gear{padding:3px 10px;font-size:15px}.card{width:var(--cw);aspect-ratio:84/120;cursor:default;position:relative}.card-trick{--cw:var(--tw)}.card-small{--cw:var(--ow)}.card-pile{--cw:var(--pw)}.flip{position:absolute;inset:0}.side{border-radius:var(--card-br);position:absolute;inset:0;box-shadow:0 3px 5px #00000059}.side svg{width:100%;height:100%;display:block}.myhand{left:0;right:0;bottom:var(--hb);z-index:20;justify-content:center;align-items:flex-end;padding-bottom:6px;display:flex;position:absolute}.myhand .slot{height:calc(var(--cw) * 120 / 84);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;justify-content:flex-start;display:flex}.myhand .slot[aria-disabled=true]{cursor:not-allowed}.myhand .slot:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.myhand .card{pointer-events:none;flex:none}.mebar{left:12px;right:12px;bottom:var(--above);z-index:5;align-items:center;gap:8px;min-height:48px;display:flex;position:absolute}.mebar .badge .av{width:calc(var(--av) * .88);height:calc(var(--av) * .88);margin:0}.mebar .badge .tags{top:-6px;right:-8px}.mebar .nm,.turn:not(:empty){background:var(--chip-bg);color:var(--chip-text);border:1.5px solid var(--chip-border);border-radius:var(--chip-r);box-shadow:var(--glow);font:700 12px var(--font-body);padding:2px 10px}.turn.mine{border-color:var(--accent)}.playbtn{left:50%;bottom:calc(var(--above) + 56px);z-index:30;min-width:96px;position:absolute;transform:translate(-50%)}.handhint{left:50%;bottom:calc(var(--above) + 56px);z-index:30;text-align:center;background:var(--accent);max-width:88%;color:var(--on-accent);border:2px solid var(--edge);border-radius:var(--chip-r);font:700 14px var(--font-body);cursor:pointer;padding:8px 14px;animation:1.8s ease-in-out infinite pulse2;position:absolute;translate:-50%;box-shadow:0 3px 10px #00000059}@keyframes pulse2{50%{transform:translateY(-3px)}}.lastbtn{right:12px;bottom:calc(var(--above) + 56px + 46px);z-index:30;position:absolute}.trickhold{z-index:60;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.trickhold .chip{border-color:var(--accent);animation:1.4s ease-in-out infinite pulse;position:absolute;top:62%;left:50%;transform:translate(-50%)}@keyframes pulse{50%{transform:translate(-50%)scale(1.07)}}.seat{z-index:5;align-items:center;gap:4px;display:flex;position:absolute}.seat-2{top:calc(14px + 40px * var(--k));flex-direction:column;left:50%;transform:translate(-50%)}.seat-1{flex-direction:column;top:42%;left:6px;transform:translateY(-50%)}.seat-3{flex-direction:column;top:42%;right:6px;transform:translateY(-50%)}.badge{text-align:center;z-index:2;font-size:12px;font-weight:700;position:relative}.badge .nm{background:var(--chip-bg);color:var(--chip-text);border:1.5px solid var(--chip-border);border-radius:var(--chip-r);box-shadow:var(--glow);padding:1px 8px;display:inline-block}.badge.active .nm{border-color:var(--accent)}.badge .av{width:var(--av);height:var(--av);border-radius:50%;margin:0 auto 2px;transition:box-shadow .2s}.badge.active .av{box-shadow:0 0 0 3px var(--accent), 0 0 18px var(--accent)}.badge.won .av{animation:.7s ease-out hop}@keyframes hop{0%{transform:scale(1)}25%{transform:scale(1.28)translateY(-6px)rotate(-6deg)}55%{transform:scale(.94)}to{transform:scale(1)}}[data-theme=neon] .badge.won .av{animation-name:neonhop}@keyframes neonhop{0%,to{box-shadow:none}30%{box-shadow:0 0 18px 4px var(--fx-1);transform:scale(1.12)}}.badge .tags{gap:2px;font-size:12px;display:flex;position:absolute;top:-6px;right:-12px}.badge .tags span{background:var(--accent);color:var(--on-accent);border:1px solid var(--edge);border-radius:50%;place-items:center;width:20px;height:20px;font-weight:800;display:grid}.opp{display:flex}.opp-2 .card{margin-left:calc(var(--ow) * -.65)}.opp-2 .card:first-child{margin-left:0}.opp-1,.opp-3{flex-direction:column;align-items:center}.opp-1 .card,.opp-3 .card{--cw:calc(var(--ow) * .82);margin-top:calc(var(--ow) * -.79)}.opp-1 .card:first-child,.opp-3 .card:first-child{margin-top:0}.deck{z-index:4;width:0;height:0;position:absolute;top:42%;left:50%}.deck .card{left:calc(var(--ow) / -2);position:absolute;top:-24px}.trickzone{z-index:10;width:0;height:0;position:absolute;top:52%;left:50%}.tslot{width:var(--tw);aspect-ratio:84/120;position:absolute}.tslot-0{left:calc(var(--tw) * -.5);top:calc(var(--tw) * -.07)}.tslot-2{left:calc(var(--tw) * -.5);top:calc(var(--tw) * -1.36)}.tslot-1{left:calc(var(--tw) * -1.05);top:calc(var(--tw) * -.72)}.tslot-3{left:calc(var(--tw) * .05);top:calc(var(--tw) * -.72)}.emblem{width:calc(var(--tw) * 3.3);height:calc(var(--tw) * 3.3);left:calc(var(--tw) * -1.65);top:calc(var(--tw) * -1.8);opacity:.17;pointer-events:none;z-index:-1;position:absolute}.dropzone{width:calc(var(--tw) * 3);height:calc(var(--tw) * 2.5);left:calc(var(--tw) * -1.5);top:calc(var(--tw) * -1.45);border:3px dashed var(--accent);opacity:0;pointer-events:none;z-index:-1;border-radius:50%;transition:opacity .15s,transform .15s,background .15s;position:absolute}.dropzone.on{opacity:.55}.dropzone.hot{opacity:1;background:color-mix(in srgb, var(--accent) 22%, transparent);transform:scale(1.05)}.pile{width:calc(var(--pw) * 2);height:calc(var(--pw) * 1.45);z-index:6;font:800 15px var(--font-display);position:absolute}.pile span{background:var(--chip-bg);border:1.5px solid var(--chip-border);width:22px;height:22px;color:var(--chip-text);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;bottom:-8px;right:2px}.pile-me{right:30px;bottom:calc(var(--above) + 28px)}.pile-them{top:118px;right:30px}.pile .ps{left:calc(min(var(--i), 8) * 1.5px);top:calc(min(var(--i), 8) * -1px);position:absolute}.burst{z-index:40;width:0;height:0;color:var(--accent);pointer-events:none;font-size:18px;position:absolute}.burst span{text-shadow:0 0 6px;font-size:20px;line-height:1;position:absolute}.burst-0{top:62%;left:50%}.burst-1{top:42%;left:18%}.burst-2{top:22%;left:50%}.burst-3{top:42%;left:82%}.burst-c{top:36%;left:50%}.banner{z-index:45;text-align:center;background:var(--chip-bg);min-width:160px;max-width:92%;color:var(--chip-text);border:3px solid var(--accent);border-radius:calc(var(--chip-r) + 6px);box-shadow:var(--glow);font:800 20px var(--font-display);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px 22px;display:flex;position:absolute;top:24%;left:50%;translate:-50%}.banner small{font:600 12px var(--font-body);opacity:.85;flex-basis:100%}.banner .bigpip{filter:none;place-items:center;display:inline-grid}.diepip{place-items:center;line-height:0;display:inline-grid}.chip.trump{padding-top:3px;padding-bottom:3px}.banner .revealed{width:calc(var(--tw) * 1.15);flex-basis:100%;justify-items:center;gap:4px;margin:0 auto;display:grid}.banner .revealed svg{width:calc(var(--tw) * 1.15);border-radius:var(--card-br);height:auto;box-shadow:0 4px 8px #00000073}.banner.fx-zonnig{border-width:4px;animation:.7s ease-out .25s wobble}@keyframes wobble{0%,to{rotate:0deg}25%{rotate:-4deg}60%{rotate:3deg}}.banner.fx-salon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffe89699 50%,#0000 65%) 130% 0/250% 100% no-repeat;animation:1.3s ease-out .2s forwards sweep;position:absolute;inset:0}@keyframes sweep{to{background-position:-30% 0}}.banner.fx-neon{box-shadow:var(--glow), 0 0 22px var(--chip-border);animation:.9s step-end flicker}@keyframes flicker{0%{opacity:0}12%{opacity:1}22%{opacity:.35}34%{opacity:1}46%{opacity:.6}60%,to{opacity:1}}.overlay{z-index:70;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.sheet{background:var(--sheet-bg);color:var(--sheet-text);border:2px solid var(--edge);text-align:center;border-radius:18px;gap:8px;min-width:240px;padding:22px 26px;display:grid}@media (prefers-reduced-motion:reduce){.burst,.flash,.confetti,.fireworks,.bigword{display:none}.banner,.badge.won .av{animation:none!important}}.sheet h2{font:800 24px var(--font-display)}.sheet .btn{margin-top:6px}.suitpip.big{width:36px;height:36px}.card.dim{opacity:.5;filter:saturate(.6)}.card.playable .flip{border-radius:var(--card-r);box-shadow:var(--legal-glow)}[data-theme=neon] .card.playable .flip{animation:1.6s ease-in-out infinite neonpulse}@keyframes neonpulse{50%{box-shadow:0 0 16px 3px #7df9ff}}.card.moving:not(.card-small) .side{box-shadow:0 0 12px 3px var(--fx-1), 0 3px 5px #00000059}.glint{border:3px solid var(--fx-1);width:90px;height:90px;box-shadow:0 0 22px var(--fx-1), inset 0 0 18px var(--fx-1);border-radius:50%;position:absolute;top:-45px;left:-45px}.flash{z-index:44;pointer-events:none;background:radial-gradient(circle at 50% 45%, var(--fx-1), transparent 70%);position:absolute;inset:0}.confetti,.fireworks{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.confetti i{text-shadow:0 0 6px;border-radius:2px;font-style:normal;position:absolute;top:0}.fw{width:0;height:0;position:absolute}.fw span{text-shadow:0 0 8px;font-size:22px;line-height:1;position:absolute}.fw .glint{width:120px;height:120px;top:-60px;left:-60px}.overlay .sheet{z-index:2;position:relative}.sheet.overview{gap:10px;max-width:min(92vw,460px);max-height:calc(100dvh - 24px);overflow-y:auto}.sub-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.figures{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.figures:has(.final){grid-template-columns:1fr}.figures>div{background:color-mix(in srgb, var(--edge) 12%, transparent);border-radius:12px;gap:2px;padding:8px 4px;display:grid}.figures b{font:800 20px var(--font-display)}.figures .final b{font-size:40px}.figures small{opacity:.8;font-size:12px}.why{opacity:.85;font-size:13px}.history{border-collapse:collapse;width:100%;font-size:13px}.history th{opacity:.7;border-bottom:1.5px solid color-mix(in srgb, var(--edge) 50%, transparent);padding:3px 4px;font-weight:700}.history td{border-bottom:1px solid color-mix(in srgb, var(--edge) 22%, transparent);padding:3px 4px}.history td svg{vertical-align:middle;display:inline-block}.ltgrid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:".top.""left.right"".me.";place-items:center;gap:8px;display:grid}.lt{justify-items:center;gap:4px;min-height:80px;font-size:13px;font-weight:700;display:grid}.lt-2{grid-area:top}.lt-1{grid-area:left}.lt-3{grid-area:right}.lt-0{grid-area:me}.ltcard{aspect-ratio:84/120;width:64px}.ltcard svg{border-radius:var(--card-br);width:100%;height:100%;display:block;box-shadow:0 3px 5px #00000059}.lt.won .ltcard{outline:3px solid var(--accent);outline-offset:2px;border-radius:10px}.callbar{left:0;right:0;bottom:calc(var(--above) + 56px);z-index:30;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute}.btn.call{width:52px;height:52px;min-height:0;padding:0}.btn.call-blind{min-width:72px}.table[data-layout=landscape]{--hb:4px;--above:calc(var(--hb) + var(--hh) + 6px);max-width:none}[data-layout=landscape] .hud{justify-content:flex-start;top:6px;left:10px;right:10px}[data-layout=landscape] .hud .gear{margin-left:auto}[data-layout=landscape] .chip{padding:3px 9px;font-size:12px}[data-layout=landscape] .seat-2{top:4px}[data-layout=landscape] .seat-1{top:49%;left:8px}[data-layout=landscape] .seat-3{top:49%;right:8px}[data-layout=landscape] .badge .nm{padding:0 6px;font-size:12px}[data-layout=landscape] .myhand{padding-bottom:2px;left:16%;right:16%}[data-layout=landscape] .mebar{flex-direction:column;align-items:flex-start;gap:3px;min-height:0;bottom:6px;left:10px;right:auto}[data-layout=landscape] .mebar .nm,[data-layout=landscape] .turn:not(:empty){padding:1px 7px;font-size:12px}[data-layout=landscape] .turn:not(:empty){max-width:130px}[data-layout=landscape] .trickzone{top:51%}[data-layout=landscape] .deck{top:44%}[data-layout=landscape] .pile-me{bottom:12px;right:14px}[data-layout=landscape] .pile-them{top:50px;right:14px}[data-layout=landscape] .lastbtn{inset:44px auto auto 10px}[data-layout=landscape] .playbtn{bottom:64px;left:auto;right:14px;transform:none}[data-layout=landscape] .callbar{bottom:calc(var(--above) + 4px)}[data-layout=landscape] .banner{padding:8px 16px;font-size:17px;top:20%}[data-layout=landscape] .burst-0{top:70%}[data-layout=landscape] .burst-1{top:50%;left:10%}[data-layout=landscape] .burst-2{top:20%}[data-layout=landscape] .burst-3{top:50%;left:90%}[data-layout=landscape] .sheet{padding:12px 18px}[data-layout=landscape] .sheet h2{font-size:20px}[data-layout=landscape] .overview .history{display:none}[data-layout=landscape] .overview.final .history{font-size:12px;display:table}[data-layout=landscape] .overview:has(.final) .history{font-size:12px;display:table}[data-layout=landscape] .ltcard{width:46px}[data-layout=landscape] .lt{min-height:60px;font-size:12px}.table[data-layout=wide]{--hb:1.2%;--above:calc(1.2% + var(--hh) + 6px);background:0 0;max-width:1600px}[data-layout=wide] .felt{background:var(--table-bg);box-shadow:inset 0 0 70px #0006, 0 0 0 calc(10px * var(--k)) var(--rim-1), 0 0 0 calc(14px * var(--k)) var(--rim-2), var(--rim-glow), 0 26px 50px #00000080;border-radius:50%;display:block;position:absolute;inset:9% 5% 25%}[data-layout=wide] .hud{justify-content:flex-start;gap:12px;top:14px;left:20px;right:20px}[data-layout=wide] .hud .gear{margin-left:auto}[data-layout=wide] .chip{padding:8px 18px;font-size:15px}[data-layout=wide] button.chip{min-height:44px}[data-layout=wide] .seat-2{top:2.5%}[data-layout=wide] .seat-1{top:41%;left:2.5%}[data-layout=wide] .seat-3{top:41%;right:2.5%}[data-layout=wide] .badge{font-size:15px}[data-layout=wide] .badge .nm{padding:3px 14px}[data-layout=wide] .badge .tags span{width:24px;height:24px;font-size:14px}[data-layout=wide] .myhand{left:12%;right:12%}[data-layout=wide] .mebar{flex-direction:column;align-items:flex-start;gap:6px;bottom:3%;left:3%;right:auto}[data-layout=wide] .mebar .nm,[data-layout=wide] .turn:not(:empty){padding:4px 14px;font-size:15px}[data-layout=wide] .trickzone{top:46%}[data-layout=wide] .deck{top:38%}[data-layout=wide] .pile-me{bottom:31%;right:11%}[data-layout=wide] .pile-them{top:22%;right:11%}[data-layout=wide] .pile span{width:30px;height:30px;font-size:15px}[data-layout=wide] .lastbtn{right:12%;bottom:calc(var(--above) + 4px)}[data-layout=wide] .playbtn,[data-layout=wide] .callbar{bottom:calc(var(--above) + 6px)}[data-layout=wide] .btn.call{width:64px;height:64px}[data-layout=wide] .btn.call-blind{min-width:100px}[data-layout=wide] .banner{padding:16px 32px;font-size:30px;top:17%}[data-layout=wide] .banner small{font-size:15px}[data-layout=wide] .burst-0{top:70%}[data-layout=wide] .burst-1{top:46%;left:12%}[data-layout=wide] .burst-2{top:16%}[data-layout=wide] .burst-3{top:46%;left:88%}[data-layout=wide] .burst-c{top:36%}[data-layout=wide] .sheet{min-width:380px;padding:28px 36px}[data-layout=wide] .sheet h2{font-size:32px}[data-layout=wide] .sheet.overview{max-width:520px}[data-layout=wide] .figures b{font-size:26px}[data-layout=wide] .figures small,[data-layout=wide] .why,[data-layout=wide] .sub-line,[data-layout=wide] .lt,[data-layout=wide] .history{font-size:15px}[data-layout=wide] .ltcard{width:84px}.bigword{font:900 clamp(56px, 16vmin, 112px) var(--font-display);color:var(--accent);pointer-events:none;text-shadow:0 4px 0 var(--edge);margin:-4px 0 -2px;line-height:1}[data-theme=zonnig] .bigword{-webkit-text-stroke:4px var(--edge);paint-order:stroke fill;text-shadow:0 6px 0 var(--edge)}[data-theme=salon] .bigword{background:linear-gradient(#fff3b0,#d9a94a 55%,#8a5a1c);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}[data-theme=neon] .bigword{color:#fff;text-shadow:0 0 8px var(--fx-1), 0 0 22px var(--fx-1)}.sheet.overview.kot h2{color:var(--sheet-text);-webkit-text-decoration:underline wavy var(--edge);text-decoration:underline wavy var(--edge);text-underline-offset:6px;text-decoration-thickness:2px}[data-layout=landscape] .handhint{bottom:calc(var(--above) + 4px);padding:5px 12px;font-size:13px}[data-layout=wide] .handhint{bottom:calc(var(--above) + 6px);padding:10px 18px;font-size:16px}.screen{background:var(--screen-bg);width:100%;max-width:480px;height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;margin:0 auto;display:flex;position:relative;overflow:hidden auto}.screen h1,.screen h2{font-family:var(--font-display)}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:280px;display:flex}.hero h1{letter-spacing:.01em;font-size:clamp(40px,13vw,60px);font-weight:900;line-height:1}.hero p{color:var(--muted);max-width:28ch;font-size:16px}.parade{justify-content:center;margin-bottom:8px;display:flex}.pav{filter:drop-shadow(0 4px 6px #0000004d);width:76px;height:76px;margin:0 -8px}.pav-0{transform:translateY(8px)rotate(-6deg)}.pav-1{transform:translateY(-6px)rotate(4deg)}.pav-2{transform:translateY(-6px)rotate(-4deg)}.pav-3{transform:translateY(8px)rotate(6deg)}.pav svg,.sav svg,.pv-av svg{width:100%;height:100%;display:block}.actions{gap:10px;display:grid}.row{gap:10px;display:flex}.row>*{flex:1}.topbar{align-items:center;gap:10px;display:flex}.topbar h2{font-size:22px}.btn{font:800 16px var(--font-display);border-radius:var(--btn-r);border:2px solid var(--chip-border);background:var(--chip-bg);min-height:48px;color:var(--chip-text);cursor:pointer;box-shadow:var(--glow);justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--edge)}.btn.big{min-height:56px;font-size:18px}.btn.ghost{color:inherit;box-shadow:none;background:0 0;border-color:#0000;min-width:44px;padding:8px 12px;font-size:20px}.btn.danger{color:#fff;background:#b3262f;border-color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,.card:focus-visible,.theme-tile:focus-visible,.seg button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.seats{grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none;display:grid}.seats li,.rulesbox{color:var(--chip-text)}.seats li{background:color-mix(in srgb, var(--chip-bg) 70%, transparent);border:2px solid var(--chip-border);text-align:center;border-radius:16px;justify-items:center;gap:2px;padding:12px 8px;display:grid}.seats .sav{width:64px;height:64px}.seats small{opacity:.8;font-size:12px}.rulesbox{background:color-mix(in srgb, var(--chip-bg) 70%, transparent);border:2px solid var(--chip-border);border-radius:16px;gap:10px;padding:14px;display:grid}.sub{font:700 13px var(--font-body);text-transform:uppercase;letter-spacing:.1em;opacity:.8}.rulelist{gap:4px;padding:0;font-size:14px;list-style:none;display:grid}.rulelist li:before{content:"• ";color:var(--accent)}.scrim{z-index:100;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--sheet-bg);width:100%;max-width:480px;max-height:92dvh;color:var(--sheet-text);border:2px solid var(--edge);padding:16px 16px calc(18px + env(safe-area-inset-bottom));font-family:var(--font-body);border-bottom:0;border-radius:22px 22px 0 0;gap:14px;display:grid;overflow-y:auto}@media (width>=560px){.scrim{align-items:center}.panel{border-bottom:2px solid var(--edge);border-radius:22px}}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{font:800 22px var(--font-display)}.panel .btn{background:var(--sheet-bg);color:var(--sheet-text);border-color:var(--edge);box-shadow:none}.panel .btn.primary{background:var(--accent);color:var(--on-accent)}.panel .btn.ghost{background:0 0;border-color:#0000}.panel .btn.danger{color:#fff;background:#b3262f}.panel .rulelist li:before{color:var(--edge)}.fields{gap:12px;display:grid}.field{gap:4px;font-size:14px;font-weight:700;display:grid}.field select,.field input[type=number],.field input:not([type]),.field input[type=text]{font:600 16px var(--font-body);appearance:none;border:2px solid var(--edge);color:#111;background:#fff;border-radius:10px;width:100%;height:46px;min-height:46px;padding:8px 10px}.field input[aria-invalid=true]{border-color:#b3262f}.warn{color:#b3262f;font-weight:600}.panel[data-testid=settings-panel] .warn{color:#ff6b6b}.field.switch{grid-template-columns:1fr auto;align-items:center}.field.switch input{width:28px;height:28px;accent-color:var(--edge)}.seg{gap:8px;display:flex}.seg button{min-height:44px;font:800 15px var(--font-display);border-radius:var(--btn-r);border:2px solid var(--edge);color:inherit;cursor:pointer;background:0 0;flex:1}.seg button.on{background:var(--accent);color:var(--on-accent)}.themes{gap:10px;display:grid}.theme-tile{text-align:left;background:var(--screen-bg);color:var(--label);cursor:pointer;font-family:var(--font-body);border:3px solid #0000;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:88px;padding:10px;display:grid;box-shadow:0 0 0 2px #00000040}.theme-tile.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--sheet-text)}.theme-tile .tt{gap:3px;min-width:0;display:grid}.theme-tile .tt b{font:800 16px var(--font-display)}.theme-tile .tt small{color:var(--muted);font-size:12px;line-height:1.35}.preview{align-items:center;display:flex}.pv-card{aspect-ratio:84/120;width:36px;margin-right:-14px;display:block}.pv-card:nth-child(2){transform:rotate(-6deg)}.pv-card:nth-child(3){transform:rotate(5deg)translateY(2px)}.pv-card svg{filter:drop-shadow(0 2px 3px #00000059);width:100%;height:100%;display:block}.pv-av{width:40px;height:40px;margin-left:22px;display:block}@media (width<=360px){.pv-av{display:none}}.group{border:2px solid color-mix(in srgb, var(--edge) 55%, transparent);border-radius:14px;gap:10px;min-width:0;padding:10px 12px 12px;display:grid}.group legend{font:700 12px var(--font-body);text-transform:uppercase;letter-spacing:.1em;opacity:.85;padding:0 6px}.field small{opacity:.75;font-weight:500}.textfield{font:600 16px var(--font-body);border:2px solid var(--edge);color:#111;background:#fff;border-radius:10px;flex:2;width:100%;min-width:0;min-height:44px;padding:8px 10px}.row .btn{flex:1}.notice{border-radius:12px;gap:4px;padding:10px 12px;font-size:14px;display:grid}.notice ul{gap:2px;padding-left:18px;display:grid}.notice.warning{color:#4a3500;background:#fff3cd;border:2px solid #c79100}.notice.error{color:#6e0f0f;background:#fde2e1;border:2px solid #b3262f}.field select:disabled{opacity:.5}.field select{background-image:linear-gradient(45deg,#0000 50%,#333 50%),linear-gradient(135deg,#333 50%,#0000 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-repeat:no-repeat;background-size:6px 6px;padding-right:34px}.field.switch{cursor:pointer;min-height:52px}.field.switch input{width:44px;height:44px}.field small,.pro small{font-size:12px}.seg button{min-height:46px}.charpreview{justify-content:center;align-items:center;gap:20px;display:flex}.charpreview .big{filter:drop-shadow(0 6px 8px #0000004d);width:132px;height:132px}.charpreview svg{width:100%;height:100%;display:block;overflow:visible}.minis{gap:6px;display:grid}.minis figure{align-items:center;gap:8px;margin:0;display:flex}.minis .mini{width:44px;height:44px}.minis figcaption{font:700 12px var(--font-body);opacity:.75}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid color-mix(in srgb, var(--sheet-text) 30%, transparent);cursor:pointer;border-radius:50%;width:44px;height:44px;padding:0}.swatch.on{border-color:var(--sheet-text);box-shadow:0 0 0 3px var(--sheet-bg), 0 0 0 6px var(--accent)}.swatch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.seg button{flex:1 1 0;min-width:0;padding:4px 6px}.btn.mini{min-height:44px;margin-top:4px;padding:4px 12px;font-size:13px}
