@font-face{font-family:Oranienbaum;font-style:normal;font-display:swap;font-weight:400;src:url(./oranienbaum-cyrillic-400-normal-DJ9meR3m.woff2)format("woff2"),url(./oranienbaum-cyrillic-400-normal-DhMiF5E-.woff)format("woff")}@font-face{font-family:Oranienbaum;font-style:normal;font-display:swap;font-weight:400;src:url(./oranienbaum-latin-400-normal-Pblm6D9w.woff2)format("woff2"),url(./oranienbaum-latin-400-normal--Nb-tlzl.woff)format("woff")}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./golos-text-cyrillic-ext-wght-normal-hICkpzq7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./golos-text-cyrillic-wght-normal-mKek_fSS.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./golos-text-latin-ext-wght-normal-B-I5lbAQ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./golos-text-latin-wght-normal-BS5oQT7X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--felt:#1d4a39;--felt-light:#34745a;--felt-dark:#0c2019;--walnut:#24150e;--brass:#d8b26a;--brass-bright:#f2d594;--ivory:#f5eedd;--ivory-shade:#e4dac3;--ink:#1d1a17;--cinnabar:#b02a20;--back:#7a2020;--display:"Oranienbaum", "Georgia", serif;--text:"Golos Text Variable", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--felt-dark);color:var(--ivory);font-family:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;flex-direction:column;font-size:15px;display:flex;overflow:hidden}button{font:inherit;cursor:pointer}#bar{background:repeating-linear-gradient(92deg, #ffffff05 0 3px, transparent 3px 11px), linear-gradient(#34201500, #0000004d), var(--walnut);z-index:5;white-space:nowrap;border-bottom:1px solid #000;flex:none;align-items:center;gap:22px;height:52px;padding:0 18px;display:flex;position:relative;box-shadow:inset 0 -1px #d8b26a59,0 6px 18px #00000073}.brand{font-family:var(--display);letter-spacing:.04em;color:var(--brass-bright);text-shadow:0 1px #000;font-size:30px}.meta{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);align-items:center;gap:14px;font-size:13px;display:flex}.trump-chip{background:var(--ivory);color:var(--ink);border-radius:99px;align-items:center;gap:7px;padding:3px 9px 3px 11px;display:inline-flex}.trump-chip.red{color:var(--cinnabar)}.trump-chip .suit{width:14px;height:14px}.score{color:#f5eedd99;text-overflow:ellipsis;margin-left:auto;font-size:13px;overflow:hidden}#bar nav{gap:6px;display:flex}.ghost{color:var(--brass);background:0 0;border:1px solid #d8b26a59;border-radius:6px;padding:6px 12px;font-size:13px;transition:background .15s,color .15s}.ghost:hover{background:var(--brass);color:var(--walnut)}#stage{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"), radial-gradient(ellipse 75% 70% at 50% 40%, var(--felt-light) 0%, var(--felt) 48%, var(--felt-dark) 100%);--ch:calc(var(--cw) * 1.5);flex:1;min-height:0;position:relative;overflow:hidden}#stage:before{content:"";aspect-ratio:2.3;pointer-events:none;border:1px solid #f5eedd17;border-radius:50%;width:min(62vw,760px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 60px #0000001f}.card{width:var(--cw);height:var(--ch);will-change:transform;perspective:600px;transition:transform .42s cubic-bezier(.2,.85,.25,1);position:absolute;top:0;left:0}.instant .card{transition:none}.card-inner{transform-style:preserve-3d;transition:transform .36s;position:absolute;inset:0;transform:rotateY(180deg)}.card.up .card-inner{transform:rotateY(0)}.card-face,.card-back{border-radius:calc(var(--cw) * .075);backface-visibility:hidden;box-shadow:0 1px 1px #00000059, 0 calc(var(--cw) * .05) calc(var(--cw) * .12) #0000004d;position:absolute;inset:0}.card-face{background:linear-gradient(160deg, #fbf6ea 0%, var(--ivory) 55%, var(--ivory-shade) 100%);color:var(--ink);font-family:var(--display)}.card.red .card-face{color:var(--cinnabar)}.card-face:after{content:"";inset:calc(var(--cw) * .045);border-radius:calc(var(--cw) * .045);opacity:.16;pointer-events:none;border:1px solid;position:absolute}.card-back{background-color:var(--back);box-shadow:inset 0 0 0 calc(var(--cw) * .05) var(--ivory), inset 0 0 0 calc(var(--cw) * .065) var(--back), 0 1px 1px #00000059, 0 calc(var(--cw) * .05) calc(var(--cw) * .12) #0000004d;background-image:repeating-linear-gradient(45deg,#f5eedd33 0 1.5px,#0000 1.5px 7px),repeating-linear-gradient(-45deg,#f5eedd33 0 1.5px,#0000 1.5px 7px);transform:rotateY(180deg)}.suit{fill:currentColor;display:block}.idx{width:calc(var(--cw) * .28);flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.idx.tl{left:calc(var(--cw) * .045);top:calc(var(--cw) * .07)}.idx.br{right:calc(var(--cw) * .045);bottom:calc(var(--cw) * .07);transform:rotate(180deg)}.idx .rank{font-size:calc(var(--cw) * .3);letter-spacing:-.04em;font-weight:400}.idx .suit{width:calc(var(--cw) * .19);height:calc(var(--cw) * .19);margin-top:calc(var(--cw) * .02)}.centre{justify-content:center;align-items:center;gap:calc(var(--cw) * .02);flex-direction:column;display:flex;position:absolute;inset:0}.centre .suit{width:calc(var(--cw) * .44);height:calc(var(--cw) * .44)}.card.ace .centre .suit{width:calc(var(--cw) * .62);height:calc(var(--cw) * .62)}.card.court .centre{inset:calc(var(--cw) * .36) calc(var(--cw) * .2);border-radius:calc(var(--cw) * .03);background:#b02a200d;border:1px solid}.card.court .centre .rank{font-size:calc(var(--cw) * .5);font-weight:400;line-height:.9}.card.court .centre .suit{width:calc(var(--cw) * .2);height:calc(var(--cw) * .2)}.art{border-radius:inherit;mix-blend-mode:multiply;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.card.pictured .art{display:block}.card.pictured .idx,.card.pictured .centre,.card.pictured .card-face:after{display:none}.card.trump .card-face:before{content:"";height:calc(var(--cw) * .055);border-radius:calc(var(--cw) * .075) calc(var(--cw) * .075) 0 0;background:linear-gradient(var(--brass-bright), var(--brass));z-index:1;position:absolute;top:0;left:0;right:0}.card.liftable,.card.target{cursor:pointer}.card.liftable .card-inner{transition:transform .16s}.card.liftable:hover .card-inner{transform:translateY(-6%)}.card.refused .card-face{animation:.3s refuse}@keyframes refuse{25%{transform:translate(-4%)}75%{transform:translate(4%)}}.card.dim .card-face{filter:brightness(.66)saturate(.7)}.card.selected .card-face{box-shadow:0 0 0 2px var(--brass-bright), 0 calc(var(--cw) * .1) calc(var(--cw) * .22) #00000073}.card.target .card-face{box-shadow:0 0 0 2px var(--brass-bright), 0 0 calc(var(--cw) * .25) var(--brass-bright)}.card.hinted .card-face{animation:1.1s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:0 0 0 2px #8fd0ff,0 0 4px #8fd0ff}to{box-shadow:0 0 0 2px #8fd0ff, 0 0 calc(var(--cw) * .3) #8fd0ff}}#trump-mark{width:calc(var(--cw) * .7);height:calc(var(--cw) * .7);opacity:0;color:var(--ivory);transition:opacity .5s .4s;position:absolute;transform:translate(-50%,-50%)}#trump-mark.red{color:#e8695d}#trump-mark.bare{opacity:.55}#trump-mark .suit{width:100%;height:100%}.pile-label{z-index:350;color:#f5eeddbf;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#00000047;border:0;border-radius:99px;padding:2px 8px;font-size:11px;position:absolute;transform:translate(-50%)}.pile-label:empty{display:none}button.pile-label:hover{background:var(--brass);color:var(--walnut)}.seat{white-space:nowrap;background:#0000004d;border-radius:99px;align-items:baseline;gap:8px;padding:4px 12px;transition:background .25s,box-shadow .25s,opacity .25s;display:flex;position:absolute;transform:translate(-50%)}.seat.me{transform:translateY(-50%)}.seat.active{box-shadow:0 0 0 1px var(--brass);background:#00000080}.seat.out{opacity:.45}.seat.fool{box-shadow:0 0 0 1px var(--cinnabar);background:#b02a2059}.seat .name{font-family:var(--display);color:var(--brass-bright);font-size:19px}.seat .count{font-variant-numeric:tabular-nums;color:#f5eedda6;font-size:13px}.seat .count:empty,.seat .role:empty{display:none}.seat .role{letter-spacing:.1em;text-transform:uppercase;color:#f5eeddcc;font-size:11px}.dots{gap:3px;display:none}.seat.thinking .dots{display:inline-flex}.dots i{background:var(--brass);border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.bubble{background:var(--ivory);color:var(--ink);font-family:var(--display);opacity:0;pointer-events:none;z-index:500;border-radius:14px;padding:5px 14px;font-size:19px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0006}.bubble:before{content:"";background:var(--ivory);width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble.show{animation:1.5s both say}@keyframes say{0%{opacity:0;transform:translate(-50%,-6px)scale(.9)}12%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}#seats,#cards{pointer-events:none;position:absolute;inset:0}#seats{z-index:400}.card{pointer-events:auto}#actions{z-index:450;pointer-events:none;justify-content:center;align-items:center;gap:16px;padding:0 16px;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}#status{color:#f5eedde6;text-shadow:0 1px 2px #0009;text-align:right;min-height:1.3em;font-size:15px}#status.advice{color:#b9e2ff}#buttons{pointer-events:auto;gap:8px;display:flex}.primary,.plain{white-space:nowrap;border-radius:8px;padding:8px 20px;font-size:15px;transition:transform .1s,background .15s}.primary{background:linear-gradient(var(--brass-bright), var(--brass));color:var(--walnut);border:1px solid #8a6a2c;font-weight:600;box-shadow:inset 0 1px #ffffff80,0 3px 8px #0006}.primary:hover{background:linear-gradient(#fbe6b4, var(--brass-bright))}.plain{color:var(--ivory);background:#0000004d;border:1px solid #f5eedd66}.plain:hover{background:#00000080}.primary:active,.plain:active{transform:translateY(1px)}button.hinted{box-shadow:0 0 0 2px #8fd0ff,0 0 14px #8fd0ff}:focus-visible{outline-offset:2px;outline:2px solid #8fd0ff}#result{z-index:600;border:1px solid var(--brass);text-align:center;background:#140c08e6;border-radius:14px;flex-direction:column;align-items:center;gap:18px;padding:26px 40px 28px;animation:.5s cubic-bezier(.2,.8,.2,1) .5s both rise;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0009}#result[hidden]{display:none}#result p{max-width:18em;font-family:var(--display);color:var(--brass-bright);margin:0;font-size:30px;line-height:1.15}#result.lost p{color:#f0a79f}@keyframes rise{0%{opacity:0;transform:translate(-50%,-40%)}}dialog{border:1px solid var(--brass);width:min(92vw,460px);color:var(--ivory);background:#1b110b;border-radius:14px;padding:0;box-shadow:0 30px 80px #000000b3}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050c09a6}dialog form{flex-direction:column;gap:14px;padding:24px 26px;display:flex}dialog h2{font-family:var(--display);color:var(--brass-bright);margin:0 0 4px;font-size:28px;font-weight:400}.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.row>span{color:#f5eeddbf}.seg{border:1px solid #d8b26a73;border-radius:8px;display:flex;overflow:hidden}.seg input{opacity:0;position:absolute}.seg span{cursor:pointer;color:var(--brass);padding:6px 13px;font-size:14px;display:block}.seg label+label span{border-left:1px solid #d8b26a4d}.seg input:checked+span{background:var(--brass);color:var(--walnut);font-weight:600}.seg input:focus-visible+span{outline-offset:-2px;outline:2px solid #8fd0ff}.check{cursor:pointer;align-items:center;gap:10px;display:flex}.check input{width:16px;height:16px;accent-color:var(--brass)}.fine{color:#f5eedd99;margin:4px 0 0;font-size:13px;line-height:1.45}dialog .buttons{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}dialog .buttons [data-act=reset]{margin-right:auto}.suit-row{background:var(--ivory);color:var(--ink);font-family:var(--display);border-radius:8px;align-items:center;gap:10px;padding:7px 12px;font-size:22px;display:flex}.suit-row.red{color:var(--cinnabar)}.suit-row .suit{width:18px;height:18px;margin-right:6px}.suit-row b{font-weight:400}.suit-row i{opacity:.4}@media (width<=760px){#bar{gap:12px;padding:0 10px}.brand{font-size:24px}.score,.meta>span:first-child{display:none}.ghost{padding:5px 8px;font-size:12px}#bar nav{margin-left:auto}#actions{flex-direction:column;gap:8px}#status{text-align:center}}@media (width<=480px){.brand{display:none}}@media (prefers-reduced-motion:reduce){.card,.card-inner{transition-duration:10ms}.card.hinted .card-face,.dots i{animation:none}}