.tile.svelte-4lsiak{box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tile-face.svelte-4lsiak{color:#2b2b2b;background:linear-gradient(168deg,#f7f2e8 0%,#efe6d4 58%,#e4d9c3 100%);border:1px solid #cfc4ac;transition:transform .1s,box-shadow .12s,filter .12s;box-shadow:inset 0 1px #fffc,0 2px #b9ae96,0 3px 5px #00000073}.tile-back.svelte-4lsiak{background:linear-gradient(168deg,#243042 0%,#1b2436 100%);border:1px solid #313c52;box-shadow:inset 0 1px #ffffff0f,0 2px #141a28,0 3px 4px #0006}.variant-hand.svelte-4lsiak{width:44px;height:60px}.variant-pond.svelte-4lsiak{width:26px;height:34px}.variant-meld.svelte-4lsiak{width:24px;height:32px}.variant-dora.svelte-4lsiak{width:32px;height:44px}.tile-back.variant-pond.svelte-4lsiak{width:20px;height:28px}button.tile.svelte-4lsiak{cursor:default;padding:0}.clickable.svelte-4lsiak{cursor:pointer}.clickable.svelte-4lsiak:hover{transform:translateY(-7px);box-shadow:inset 0 1px #fffc,0 6px #b9ae96,0 8px 10px #00000080}.selected.svelte-4lsiak{border-color:#c41e3a;transform:translateY(-9px)}.riichi-trigger.svelte-4lsiak{border-color:#c8a020;box-shadow:inset 0 1px #fffc,0 2px #b9ae96,0 0 8px #c8a020a6}button.tile.svelte-4lsiak:disabled{cursor:default}.highlight.svelte-4lsiak{outline-offset:1px;z-index:2;filter:brightness(1.12);outline:2px solid #f0c842;position:relative;box-shadow:0 0 8px #f0c84299}.dimmed.svelte-4lsiak{filter:brightness(.62)saturate(.7)}.recent.svelte-4lsiak{box-shadow:inset 0 1px #fffc,0 2px #b9ae96,0 0 0 2px #c41e3ab3,0 3px 5px #00000073}