.hrt{--hrt-chrome: 11rem;--hrt-pad: clamp(6px, 1.6cqi, 16px);--hrt-gap: clamp(var(--sp-1),1.2cqi,var(--sp-3));--hrt-min-lap: .4;--hrt-card-cap: 4.35rem;--hrt-card-w: max(34px, min( calc((100cqi - 2 * var(--hrt-pad)) / (1 + 12 * var(--hrt-min-lap))), calc((100cqh - var(--hrt-chrome)) / 4.9 / 1.4), var(--hrt-card-cap) ));--hrt-card-h: calc(var(--hrt-card-w) * 1.4);--hrt-radius: clamp(3px, calc(var(--hrt-card-w) * .07), 10px);--hrt-step: min( calc(var(--hrt-card-w) * 1.06), calc((100cqi - 2 * var(--hrt-pad) - var(--hrt-card-w)) / 12) );--hrt-back-w: calc(var(--hrt-card-w) * .52);--hrt-back-h: calc(var(--hrt-back-w) * 1.4);--hrt-red: #D7263D;--hrt-black: #17141F;--hrt-face: #FBFAF5;--hrt-brass: 232 184 75;--hrt-lime: 198 255 74;--hrt-bad: 255 92 122;--hrt-ease-out: cubic-bezier(.2,.8,.3,1);--hrt-ease-back: cubic-bezier(.2,.8,.3,1.2);position:relative;display:flex;flex-direction:column;gap:var(--hrt-gap);padding:var(--hrt-pad);inline-size:100%;block-size:100%;min-inline-size:0;color:#fff;font:500 15px/1.2 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media(min-width:48rem){.hrt{--hrt-card-cap: min(4.35rem, calc((var(--fold, 100vh - 16rem) + 3rem - 21rem) / 4.63))}}.hrt__bar{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(var(--sp-2),2cqi,var(--sp-row));min-height:44px;font-size:clamp(var(--fs-1),2.5cqi,var(--fs-2))}.hrt__stat{display:flex;align-items:baseline;gap:var(--sp-1);white-space:nowrap}.hrt__k{opacity:.62;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:var(--fs-1)}.hrt__stat b{font-variant-numeric:tabular-nums;font-size:var(--fs-4);font-weight:800}.hrt__actions{margin-left:auto;display:flex;gap:var(--sp-1)}.hrt__chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-chip);background:rgb(var(--hrt-brass) / .16);color:rgb(var(--hrt-brass));font-weight:800;font-size:var(--fs-1);white-space:nowrap}.hrt__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3h);border:1px solid var(--wash-4);border-radius:var(--r-sm);background:var(--wash-2);color:inherit;font:inherit;font-weight:700;font-size:clamp(var(--fs-1),2.5cqi,var(--fs-1));cursor:pointer;white-space:nowrap;transition:background-color .12s,transform .12s var(--hrt-ease-out)}.hrt__btn:hover:not(:disabled){background:var(--wash-4)}.hrt__btn:active:not(:disabled){transform:translateY(1px)}.hrt__btn:disabled{opacity:.4;cursor:default}.hrt__btn[hidden]{display:none}.hrt__btn--primary{background:rgb(var(--hrt-brass));border-color:rgb(var(--hrt-brass));color:#1a1206;box-shadow:var(--e-1),0 0 18px rgb(var(--hrt-brass) / .28)}.hrt__btn--primary:hover:not(:disabled){background:rgb(var(--hrt-brass) / .88)}.hrt__btn--primary:disabled{box-shadow:none}.hrt__btn.is-confirm{background:#ff5c7a33;border-color:rgb(var(--hrt-bad));color:rgb(var(--hrt-bad))}.hrt__btn:focus-visible,.hrt__card:focus-visible{outline:3px solid rgb(var(--hrt-brass));outline-offset:2px}.hrt__settings:empty{display:none}.hrt__settings{display:flex;flex:1 1 100%;order:2}.hrt__actions{order:1;margin-inline-start:auto}@container (min-width: 30rem){.hrt__settings{flex:0 1 auto;margin-inline-start:auto}.hrt__actions{order:3;margin-inline-start:0}.hrt__seg{min-width:19rem}}.hrt__prompt{display:flex;align-items:center;gap:var(--hrt-gap);min-height:44px}.hrt__hint{margin:0;flex:1;min-width:0;font-size:clamp(var(--fs-1),2.5cqi,var(--fs-2));color:var(--wash-7);font-weight:600}.hrt__hint.is-refused{animation:hrt-refused .52s var(--hrt-ease-out);color:rgb(var(--hrt-bad))}@keyframes hrt-refused{0%{transform:translate(0)}25%{transform:translate(-3px)}60%{transform:translate(3px)}to{transform:translate(0)}}.hrt__table{position:relative;flex:1 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:".    north  ." "west centre east" "mine mine   mine";gap:var(--hrt-gap);align-items:center;justify-items:center;touch-action:manipulation;border-radius:calc(var(--hrt-radius) * 1.6);background:radial-gradient(ellipse at 50% 24%,var(--wash-1),transparent 62%),var(--surface-bg, radial-gradient(ellipse 78% 62% at 50% 46%, var(--felt-lit) 0%, var(--felt) 55%, var(--felt-deep) 100%));box-shadow:inset 0 0 0 1px var(--scrim-2),var(--e-sink-deep);overflow:hidden}.hrt__seat{display:flex;align-items:center;gap:calc(var(--hrt-gap) * .8);min-width:0}.hrt__seat--north{grid-area:north;flex-direction:column-reverse;padding-block-start:var(--sp-1)}.hrt__seat--west{grid-area:west;flex-direction:row-reverse}.hrt__seat--east{grid-area:east;flex-direction:row}.hrt__seat--south{flex-direction:row}.hrt__plate{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-chip);background:#08100c8c;border:1px solid var(--wash-3);font-size:clamp(var(--fs-1),2.1cqi,var(--fs-1));white-space:nowrap;transition:border-color .16s,box-shadow .16s,background-color .16s}.hrt__plate.is-turn{border-color:rgb(var(--hrt-brass) / .85);box-shadow:0 0 0 1px rgb(var(--hrt-brass) / .5),0 0 18px rgb(var(--hrt-brass) / .28);background:rgb(var(--hrt-brass) / .14)}.hrt__name{font-weight:800;letter-spacing:-.01em}.hrt__total{display:inline-flex;align-items:baseline;gap:var(--sp-1)}.hrt__total b{font-variant-numeric:tabular-nums;font-weight:800}.hrt__took{opacity:.72;font-weight:600;font-variant-numeric:tabular-nums}.hrt__took:empty{display:none}.hrt__seat--west,.hrt__seat--east{flex-direction:column;gap:var(--sp-1)}.hrt__seat--west .hrt__plate,.hrt__seat--east .hrt__plate{flex-direction:column;gap:0;border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-1)}.hrt__seat--west .hrt__took,.hrt__seat--east .hrt__took{font-size:var(--fs-2)}.hrt__fan{position:relative;flex:none}.hrt__back{position:absolute;inline-size:var(--hrt-back-w);block-size:var(--hrt-back-h);border-radius:calc(var(--hrt-radius) * .8);background-color:#fff;background-image:var(--gafc-back);background-size:calc(var(--hrt-back-w) * var(--gafc-back-tile) * 1.4) calc(var(--hrt-back-w) * var(--gafc-back-tile) * 1.4);background-clip:content-box;padding:var(--sp-1);box-shadow:var(--card-shadow)}.hrt__seat--north .hrt__fan{inline-size:calc(var(--hrt-back-w) + (var(--hrt-n, 13) - 1) * var(--hrt-back-w) * .34);block-size:var(--hrt-back-h)}.hrt__seat--north .hrt__back{left:calc(var(--hrt-i) * var(--hrt-back-w) * .34);top:0}.hrt__seat--west .hrt__fan,.hrt__seat--east .hrt__fan{inline-size:var(--hrt-back-w);block-size:calc(var(--hrt-back-h) + (var(--hrt-n, 13) - 1) * var(--hrt-back-h) * .13)}.hrt__seat--west .hrt__back,.hrt__seat--east .hrt__back{left:0;top:calc(var(--hrt-i) * var(--hrt-back-h) * .13)}.hrt__pile{display:flex;gap:var(--sp-1);align-items:flex-end;min-height:6px}.hrt__sliver{inline-size:3px;block-size:calc(6px + var(--hrt-i) * 0px);border-radius:var(--r-sm);background:rgb(var(--hrt-brass) / .75);box-shadow:0 0 6px rgb(var(--hrt-brass) / .35)}.hrt__seat--west .hrt__pile,.hrt__seat--east .hrt__pile{flex-wrap:wrap;max-inline-size:calc(var(--hrt-back-w) + 6px);justify-content:center}.hrt__centre{grid-area:centre;position:relative;inline-size:calc(var(--hrt-card-w) * 2.9);block-size:calc(var(--hrt-card-h) * 1.85);border-radius:calc(var(--hrt-radius) * 2);transition:box-shadow .16s,background-color .16s}.hrt__centre.is-target{box-shadow:inset 0 0 0 2px var(--wash-4)}.hrt__centre.is-over{box-shadow:inset 0 0 0 3px rgb(var(--hrt-lime) / .8),0 0 30px rgb(var(--hrt-lime) / .28);background:rgb(var(--hrt-lime) / .1)}.hrt__slot{position:absolute;inline-size:var(--hrt-card-w);block-size:var(--hrt-card-h);translate:-50% -50%}.hrt__slot--north{left:50%;top:28%;rotate:-3deg}.hrt__slot--south{left:50%;top:72%;rotate:2deg}.hrt__slot--west{left:22%;top:50%;rotate:-6deg}.hrt__slot--east{left:78%;top:50%;rotate:5deg}.hrt__slot .hrt__card{position:absolute;inset:0;inline-size:100%;block-size:100%}.hrt__note{position:absolute;left:50%;bottom:-2px;translate:-50% 0;margin:0;font-size:clamp(var(--fs-1),2cqi,var(--fs-1));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--wash-6);white-space:nowrap;pointer-events:none}.hrt__mine{grid-area:mine;inline-size:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.hrt__hand{position:relative;inline-size:100%;block-size:calc(var(--hrt-card-h) + 22px)}.hrt__card{position:absolute;bottom:8px;left:calc(50% - (var(--hrt-card-w) + (var(--hrt-n, 13) - 1) * var(--hrt-step)) / 2 + var(--hrt-i, 0) * var(--hrt-step));inline-size:var(--hrt-card-w);block-size:var(--hrt-card-h);border-radius:var(--hrt-radius);background:linear-gradient(160deg,#fff 0%,var(--hrt-face) 60%,var(--art-card) 100%);box-shadow:var(--card-shadow),0 0 0 .5px var(--scrim-2);touch-action:manipulation;cursor:pointer;overflow:hidden;font-weight:800;font-size:max(var(--fs-1),calc(var(--hrt-card-w) * .2));line-height:1;transition:translate .14s var(--hrt-ease-out),box-shadow .14s,filter .16s,opacity .16s;will-change:transform}.hrt__card--red{color:var(--hrt-red)}.hrt__card--black{color:var(--hrt-black)}.hrt__card--played{position:relative;inset:auto;cursor:default}.hrt__hand .hrt__card.is-legal{translate:0 -10px;box-shadow:var(--e-2),0 0 0 1.5px rgb(var(--hrt-lime) / .55)}.hrt__hand .hrt__card.is-legal:hover{translate:0 -16px}.hrt__hand .hrt__card.is-dim{translate:0 6px;filter:grayscale(.4) brightness(.72)}.hrt__hand .hrt__card.is-selected{translate:0 -18px;box-shadow:var(--e-2),0 0 0 2.5px rgb(var(--hrt-brass))}.hrt__hand .hrt__card.is-arrived{box-shadow:var(--e-2),0 0 0 2px rgb(var(--hrt-brass) / .85)}.hrt__card.is-pressed{translate:0 -14px;box-shadow:var(--e-2)}.hrt__card.is-dragging{z-index:40;translate:var(--hrt-dx, 0) calc(-14px + var(--hrt-dy, 0px));scale:1.05;transition:none;box-shadow:var(--e-2);cursor:grabbing}.hrt__card.is-queen{animation:hrt-queen .9s var(--hrt-ease-out);z-index:30}@keyframes hrt-queen{0%{box-shadow:0 0 rgb(var(--hrt-bad) / .9),var(--card-shadow)}30%{box-shadow:0 0 0 4px rgb(var(--hrt-bad) / .9),0 0 34px rgb(var(--hrt-bad) / .6)}to{box-shadow:0 0 rgb(var(--hrt-bad) / 0),var(--card-shadow)}}.hrt__table.is-queen-flash:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 60px rgb(var(--hrt-bad) / .45);animation:hrt-flash .6s ease-out forwards}@keyframes hrt-flash{0%{opacity:1}to{opacity:0}}.hrt__table.is-won:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 70% 60% at 50% 60%,rgb(var(--hrt-brass) / .28),transparent 70%);animation:hrt-glow .9s ease-out forwards}@keyframes hrt-glow{0%{opacity:0}30%{opacity:1}to{opacity:0}}.hrt__float{font-size:clamp(var(--fs-3),5cqi,var(--fs-6));font-weight:900;color:rgb(var(--hrt-lime));text-shadow:var(--ink-shade),0 0 14px rgb(var(--hrt-lime) / .45);letter-spacing:-.02em}.hrt__float--bad{color:rgb(var(--hrt-bad));text-shadow:var(--ink-shade),0 0 14px rgb(var(--hrt-bad) / .5)}.hrt__float--note{color:rgb(var(--hrt-brass));font-size:clamp(var(--fs-1),3cqi,var(--fs-3));text-transform:uppercase;letter-spacing:.06em}.hrt__moon{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:60;display:grid;justify-items:center;gap:var(--sp-1);padding:clamp(var(--sp-2),3cqi,var(--sp-5)) clamp(var(--sp-4),5cqi,var(--sp-8));border-radius:var(--r-lg);background:radial-gradient(ellipse at 50% 20%,#3c2c0af5,#140e04f5);box-shadow:0 0 0 1px rgb(var(--hrt-brass) / .6),var(--e-3),0 0 90px rgb(var(--hrt-brass) / .25);text-align:center;max-inline-size:84%}.hrt__moon-mark{font-size:clamp(var(--fs-5),7cqi,var(--fs-8));color:rgb(var(--hrt-brass));line-height:1}.hrt__moon b{font-size:clamp(var(--fs-4),6cqi,var(--fs-7));font-weight:900;letter-spacing:-.02em;color:rgb(var(--hrt-brass))}.hrt__moon span:last-child{font-size:clamp(var(--fs-1),2.6cqi,var(--fs-2));color:var(--wash-8);font-weight:600}@container (max-width: 30rem){.hrt.hrt.hrt{--hrt-pad: 4px;--hrt-gap: var(--sp-1);--hrt-chrome: 9.5rem}.hrt__bar{gap:var(--sp-2)}.hrt__stat{flex-direction:column;align-items:flex-start;gap:0;line-height:1.05}.hrt__stat b{font-size:var(--fs-3)}.hrt__seat--south .hrt__plate{font-size:var(--fs-1)}.hrt__centre{inline-size:calc(var(--hrt-card-w) * 2.75);block-size:calc(var(--hrt-card-h) * 2.1)}}@container (min-width: 52rem){.hrt__centre{inline-size:calc(var(--hrt-card-w) * 3.7);block-size:calc(var(--hrt-card-h) * 1.9)}.hrt__plate{font-size:var(--fs-2);padding:var(--sp-1) var(--sp-3)}.hrt{--hrt-back-w: calc(var(--hrt-card-w) * .6)}.hrt__seat--west{margin-inline-start:13cqi}.hrt__seat--east{margin-inline-end:13cqi}}@media(prefers-reduced-motion:reduce){.hrt__card,.hrt__plate,.hrt__btn,.hrt__centre{transition:none!important}.hrt__card.is-queen,.hrt__table.is-queen-flash:after,.hrt__table.is-won:after,.hrt__hint.is-refused{animation:none!important}.hrt__card.is-queen{box-shadow:0 0 0 3px rgb(var(--hrt-bad)),var(--card-shadow)}}.hrt{--gafc-card-w: var(--hrt-card-w)}