.tile.svelte-4lsiak{--w:var(--tw,28px);--h:calc(var(--w) * var(--tile-ratio,4 / 3));width:var(--w);height:var(--h);flex:none;transition:transform 90ms ease-out;display:inline-block;position:relative}.tile.sideways.svelte-4lsiak{width:var(--h);height:var(--w);align-self:flex-end}.face.svelte-4lsiak{width:var(--w);height:var(--h);border-radius:calc(var(--w) * .14);background:var(--tile-face);box-shadow:0 calc(var(--w) * .08) 0 var(--tile-edge), 0 calc(var(--w) * .1) calc(var(--w) * .12) #00000059;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.sideways.svelte-4lsiak .face:where(.svelte-4lsiak){box-shadow:calc(var(--w) * -.08) 0 0 var(--tile-edge), calc(var(--w) * -.1) 0 calc(var(--w) * .12) #00000059;rotate:90deg}img.svelte-4lsiak{top:var(--art-y);left:var(--art-x);width:calc(100% - 2 * var(--art-x));height:calc(100% - 2 * var(--art-y));object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.face.svelte-4lsiak{container-type:inline-size}@container (width<=15.9px){.index.svelte-4lsiak{display:none}}.index.svelte-4lsiak{z-index:1;font:800 max(calc(var(--w) * .34), 7px) / 1 system-ui, sans-serif;letter-spacing:-.04em;padding:0 calc(var(--w) * .04);border-radius:calc(var(--w) * .06);pointer-events:none;background:#fbfaf4e0;position:absolute;top:2%;left:4%}.index.man.svelte-4lsiak{color:#b3261e}.index.pin.svelte-4lsiak{color:#1f4fa3}.index.sou.svelte-4lsiak{color:#1d7a3a}.index.honor.svelte-4lsiak{color:#1b1b1b}.index.red-five.svelte-4lsiak{color:#fff;background:#d0342c}body.no-tile-labels .index.svelte-4lsiak{display:none}.tile.compact.svelte-4lsiak .index:where(.svelte-4lsiak){font-size:max(40cqw,7px)}.tile.compact.svelte-4lsiak .index.wide:where(.svelte-4lsiak){font-size:max(30cqw,7px)}@container (width<=31.9px){.tile.compact.svelte-4lsiak .index:where(.svelte-4lsiak){font-size:max(48cqw,9px)}.tile.compact.svelte-4lsiak .index.wide:where(.svelte-4lsiak){font-size:max(36cqw,9px)}}.tint.svelte-4lsiak{pointer-events:none;position:absolute;inset:0}.tint.blue.svelte-4lsiak{background:#4cc3ff61}.tint.gold.svelte-4lsiak{background:#f2b70561}.glow-blue.svelte-4lsiak .face:where(.svelte-4lsiak){box-shadow:0 0 calc(var(--w) * .4) #4cc3fff2, 0 calc(var(--w) * .08) 0 #8fcde8}.glow-gold.svelte-4lsiak .face:where(.svelte-4lsiak){box-shadow:0 0 calc(var(--w) * .4) #f2b705f2, 0 calc(var(--w) * .08) 0 #e0c46a}.glow-blue.dim.svelte-4lsiak:not(.compact) .face:where(.svelte-4lsiak),.glow-gold.dim.svelte-4lsiak:not(.compact) .face:where(.svelte-4lsiak){filter:none}.index.svelte-4lsiak{z-index:2}.sideways.svelte-4lsiak .index:where(.svelte-4lsiak){rotate:-90deg}.last.svelte-4lsiak,.win.svelte-4lsiak{transform:translateY(calc(var(--w) * -.18))}.last.svelte-4lsiak .face:where(.svelte-4lsiak),.win.svelte-4lsiak .face:where(.svelte-4lsiak){filter:drop-shadow(0 calc(var(--w) * .18) calc(var(--w) * .12) #000000b3)}.haku.svelte-4lsiak .face:where(.svelte-4lsiak):before{content:"";border:calc(var(--w) * .08) solid #3d6fb3;border-radius:calc(var(--w) * .06);position:absolute;inset:20% 22%}.back.svelte-4lsiak{background:linear-gradient(160deg, #3a86ab, var(--tile-back));position:absolute;inset:0}button.tile.svelte-4lsiak:not(:disabled):hover .face:where(.svelte-4lsiak){filter:brightness(1.04)}.selected.svelte-4lsiak{transform:translateY(calc(var(--w) * -.35))}.dim.svelte-4lsiak .face:where(.svelte-4lsiak){filter:brightness(.6)saturate(.6)}.hint.svelte-4lsiak .face:where(.svelte-4lsiak):after{content:"";aspect-ratio:1;background:#3aa85a;border-radius:50%;width:18%;position:absolute;bottom:5%;left:50%;translate:-50%}.melds.svelte-14roc6n{justify-content:flex-end;gap:calc(var(--tw,20px) * .3);flex-wrap:wrap;display:flex}.meld.svelte-14roc6n{align-items:flex-end;display:inline-flex}