:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--felt:#14532d;--felt-dark:#0b3a1f;--gold:#e5c776;--ink:#f4f1e6;--cw:clamp(60px, 18vw, 92px);--tw:clamp(64px, 21vw, 96px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(ellipse at 50% 40%, var(--felt) 0%, var(--felt-dark) 100%) fixed;color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;overflow:hidden}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;max-width:1100px;margin:0 auto;display:flex;position:relative}.topbar{align-items:center;gap:.6rem;min-height:44px;padding:.4rem .75rem;display:flex}.topbar h1{letter-spacing:.05em;color:var(--gold);margin:0;font-family:Georgia,serif;font-size:1.25rem}.badge{border:1px solid var(--gold);color:var(--gold);background:#0005;border-radius:99px;padding:.15rem .6rem;font-size:.72rem;line-height:1.2}.menu{margin-left:auto;position:relative}.icon-btn{width:44px;height:44px;color:var(--ink);background:#0004;border:1px solid #fff3;border-radius:12px;font-size:1.4rem}.menu-panel{z-index:20;background:#10281a;border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:.7rem;min-width:14rem;padding:.9rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0009}.menu-panel label{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.menu-panel select{padding:.3rem;font-size:1rem}.menu-panel .check{justify-content:flex-start}.menu-panel input[type=checkbox]{width:1.2rem;height:1.2rem}.btn{font:inherit;min-height:44px;color:var(--ink);cursor:pointer;background:#ffffff1a;border:1px solid #fff4;border-radius:12px;padding:0 1.1rem}.btn.primary{background:var(--gold);color:#1c1608;border-color:var(--gold);font-weight:700}.btn:disabled{opacity:.4;cursor:default}.btn.big{min-height:56px;padding:0 2rem;font-size:1.2rem}.btn:focus-visible,.icon-btn:focus-visible,.hand-card:focus-visible{outline-offset:2px;outline:3px solid #fff}.start{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:1rem;display:flex}.start h2{color:var(--gold);letter-spacing:.08em;margin:0;font-family:Georgia,serif;font-size:clamp(3rem,14vw,5.5rem)}.start p{opacity:.8;margin:0 0 1.5rem}.logo{letter-spacing:.5em;opacity:.8;font-size:2rem}.seed{left:50%;bottom:calc(.15rem + env(safe-area-inset-bottom));opacity:.5;pointer-events:none;font-family:ui-monospace,monospace;font-size:.65rem;position:absolute;transform:translate(-50%)}.table{flex:1;grid-template:"talon top top""left trick right"minmax(0,1fr)"own own own"/minmax(3rem,.7fr) minmax(0,3fr) minmax(3rem,.7fr);gap:.25rem;min-height:0;padding:0 .5rem;display:grid;overflow:hidden}.card-svg,.back{filter:drop-shadow(0 1px 2px #0008);width:100%;height:auto;display:block}.opp{align-items:center;gap:.35rem;transition:opacity .2s;display:flex}.opp-name{white-space:nowrap;background:#0004;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;padding:.2rem .55rem;font-size:.8rem;line-height:1.2;display:flex}.opp-name small{opacity:.7;font-size:.68rem}.opp.active .opp-name{border-color:var(--gold);box-shadow:0 0 12px #e5c77688}.opp-t{flex-direction:column;grid-area:top;justify-self:center}.opp-l{flex-direction:column;grid-area:left;place-self:center start}.opp-r{flex-direction:column;grid-area:right;place-self:center end}.opp-backs{--bw:calc(var(--cw) * .5);display:flex}.opp-t .opp-backs .back{width:var(--bw);margin-left:calc(var(--bw) * -.78)}.opp-t .opp-backs .back:first-child{margin-left:0}.opp-t .opp-backs{width:calc(var(--bw) + 11 * var(--bw) * .22);justify-content:flex-start}.opp-l .opp-backs,.opp-r .opp-backs{--bw:calc(var(--cw) * .42);flex-direction:column;align-items:center}.opp-l .opp-backs .back,.opp-r .opp-backs .back{width:var(--bw);margin-top:calc(var(--bw) * -1.38)}.opp-l .opp-backs .back:first-child,.opp-r .opp-backs .back:first-child{margin-top:0}.opp.active{animation:none}.talon{opacity:.9;flex-direction:column;grid-area:talon;align-self:start;align-items:flex-start;gap:.2rem;font-size:.68rem;display:flex}.talon-stack{width:calc(var(--cw) * .42);aspect-ratio:2/3;position:relative}.talon-card{width:100%;position:absolute;inset:0}.talon-card:first-child{transform:translate(0)}.talon-card:nth-child(2){transform:translate(2px,-1px)rotate(2deg)}.talon-card:nth-child(3){transform:translate(4px,-2px)rotate(-1deg)}.talon-card:nth-child(4){transform:translate(6px,-3px)rotate(3deg)}.talon-card:nth-child(5){transform:translate(8px,-4px)rotate(0)}.talon-card:nth-child(6){transform:translate(10px,-5px)rotate(2deg)}.trick{min-height:calc(var(--tw) * 2.4);--sx:0px;--sy:0px;background:radial-gradient(#ffffff14,#0000 70%);border-radius:24px;grid-area:trick;position:relative}.trick-card{width:var(--tw);margin-left:calc(var(--tw) / -2);margin-top:calc(var(--tw) * -.75);--tx:0px;--ty:0px;--rot:0deg;--fx:0px;--fy:0px;transform:translate(var(--tx), var(--ty)) rotate(var(--rot));animation:.45s cubic-bezier(.2,.8,.3,1) both fly-in;position:absolute;top:50%;left:50%}.from-b{--tx:0px;--ty:calc(var(--tw) * .55);--rot:-3deg;--fy:calc(var(--tw) * 3);z-index:4}.from-t{--tx:0px;--ty:calc(var(--tw) * -.55);--rot:2deg;--fy:calc(var(--tw) * -3);z-index:2}.from-r{--tx:calc(var(--tw) * .6);--ty:calc(var(--tw) * .1);--rot:6deg;--fx:calc(var(--tw) * 4);z-index:3}.from-l{--tx:calc(var(--tw) * -.6);--ty:calc(var(--tw) * -.1);--rot:-6deg;--fx:calc(var(--tw) * -4);z-index:1}.trick.sweep-b{--sy:calc(var(--tw) * 5)}.trick.sweep-t{--sy:calc(var(--tw) * -5)}.trick.sweep-r{--sx:calc(var(--tw) * 6)}.trick.sweep-l{--sx:calc(var(--tw) * -6)}.trick[class*=sweep-] .trick-card{animation:.45s ease-in forwards sweep}@keyframes fly-in{0%{transform:translate(calc(var(--tx) + var(--fx)), calc(var(--ty) + var(--fy))) rotate(calc(var(--rot) * 4)) scale(1.15);opacity:.4}to{transform:translate(var(--tx), var(--ty)) rotate(var(--rot));opacity:1}}@keyframes sweep{to{transform:translate(calc(var(--tx) + var(--sx)), calc(var(--ty) + var(--sy))) rotate(var(--rot)) scale(.6);opacity:0}}.hint,.done{text-align:center;opacity:.55;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;margin:0;font-size:.9rem;display:flex;position:absolute;inset:0}.done{opacity:1;font-size:1.1rem}.own{flex-direction:column;grid-area:own;gap:.35rem;padding-bottom:1rem;display:flex}.status{justify-content:center;align-items:center;gap:.6rem;margin:0;font-size:.85rem;display:flex}.pill{background:#0004;border:1px solid #fff3;border-radius:99px;padding:.15rem .7rem}.pill.on{background:var(--gold);color:#1c1608;border-color:var(--gold);font-weight:700}.hand{--step:min(calc(var(--cw) * .62), calc((100cqw - var(--cw)) / max(var(--n) - 1, 1)));justify-content:center;width:100%;padding:1.4rem .5rem 0;display:flex;container-type:inline-size}.hand-card{--mid:calc((var(--n) - 1) / 2);--off:calc(var(--i) - var(--mid));width:var(--step);cursor:pointer;color:inherit;transform:translateY(calc(var(--off) * var(--off) * .35px)) rotate(calc(var(--off) * 1.2deg));transform-origin:50% 120%;background:0 0;border:0;flex:none;padding:0;transition:transform .18s ease-out;position:relative}.hand-card:last-child{width:var(--cw)}.hand-card .card-svg{width:var(--cw);pointer-events:none;max-width:none}.hand-card.selected{z-index:5;transform:translateY(-1.1rem)scale(1.04)}.hand-card:disabled{cursor:default;color:inherit}.actions{justify-content:center;gap:.75rem;padding:0 .5rem;display:flex}.actions .btn{flex:1;max-width:14rem}@media (hover:hover){.hand-card:not(:disabled):not(.selected):hover{transform:translateY(-.5rem)}}.app[data-animate=false] *,.app[data-animate=false] :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.app *,.app :before{transition:none!important;animation:none!important}}@media (min-width:900px){:root{--cw:92px;--tw:86px}}@media (max-height:700px) and (min-width:500px){:root{--cw:64px;--tw:60px}}