.hud-button{--hud-edge:var(--panel-edge);height:calc(var(--game-unit) * 2);padding-inline:calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--hud-edge);white-space:nowrap;font-size:.9375em;position:relative}.hud-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--hud-edge);transition-duration:0s}.hud-icon{width:1.5rem;height:1.5rem;display:none}.hud-button--icon{width:calc(var(--game-unit) * 2);padding-inline:0}.hud-button--icon .hud-label{display:none}.hud-button--icon .hud-icon{width:1.25em;height:1.25em;display:block}@media (prefers-reduced-motion:no-preference){.hud-button--icon .hud-icon{transition:transform var(--duration-hover) ease}}.hud-button--icon:hover .hud-icon{transform:rotate(45deg)}.score-sheet,.end-overlay{padding:var(--game-unit);background:color-mix(in srgb, var(--table-edge) 60%, transparent);font-size:max(1rem, calc(var(--game-unit) * .8))}.score-sheet{z-index:var(--layer-overlay);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0}.score-sheet__panel,.end-overlay__panel{max-width:min(36em,100%);max-height:100%;color:var(--ink);text-align:center;border-radius:1.125em;flex-direction:column;padding:1.75em;display:flex}.score-sheet__title,.end-overlay__title{margin:0 0 1em;font-size:1.5em}.score-sheet__scroll{scrollbar-width:thin;scrollbar-color:var(--panel-edge) transparent;min-height:0;overflow:auto}.score-sheet__actions,.end-overlay__actions{justify-content:center;gap:.75em;margin-top:1.25em;display:flex}:is(.score-sheet__actions,.end-overlay__actions) .button{border-radius:.7em;height:max(2.75rem,2.6em);padding-inline:1.4em;font-size:1.0625em}.belote-game{--belote-suit-red:#c8323a;--belote-suit-red-on-felt:#ff9a94}.belote-hud__stats,.belote-hud__modes,.belote-hud__controls{font-size:var(--game-unit);align-self:center}.belote-hud__stats{margin-left:var(--game-unit);grid-area:stats;justify-self:start;gap:1.25em;display:flex}.belote-hud__controls{margin-right:var(--game-unit);grid-area:controls;justify-self:end;gap:.5em;display:flex}.belote-hud__modes{grid-area:modes;justify-self:center;gap:.25em;display:flex}.belote-hud__mode{border-radius:calc(var(--game-unit) * .75);color:var(--cream);font-family:var(--display);white-space:nowrap;padding:.25em .75em;font-weight:600;text-decoration:none}.belote-hud__mode:hover{background:#0000001f}.belote-hud__mode[aria-current=page]{color:var(--cream);background:#00000038}.belote{--hand-step:.52;--hand-card:min(calc(var(--game-unit) * 6.6), calc((100cqw - var(--game-unit) * 2) / (1 + 7 * var(--hand-step))))}.belote [data-colour=red]{color:var(--belote-suit-red)}.belote-auction [data-colour=red]{color:var(--belote-suit-red-on-felt)}.belote__centre{grid-template-rows:minmax(0,1fr)}.belote-bidding{align-self:stretch;justify-items:center;row-gap:calc(var(--game-unit) * .6);z-index:1;margin-bottom:calc(var(--game-unit) * -2.75);grid-template-rows:auto auto minmax(0,1fr);justify-self:unsafe center;display:grid}.belote-bidding:not([data-kept=deck]) .belote-auction{min-height:var(--card-height);justify-content:center}.belote-bidding>.belote-bid{z-index:1;grid-row:3;align-self:end}.belote-bid[data-waiting]{visibility:hidden;opacity:0}@media (prefers-reduced-motion:no-preference){.belote-bid{transition:opacity .2s,visibility .2s}@starting-style{.belote-bid{opacity:0}}}.belote-auction{align-items:center;gap:calc(var(--game-unit) * .35);max-width:calc(var(--card-width) * 4);color:var(--cream);text-align:center;flex-direction:column;display:flex}.belote-auction__standing{font-family:var(--display);margin:0;font-size:1.25em;font-weight:700}.belote-auction__times,.belote-auction__bidder{font-size:.75em}.belote-auction__bidder{color:var(--cream-soft);font-family:var(--body);font-weight:600}.belote-bid .belote-prompt{min-height:0}.belote-bid{align-items:center;gap:calc(var(--game-unit) * .5);padding:calc(var(--game-unit) * .6);border-radius:calc(var(--game-unit) * .75);background:#00000038;flex-direction:column;display:flex}.belote-bid__calls{grid-template-columns:repeat(4, calc(var(--game-unit) * 2.8)) repeat(2, auto);gap:calc(var(--game-unit) * .4);display:grid}.belote-bid__calls:not(:has([data-call=NT])){grid-template-columns:repeat(4, calc(var(--game-unit) * 2.8))}.belote-bid__values{align-items:center;gap:calc(var(--game-unit) * .4);display:flex}.belote-bid__step{width:calc(var(--game-unit) * 2.8);padding:0;font-size:1.35em}.belote-bid__value{min-width:4.5em;color:var(--cream);font-family:var(--display);text-align:center;font-size:1.25em;font-weight:700}.belote-turned{width:var(--card-width)}.belote-deck{width:var(--card-width);display:grid}.belote-deck>*{grid-area:1/1}.belote-deck__back{translate:calc(var(--i) * var(--card-width) * -.05) calc(var(--i) * var(--card-width) * -.05)}.belote-deck .belote-turned{translate:calc(var(--card-width) * .22) calc(var(--card-width) * .06);rotate:6deg}.belote-bid__others{justify-content:center;gap:calc(var(--game-unit) * .4) calc(var(--game-unit) * 1.5);flex-wrap:wrap;display:flex}.belote-bid__call{height:calc(var(--game-unit) * 2.6);padding:0 calc(var(--game-unit) * .6);border-radius:calc(var(--game-unit) * .5);background:var(--panel);box-shadow:0 calc(var(--game-unit) * .2) 0 var(--panel-edge);color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border:0;font-weight:700}.belote-bid__call:is([data-call=C],[data-call=D],[data-call=H],[data-call=S]){padding:0;font-size:1.35em}.belote-bid__call:not(:disabled):hover{background:var(--accent);box-shadow:0 calc(var(--game-unit) * .2) 0 var(--accent-edge);color:var(--accent-ink)}.belote-bid__call:not(:disabled):active{transform:translateY(calc(var(--game-unit) * .15));box-shadow:0 calc(var(--game-unit) * .05) 0 var(--panel-edge)}.belote-bid__call:disabled{background:var(--panel-edge);box-shadow:none;cursor:default}.belote-bid__call:focus-visible,.belote-bid__choice:focus-visible{outline:.1875rem solid var(--cream);outline-offset:.125rem}.belote-bid__choice,.belote-announce__choice{height:calc(var(--game-unit) * 2.4);padding-inline:var(--game-unit);border-radius:calc(var(--game-unit) * .75);white-space:nowrap;font-size:.9375em}.belote-announce{align-items:center;gap:calc(var(--game-unit) * .5);padding:calc(var(--game-unit) * .75) var(--game-unit);border-radius:calc(var(--game-unit) * .75);z-index:2;flex-direction:column;justify-self:unsafe center;display:flex}.belote-announce__title{font-family:var(--display);margin:0;font-weight:700}.belote-announce__kinds{flex-wrap:wrap;justify-content:center;gap:.4em;margin:0;padding:0;list-style:none;display:flex}.belote-announce__kinds li{border-radius:calc(var(--game-unit) * .4);background:var(--panel-edge);padding:0 .5em;font-weight:700}.belote-announce__actions{gap:calc(var(--game-unit) * .5);display:flex}.belote-contract{top:calc(var(--game-unit) * .5);left:var(--game-unit);z-index:var(--layer-seat-tag);border-radius:calc(var(--game-unit) * .55);background:var(--panel);box-shadow:0 calc(var(--game-unit) * .2) 0 var(--panel-edge);color:var(--ink);flex-direction:column;gap:.15em;padding:.3em .7em .35em;line-height:1.2;display:flex;position:absolute}.belote-contract p{margin:0}.belote-last__cards{--card-width:clamp(3em, calc((100cqw - 7em) / 4.5), 5.5em);justify-content:center;gap:.75em;margin:0;padding:0;list-style:none;display:flex}.belote-last__card{justify-items:center;gap:.375em;display:grid}.belote-last__seat{color:var(--ink-soft);font-size:.875em}.belote-last__card[data-won] .belote-last__seat{color:var(--ink);font-weight:700}.belote-last__taker{margin:1em 0 0;font-weight:600}.belote-contract__call{align-items:baseline;display:flex}.belote-contract__sign{font-family:var(--display);font-size:1.4em;font-weight:700;line-height:1}.belote-contract__value{margin-right:.3em;font-weight:700}.belote-contract__times{margin-left:.25em;font-weight:700}.belote-contract__bidder{color:var(--ink-soft);margin-left:.5em;font-size:.875em}.belote-contract__tricks{gap:.75em;font-size:.875em;display:flex}.belote-contract__side:before{content:"";background:var(--team-us);width:.65em;height:.65em;box-shadow:inset 0 0 0 .1em var(--team-us-edge);border-radius:50%;margin-right:.3em;display:inline-block}.belote-contract__side[data-side=them]:before{background:var(--team-them);box-shadow:inset 0 0 0 .1em var(--team-them-edge)}.belote .belote-said:not([data-counted]){opacity:.6;text-decoration:line-through}.belote .belote-said--belot{background:var(--accent);color:var(--accent-ink)}.belote-sheet__scroll{flex-wrap:wrap;justify-content:center;gap:1em 1.5em;display:flex}.belote-scores{flex:15em}.belote-scores__note{color:var(--ink-soft);white-space:nowrap;font-size:.875em;display:block}.belote-scores__note:is([data-result=made],[data-result=valat]){color:var(--ink);font-weight:700}.belote-sheet__pot{color:var(--ink-soft);text-align:center;flex-basis:100%;margin:0}@media (width<=48rem) and (height>=24rem){.belote-hud__modes{margin-top:-.25rem;padding-bottom:.125rem;font-size:.9375rem;line-height:1.25}.belote-hud__mode{padding-block:.1875em}.belote-hud__stats,.belote-hud__controls{flex-wrap:wrap;justify-content:center;justify-self:center;margin:0;padding-block:.5rem;font-size:1rem}.belote-hud__controls{justify-content:space-evenly;gap:1.5rem .5rem;width:100%;padding-block:.5rem 1.5rem;padding-inline:.5rem}.belote{--hand-step:.42;--hand-card:min(calc(var(--game-unit) * 8), calc((100cqw - 1rem) / (1 + 7 * var(--hand-step))))}.belote-hud__stats{gap:.75em;font-size:.875rem}.belote-bidding{margin-bottom:calc(-2.75rem - var(--game-unit) * .5)}.belote-bidding:has(.belote-bid:not([data-waiting])){z-index:calc(var(--layer-seat-tag) + 1)}.belote-bidding:has(.belote-bid:not([data-waiting])) .belote-auction{visibility:hidden;opacity:0}.belote-bidding .belote-bid{background:var(--table-edge)}@media (prefers-reduced-motion:no-preference){.belote-auction{transition:opacity .2s,visibility .2s}}@container (height<=22rem){.belote-bid .belote-prompt:not(:has([data-refused])){display:none}.belote-deck{--card-width:calc(var(--game-unit) * 4)}}.belote-bid{gap:.375rem;padding:.5rem}:is(.belote-bid__calls,.belote-bid__calls:not(:has([data-call=NT]))){grid-template-columns:repeat(4,2.75rem);gap:.375rem}.belote-bid__call{height:2.75rem;font-size:.875rem}.belote-bid__call:is([data-call=NT],[data-call=AT]){grid-column:span 2}.belote-bid__step{width:2.75rem;font-size:1.35em}.belote-bid__choice,.belote-announce__choice{border-radius:var(--radius-control);height:2.75rem;padding-inline:1.25rem;font-size:1rem}.belote-contract{font-size:.8125rem;top:.25rem;left:.25rem}.belote-scores{font-size:.875em}.belote-scores th,.belote-scores td{padding:.25em .375em}}