.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)}.mahjong-game{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:calc(var(--game-unit) * var(--hud-units,2.75)) minmax(0, 1fr);height:100%;min-height:0;color:var(--cream);font-family:var(--body);--tile-face-light:#fffefa;--tile-face-mid:#f7f2e8;--tile-face-dark:#e7decc;--tile-face-shine:#ffffffe6;--tile-face-shade:#7c684238;--tile-side-light:#efe7d8;--tile-side-mid:#d2c7b1;--tile-side-dark:#a89c83;--tile-base-light:#e4dbc9;--tile-base-mid:#c3b79e;--tile-base-dark:#968a71;--tile-picked-face-light:#fff6d8;--tile-picked-face-mid:#f9dc8c;--tile-picked-face-dark:#f0c255;--tile-picked-side-light:#f2d68f;--tile-picked-side-mid:#dcb557;--tile-picked-side-dark:#a8802b;--tile-picked-base-light:#e9ce81;--tile-picked-base-mid:#cba749;--tile-picked-base-dark:#97721f;--tile-hint:#7a2f8f;grid-template-areas:"stats layouts controls""board board board";display:grid}.mahjong-hud__stats,.mahjong-hud__layouts,.mahjong-hud__controls{font-size:var(--game-unit);align-self:center}.mahjong-hud__stats{margin-left:var(--game-unit);grid-area:stats;justify-self:start;gap:1.25em;display:flex}.mahjong-hud__layouts{grid-area:layouts;justify-self:center;position:relative}.mahjong-hud__controls{margin-right:var(--game-unit);grid-area:controls;justify-self:end;gap:.5em;display:flex}.mahjong-hud__stat{align-items:baseline;gap:.25em;display:flex}.mahjong-hud__stat-label{color:var(--cream);font-size:.875em}.mahjong-hud__stat-value{min-width:var(--reading);font-size:1.0625em;font-weight:700}.mahjong-hud__layout-button{border-radius:calc(var(--game-unit) * .75);color:var(--cream);font:inherit;font-family:var(--display);white-space:nowrap;cursor:pointer;background:#00000038;border:0;align-items:center;gap:.375em;padding:.25em .75em;font-weight:600;display:inline-flex}.mahjong-hud__layout-button:hover{background:#0000004d}.mahjong-hud__layout-button:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.125rem}.mahjong-hud__chevron{width:1.125em;height:1.125em}.mahjong-hud__button--phone{display:none}.mahjong{isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-area:board;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.mahjong__tiles{position:absolute;inset:0}.mahjong__tile{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute}.mahjong__tile:disabled{pointer-events:none}.mahjong__tiles{--tile-edge-x:.9rem;--tile-edge-y:1.2rem;--tile-outline:none}.mahjong__body{top:0;left:calc(-1 * var(--tile-edge-x));width:calc(100% + var(--tile-edge-x));height:calc(100% + var(--tile-edge-y));will-change:transform;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.mahjong__body{transition:filter 90ms}.mahjong--dealing .mahjong__body{animation:mahjong-deal var(--deal-duration,.34s) var(--ease-settle) var(--deal-delay,0s) backwards}}@keyframes mahjong-deal{0%{opacity:0;transform:translateY(-14%)scale(.92)}}.mahjong__shade{top:0;right:0;bottom:var(--tile-edge-y);left:var(--tile-edge-x);pointer-events:none;box-shadow:calc(var(--tile-edge-x) * -1.15) calc(var(--tile-edge-y) * 1.15) calc(var(--tile-edge-x) * .75) calc(var(--tile-edge-x) * -.35) #0000004d;display:block;position:absolute}.mahjong__shell{clip-path:var(--tile-outline);display:block;position:absolute;inset:0}.mahjong__shell:before,.mahjong__shell:after{content:"";pointer-events:none;position:absolute}@media (prefers-reduced-motion:no-preference){.mahjong__shell:before,.mahjong__shell:after{transition:background 90ms}}.mahjong__shell:before{width:var(--tile-edge-x);background:linear-gradient(to left, var(--tile-side-light) 0%, var(--tile-side-mid) 62%, var(--tile-side-dark) 100%);height:100%;top:0;left:0}.mahjong__shell:after{width:100%;height:var(--tile-edge-y);clip-path:polygon(var(--tile-edge-x) 0, 100% 0, 100% 100%, 0 100%);background:linear-gradient(to bottom, var(--tile-base-light) 0%, var(--tile-base-mid) 62%, var(--tile-base-dark) 100%);bottom:0;left:0}.mahjong__face{top:0;right:0;bottom:var(--tile-edge-y);left:var(--tile-edge-x);background:linear-gradient(153deg, var(--tile-face-light) 0%, var(--tile-face-mid) 48%, var(--tile-face-dark) 100%);box-shadow:inset calc(var(--tile-edge-x) * .25) calc(var(--tile-edge-y) * .25) calc(var(--tile-edge-x) * .5) var(--tile-face-shine), inset calc(var(--tile-edge-x) * -.2) calc(var(--tile-edge-y) * -.2) calc(var(--tile-edge-x) * .5) var(--tile-face-shade);outline-offset:-.1875rem;outline:.1875rem solid #0000;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.mahjong__face{transition:background 90ms,outline-color 90ms}}.mahjong__glyph{object-fit:contain;pointer-events:none;width:100%;height:100%;padding:6%;display:block}.mahjong__tile[aria-disabled=true]{cursor:default}.mahjong__tile[data-blocked] .mahjong__body{filter:brightness(.84)saturate(.75)}.mahjong__tile[data-free]:hover .mahjong__body{filter:brightness(1.05)}.mahjong__tile[data-hinted] .mahjong__face{background:linear-gradient(153deg, color-mix(in srgb, var(--tile-hint) 8%, var(--tile-face-light)) 0%, color-mix(in srgb, var(--tile-hint) 18%, var(--tile-face-mid)) 48%, color-mix(in srgb, var(--tile-hint) 30%, var(--tile-face-dark)) 100%);outline-color:var(--tile-hint)}.mahjong__tile[data-hinted] .mahjong__shell:before{background:linear-gradient(to left, color-mix(in srgb, var(--tile-hint) 16%, var(--tile-side-light)) 0%, color-mix(in srgb, var(--tile-hint) 26%, var(--tile-side-mid)) 62%, color-mix(in srgb, var(--tile-hint) 34%, var(--tile-side-dark)) 100%)}.mahjong__tile[data-hinted] .mahjong__shell:after{background:linear-gradient(to bottom, color-mix(in srgb, var(--tile-hint) 16%, var(--tile-base-light)) 0%, color-mix(in srgb, var(--tile-hint) 26%, var(--tile-base-mid)) 62%, color-mix(in srgb, var(--tile-hint) 34%, var(--tile-base-dark)) 100%)}.mahjong__tile[data-selected] .mahjong__face{background:linear-gradient(153deg, var(--tile-picked-face-light) 0%, var(--tile-picked-face-mid) 48%, var(--tile-picked-face-dark) 100%)}.mahjong__tile[data-selected] .mahjong__shell:before{background:linear-gradient(to left, var(--tile-picked-side-light) 0%, var(--tile-picked-side-mid) 62%, var(--tile-picked-side-dark) 100%)}.mahjong__tile[data-selected] .mahjong__shell:after{background:linear-gradient(to bottom, var(--tile-picked-base-light) 0%, var(--tile-picked-base-mid) 62%, var(--tile-picked-base-dark) 100%)}.mahjong__tile:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.125rem;z-index:var(--layer-focus)}.mahjong__toast{z-index:var(--layer-float);border-radius:var(--radius-control);background:color-mix(in srgb, var(--table-edge) 88%, transparent);color:var(--cream);margin:0;padding:.5rem 1rem;position:absolute;bottom:1.25rem;left:50%;translate:-50%}.mahjong-win,.mahjong-lose{background:color-mix(in srgb, var(--table-edge) 60%, transparent)}.mahjong-win__panel,.mahjong-lose__panel{text-align:center}.mahjong-win__title,.mahjong-lose__title{margin:0 0 .25rem}.mahjong-win__reading,.mahjong-lose__reading{color:var(--ink-soft);margin:0 0 1.25rem}.mahjong-win__actions,.mahjong-lose__actions{justify-content:center;gap:.75rem;display:flex}@media (width<=40rem) and (height>=24rem){.mahjong-game{grid-template:"stats""board"minmax(0,1fr)"controls"/minmax(0,1fr)}.mahjong-hud__layouts{display:none}.mahjong-hud__stats,.mahjong-hud__controls{flex-wrap:wrap;justify-content:center;justify-self:center;margin:0;padding-block:.5rem;font-size:1rem}.mahjong-hud__controls{flex-direction:row-reverse;justify-content:space-evenly;gap:1.5rem .5rem;width:100%;padding-block:.75rem 1.5rem;padding-inline:.5rem}.mahjong-hud__label{color:var(--cream);font-family:var(--body);text-align:center;white-space:nowrap;pointer-events:none;font-size:.625rem;line-height:1;position:absolute;inset:calc(100% + .375rem) -1rem auto}.mahjong-hud__button--phone{display:inline-flex}.mahjong-hud__icon{display:block}.mahjong-hud__button--icon .mahjong-hud__icon{width:1.5rem;height:1.5rem}.mahjong-hud__button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;box-shadow:0 .25rem 0 var(--hud-edge);padding-inline:0}.mahjong-hud__button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}}