.hr{--hr-felt:#24543f;--hr-felt-deep:#163626;--hr-felt-glow:#33704f;--hr-rail:#6b4426;--hr-rail-line:#c9a35a;--hr-chip:#10291d;--hr-chip-line:#3f7458;--hr-heart:#ff9f92;--hr-gold:#f4c744;--hr-trick:clamp(48px, 11vw, 80px)}.hr-theme-midnight{--hr-felt:#1f2d4a;--hr-felt-deep:#121a2e;--hr-felt-glow:#2f4470;--hr-rail:#8f6f37;--hr-rail-line:#e6c47a;--hr-chip:#0d1424;--hr-chip-line:#44577f;--hr-heart:#ffa3a3}.hr-theme-garden{--hr-felt:#ece4cd;--hr-felt-deep:#dfd5b9;--hr-felt-glow:#f8f3e3;--hr-rail:#b9a777;--hr-rail-line:#8a7a4c;--hr-chip:#fffcf1;--hr-chip-line:#cfc29a;--hr-heart:#a8322b;--hr-gold:#b68512}.hr-theme-rosewood{--hr-felt:#5a2230;--hr-felt-deep:#3a121d;--hr-felt-glow:#7a3445;--hr-rail:#e3d4b2;--hr-rail-line:#a88a4f;--hr-chip:#2c0c15;--hr-chip-line:#85475a;--hr-heart:#ffb0b8}.hr-table{isolation:isolate;border:8px solid var(--hr-rail);background:radial-gradient(ellipse at 50% 38%, var(--hr-felt-glow), var(--hr-felt) 55%, var(--hr-felt-deep));box-shadow:inset 0 0 0 1px var(--hr-rail-line), inset 0 0 70px #0000003a, 0 6px 18px #1c241a2e;color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:22px;grid-template-columns:minmax(64px,1fr) minmax(0,2.6fr) minmax(64px,1fr);grid-template-areas:"north north north""west center east""you you you""hand hand hand";gap:10px 8px;padding:14px 12px 12px;display:grid;position:relative}.hr-theme-garden .hr-table{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23cdbf93' stroke-width='1.2'%3E%3Ccircle cx='28' cy='30' r='6'/%3E%3Cpath d='M28 18v-6M28 48v-6M16 30h-6M46 30h-6M19 21l-4-4M37 39l4 4M37 21l4-4M19 39l-4 4'/%3E%3Cpath d='M88 86q14-16 22 0-12 10-22 0Zm0 0q-6 12-16 16'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 38%, var(--hr-felt-glow), var(--hr-felt) 60%, var(--hr-felt-deep));box-shadow:inset 0 0 0 1px var(--hr-rail-line), inset 0 0 50px #8a7a4c22, 0 6px 18px #1c241a1f}.hr-seat{border:1px solid var(--hr-chip-line);background:var(--hr-chip);min-width:0;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;transition:box-shadow .2s;display:flex}.hr-seat.is-turn{box-shadow:0 0 0 2px var(--hr-gold), 0 0 14px color-mix(in srgb, var(--hr-gold) 45%, transparent)}.hr-seat-north{grid-area:north;justify-self:center}.hr-seat-west,.hr-seat-east{text-align:center;border-radius:18px;flex-direction:column;align-self:center;gap:4px;padding:8px 6px}.hr-seat-west{grid-area:west;justify-self:start}.hr-seat-east{grid-area:east;justify-self:end}.hr-avatar{border-radius:50%;flex:none;width:40px;height:40px;display:block}.hr-seat-text{white-space:nowrap;align-items:baseline;gap:8px;font-size:.86rem;line-height:1.2;display:flex}.hr-seat-west .hr-seat-text,.hr-seat-east .hr-seat-text{flex-direction:column;align-items:center;gap:2px}.hr-seat-text strong{font-weight:650}.hr-score{font-variant-numeric:tabular-nums;color:var(--hr-gold);font-weight:650}.hr-theme-garden .hr-score{color:var(--amber-text)}.hr-taken{font-variant-numeric:tabular-nums;color:var(--muted)}.hr-taken.has-points{color:var(--hr-heart)}.hr-heart{margin-right:2px}.hr-backs{align-items:center;padding-left:10px;display:flex}.hr-count{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:6px;font-size:.8rem}.hr-back{background:#f6edcf;border-radius:3px;width:20px;height:28px;margin-left:-10px;padding:1px;display:block;box-shadow:0 1px 2px #0000004d}.hr-center{min-height:calc(var(--hr-trick) * 1.4 * 2.3);grid-area:center;place-items:center;display:grid;position:relative}.hr-trick{position:absolute;inset:0}.hr-played,.hr-card,.hr-mini{color:#263d37;background:#fffdf2;border:1px solid #e0d6b8;border-radius:7px;padding:0;font-family:DM Sans,sans-serif;line-height:1;display:block;box-shadow:0 2px 4px #0c1a1450,inset 0 1px #fffef9}.hr-played{width:var(--hr-trick);height:calc(var(--hr-trick) * 1.4);transition:box-shadow .2s;animation:.22s ease-out hr-arrive;position:absolute}.hr-from-south{left:calc(50% - var(--hr-trick) / 2);--hr-fx:0;--hr-fy:140%;bottom:0}.hr-from-north{left:calc(50% - var(--hr-trick) / 2);--hr-fx:0;--hr-fy:-140%;top:0}.hr-from-west{left:calc(50% - var(--hr-trick) * 1.62);top:calc(50% - var(--hr-trick) * .7);--hr-fx:-150%;--hr-fy:0}.hr-from-east{left:calc(50% + var(--hr-trick) * .62);top:calc(50% - var(--hr-trick) * .7);--hr-fx:150%;--hr-fy:0}.hr-played.is-winner{box-shadow:0 0 0 3px var(--hr-gold), 0 0 18px color-mix(in srgb, var(--hr-gold) 60%, transparent)}.is-sweeping .hr-played{animation:.24s ease-in forwards hr-sweep}.sweep-south{--hr-sx:0;--hr-sy:160%}.sweep-north{--hr-sx:0;--hr-sy:-160%}.sweep-west{--hr-sx:-180%;--hr-sy:0}.sweep-east{--hr-sx:180%;--hr-sy:0}@keyframes hr-arrive{0%{transform:translate(var(--hr-fx), var(--hr-fy))}}@keyframes hr-sweep{to{transform:translate(var(--hr-sx), var(--hr-sy)) scale(.7);opacity:0}}.hr-actions{z-index:3;grid-area:center;place-self:center;position:relative}.hr-action .game-button{min-height:44px;box-shadow:0 3px 10px #0000003d}.hr-action .game-button-gold:disabled{border:1px dashed var(--hr-chip-line);background:var(--hr-chip);color:var(--muted);box-shadow:none}.hr-bloom{z-index:1;color:#e4574e;pointer-events:none;opacity:0;font-size:84px;line-height:1;animation:.3s ease-out hr-bloom;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hr-bloom{0%{opacity:.95;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.hr-moon{z-index:2;fill:#f2d27c;filter:drop-shadow(0 0 18px #f4c744aa);pointer-events:none;width:88px;height:88px;animation:.3s ease-out hr-rise;position:absolute;top:calc(50% - 44px);left:calc(50% - 44px)}@keyframes hr-rise{0%{opacity:0;transform:translateY(40px)}}.hr-gain{background:var(--gold);color:var(--on-gold);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 6px;font-weight:700;animation:.26s ease-out hr-pop}@keyframes hr-pop{0%{box-shadow:0 0 0 6px color-mix(in srgb, var(--hr-gold) 45%, transparent)}}.hr-you{flex-wrap:wrap;grid-area:you;justify-content:center;align-items:center;gap:10px;display:flex}.hr-prompt{background:var(--hr-chip);color:var(--ink);text-align:center;border-radius:10px;margin:0;padding:6px 12px;font-size:.92rem}.hr-hand{grid-area:hand;min-width:0;position:relative}.hr-card{width:var(--hr-card);height:var(--hr-card-h);cursor:pointer;user-select:none;transition:box-shadow .15s;position:absolute}.hr-card:focus-visible{z-index:20;outline:3px solid var(--focus);outline-offset:2px}.hr-card.is-chosen{box-shadow:0 0 0 3px var(--hr-gold), 0 6px 14px #0000004d}.hr-card.is-new{animation:.3s ease-out 2 hr-arrived;box-shadow:0 0 0 3px #8fc27a,0 2px 4px #0c1a1450}@keyframes hr-arrived{50%{box-shadow:0 0 0 5px #8fc27a,0 0 18px #8fc27a}}.hr-card.is-hinted{animation:1.2s ease-in-out 2 hr-hint}@keyframes hr-hint{50%{box-shadow:0 0 0 4px var(--hr-gold), 0 0 18px var(--hr-gold)}}.hr-card.is-blocked:after{content:"";border-radius:inherit;background:repeating-linear-gradient(-45deg,#2a332a38 0 4px,#2a332a14 4px 9px);position:absolute;inset:0}.hr-hand.is-active .hr-card:not(.is-blocked){box-shadow:0 0 0 1px var(--hr-gold), 0 3px 6px #0c1a1450}.hr-hand.is-active .hr-card.is-chosen{box-shadow:0 0 0 3px var(--hr-gold), 0 6px 14px #0000004d}@media (hover:hover) and (pointer:fine){.hr-hand.is-active .hr-card:not(.is-blocked):hover,.hr-card:not([aria-disabled=true]):hover{box-shadow:0 0 0 3px var(--hr-gold), 0 4px 10px #0000004d}}.hr .suit-hearts,.hr .suit-diamonds{color:#b63f39}.hr.four-color .suit-diamonds{color:#2364a1}.hr.four-color .suit-clubs{color:#397a43}.hr-scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:4px 0 12px}.hr-scores th,.hr-scores td{border-bottom:1px solid var(--line);text-align:right;padding:6px 8px}.hr-scores th[scope=row],.hr-scores thead th:first-child{text-align:left;align-items:center;gap:8px;display:flex}.hr-scores .hr-avatar{width:28px;height:28px}.hr-scores tr.is-leading td,.hr-scores tr.is-leading th{font-weight:700}.hr-tag{color:var(--amber-text);font-size:.85em}.hr-level-copy{color:var(--muted);margin:-4px 0 12px}.hr-last{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0 0 12px;padding:0;list-style:none;display:grid}.hr-last li{color:var(--ink);align-items:center;gap:10px;display:flex}.hr-mini{flex:none;width:52px;height:73px;position:relative}.hr-last li.is-winner .hr-mini{box-shadow:0 0 0 3px var(--gold-line)}.hr-swatch{border:3px solid var(--hr-rail);background:radial-gradient(circle at 40% 35%, var(--hr-felt-glow), var(--hr-felt));border-radius:7px;width:56px;height:32px;display:block}.hr-swatch-felt{--hr-felt:#24543f;--hr-felt-glow:#33704f;--hr-rail:#6b4426}.hr-swatch-midnight{--hr-felt:#1f2d4a;--hr-felt-glow:#2f4470;--hr-rail:#8f6f37}.hr-swatch-garden{--hr-felt:#ece4cd;--hr-felt-glow:#f8f3e3;--hr-rail:#b9a777}.hr-swatch-rosewood{--hr-felt:#5a2230;--hr-felt-glow:#7a3445;--hr-rail:#e3d4b2}.hr-deck-preview{background:#fffdf2;border:1px solid #d9cfb3;border-radius:5px;width:45px;height:64px;padding:2px;display:block}@media (width<=560px){.hr-table{border-width:5px;border-radius:16px;grid-template-columns:58px minmax(0,1fr) 58px;gap:8px 4px;padding:10px 6px 8px}.hr-seat-west,.hr-seat-east{width:58px;padding:6px 2px}.hr-seat-west .hr-backs,.hr-seat-east .hr-backs{display:none}.hr-avatar{width:34px;height:34px}.hr-seat-text{font-size:.8rem}.hr-prompt{font-size:.86rem}}@media (prefers-reduced-motion:reduce){.hr-played,.is-sweeping .hr-played,.hr-moon,.hr-card.is-hinted,.hr-card.is-new,.hr-gain{animation:none}.hr-bloom{display:none}.hr-card,.hr-seat,.hr-played{transition:none}}:is(.game-frame:fullscreen,.game-frame-expanded) .hr-table{box-sizing:border-box;grid-template-rows:auto minmax(auto,1fr) auto auto;min-height:100cqh}@container game (height<=330px){.hr-table{--hr-trick:40px;border-width:4px;grid-template:"north center you""west center east""hand hand hand"/minmax(0,1fr) minmax(150px,auto) minmax(0,1fr);gap:4px 8px;padding:6px 10px 4px}.hr-center{min-height:calc(var(--hr-trick) * 1.4 * 2.3)}.hr-seat,.hr-seat-west,.hr-seat-east{border-radius:999px;flex-direction:row;place-self:center start;gap:6px;width:auto;padding:3px 10px 3px 3px}.hr-seat-east{justify-self:end}.hr-seat-north{justify-self:start}.hr-seat-west .hr-seat-text,.hr-seat-east .hr-seat-text{flex-direction:row;align-items:baseline;gap:6px}.hr-avatar{width:28px;height:28px}.hr-backs{display:none}.hr-you{flex-direction:column;align-items:flex-end;gap:4px}.hr-prompt{text-align:right;padding:3px 8px;font-size:.8rem}}.hr-dialog-moon{vertical-align:-4px;width:22px;height:22px;fill:var(--amber);margin-right:6px}